Problems with Checkout page (shopsite generated html?)

Questions and answers about ShopSite Custom Templates

Problems with Checkout page (shopsite generated html?)

Postby dani » Thu Sep 13, 2012 2:06 pm

A client of my company is currently using ShopSite for their business. However, they have had us redesign their website, so we are in the process of the making the necessary changes to the custom templates in ShopSite to reflect the new design.

Thusfar I've been able to figure out what HTML the ShopSite tags generate (such as [SC_Cart] etc). But on the checkout page, I'm running into several problems.

For a lot of the form elements, input and option in particular, many times there are attributes listed that do not have their values enclosed in quotes. For example, the [SC_Form] tag for the checkout page outputs the following HTML (you can see that the method's value is not defined with quotation marks, nor are any of the input type values):
Code: Select all
<form name="billing" class="billing" action="https://www.osioutlet.com/sc/thankyou.cgi"  method=post >
            <input type=hidden name="sbid" value="SSMSB1347224327.11188">
            <input type=hidden name="storeid" value="*22f19e7b289c21cff29a910408f794895e8c18">
            <input type=hidden name="fromid" value="billing.cgi">
            <input type=hidden name="j_script" value="">
            <script type="text/javascript">
               document.billing.j_script.value = 10
            </script>
            <input type=hidden name="frombilling" value="yes">
            <input type=hidden name="rnd1" value="994">
            <input type=hidden name="rnd2" value="19135">


Similarly, often times option tags do not have closing tags. For example, [SC_Payment] outputs the following HTML without closing option tags (and again with several attribute values lacking quotation marks):

Code: Select all
<table class="payment">
   <tr>
      <td class="payment_hdr" colspan=2>Payment -- Credit Card</td>
   </tr>
   <tr>
      <td class="payment">
      Select payment type:
      </td>
      <td class="payment_value">
      <select class="payment" name="paytype" id="selPaytype">
         <option class="payment" selected value=0 >Visa
         <option class="payment"  value=1 >MasterCard
         <option class="payment"  value=2 >Discover
         <option class="payment"  value=3 >American Express
      </select>
      </td>
   </tr>
   <tr>
      <td class="payment">Card Number</td>
      <td class="payment_value">
      <input class="payment" type="text" name="pay1" size="30" value="" AUTOCOMPLETE="off">
      </td>
   </tr>
   <tr>
      <td class="payment">Card Verification Value</td>
      <td class="payment_value">
      <input class="payment" type="text" name="cvv2" value="" size="4" maxlength="4" AUTOCOMPLETE="off">(required)  <a href="http://www.shopsite.com/help/11.1/en-US/sc/pro/cvv2.help.html" target="_blank">(CVV2 Help)</a>
      </td>
   </tr>
   <tr>
      <td class="payment">Name on Card</td>
      <td class="payment_value"><input class="payment" type="text" name="pay2" value="" size="30"></td>
   </tr>
   <tr>
      <td class="payment">Business Name</td>
      <td class="payment_value">
         <input class="payment" type="text" name="pay3" value="" size="30">
      </td>
   </tr>
   <tr>
      <td class="payment">Expiration Date</td>
      <td class="payment_value">
         <select class="payment" name="pay4_1">
          <option  value="01">01
          <option  value="02">02
          <option  value="03">03
          <option  value="04">04
          <option  value="05">05
          <option  value="06">06
          <option  value="07">07
          <option  value="08">08
          <option  value="09">09
          <option  value="10">10
          <option  value="11">11
          <option  value="12">12
         </select>
         <select class="payment" name="pay4_2">
            <option  value="2012">2012
            <option  value="2013">2013
            <option  value="2014">2014
            <option  value="2015">2015
            <option  value="2016">2016
            <option  value="2017">2017
            <option  value="2018">2018
            <option  value="2019">2019
            <option  value="2020">2020
            <option  value="2021">2021
            <option  value="2022">2022
            <option  value="2023">2023
            <option  value="2024">2024
            <option  value="2025">2025
            <option  value="2026">2026
         </select>
      </td>
   </tr>
</table>


Also, seemingly only on the checkout page, the product image tags contain an extra quotation mark at the end of each tag, like so:
Code: Select all
<img src="src.jpg" alt="alt text" width="75" height="43" vspace="3" hspace="3" border="0"">
.

Basically, I'd like to know if there is a way that I can edit the basic HTML. I haven't been able to find a way to do that since it all seems to be created on the fly by ShopSite.
dani
 
Posts: 1
Joined: Thu Sep 13, 2012 1:49 pm

Re: Problems with Checkout page (shopsite generated html?)

Postby Jim » Thu Sep 13, 2012 2:55 pm

The output of the [-- SC_CART --] cannot be edited, it is all output as a single block of code from compiled C code.
Although not quoting attributes and leaving off the closing </option> tag is not the best practice, I have not seen a browser that does not process them correctly. HTML validators will complain about them, but all browsers that I am aware of will handle them as expected. I will log them as issues to fix in a future release.

The issue with extra quote (") after images has been reported previously and was fixed in ShopSite version 11 sp2 which was released in May for the Linux platform, June for Freebsd and August for Windows servers.
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah


Return to Custom Template Questions

Who is online

Users browsing this forum: No registered users and 26 guests

cron