Shopping cart and checkout pages formate for mobile devices

Questions and answers about ShopSite Custom Templates

Shopping cart and checkout pages formate for mobile devices

Postby Metolius Climbing » Thu Jun 21, 2018 11:35 am

I was curious about how to formate the shopping cart and checkout pages for mobile devices. I did my own header and footer for these pages that is a very simple but I notice the whole cart is laid-out with tables so it doesn't scale down for mobile devices. Is there a simple/easy solution?

Code Sample:

# Start the shopping cart form
[-- SC_Form --]
<table border="0" width="0" align="center">
[-- IF SC_Registration --]
<td align="center">
[-- SC_Registration --]
[-- END_IF --]

#<!-- Reward Program -->#
#<!-- only appears if they've qualified. -->#
<td align="center">[-- SC_Reward_Program --]</td>

#<!-- Global Cross-sell in Cart -->#
[-- IF Global_Cross_Sell --]
<td class="gcs_table"><table class="gcs_table">
<caption>[-- STORE.GlobalCrossSellHeader --]</caption>
<td class="gcs_table_blank"> </td>
[-- LOOP GLOBAL_Cross_Sell --]
<td class="gcs_table_content">[-- GLOBAL_CROSS_SELL --]</td>
[-- END_LOOP Global_Cross_Sell --]
<td class="gcs_table_blank"> </td>
[-- END_IF --]
Metolius Climbing
Posts: 33
Joined: Mon Apr 27, 2009 12:52 pm

Re: Shopping cart and checkout pages formate for mobile devi

Postby loren_d_c » Thu Jun 21, 2018 1:55 pm

I would check out this Cookbook page for general info on responsive design for mobile:

And this one about the new 'v2' replacement template tags for some of those cart tags that will output those cart elements in divs and spans instead of tables:

Posts: 2567
Joined: Fri Aug 04, 2006 12:02 pm
Location: Anywhere

Return to Custom Template Questions

Who is online

Users browsing this forum: No registered users and 4 guests