[TomatoCart Mobile] Elegant shopping cart page for your bootstrap template

In this article I will show you how to improve the shopping cart page for the TomatoCart bootstrap template. We will be specifically focusing on improving things on the mobile end of things given how popular mobile has come in todays digital age.

By the end of this article, your shopping cart page (on mobile devices) will look like:

Snip20150420_2Figure 1. Shopping cart page in the iphone6

Snip20150420_3Figure 2. Shopping cart page in the pc

Easy to apply this elegant feature for your store

Step 1. Backup following files except the animation.css:

Snip20150420_5Step 2. Download mobile_shoppingcart.zip at https://github.com/tomatocart/TomatoCart-v1/tree/packages

Snip20150420_4Step3. Unzip the downloaded package into your local computer system and then upload templates fold into the tomatocart root directory within your host server via the ftp tools.

Step 4. Find templates > bootstrap > index.php and then go to following line:

<link rel="stylesheet" type="text/css" href="templates/<?php echo $osC_Template->getCode(); ?>/css/stylesheet.responsive.css" />

Add following line after it:

<link rel="stylesheet" type="text/css" href="templates/<?php echo $osC_Template->getCode(); ?>/css/animation.css" />

Go to following line:

<link rel="stylesheet" type="text/css" href="templates/<?php echo $osC_Template->getCode(); ?>/css/all.min.css" />

Add following line after it:

<link rel="stylesheet" type="text/css" href="templates/<?php echo $osC_Template->getCode(); ?>/css/animation.css" />

Done. Now, when you access the shopping cart page in the mobile phone, you will see the elegant layout.

If you need my help, please contact me via support@tomatocart.com. I will assist you to solve problem as possible as i can.

Looking for quality TomatoCart hosting? Check out Arvixe Web Hosting

Tags: , , , , , , , , , , , , , | Posted under TomatoCart | RSS 2.0

Author Spotlight

Jack Yin

TomatoCart Developer & Co Founder - Arvixe Web Hosting / TomatoCart Community Liaison

Leave a Reply

Your email address will not be published. Required fields are marked *