Add the Quantity Field into the Products Listing of TomatoCart

In the product listing page of TomatoCart, there isn’t an input field to let the customers enter the quantities. So, the customer couldn’t buy several products by clicking the quick buy now button.  He must go to the product info page and then enter the quantities in it. This article is wrote to tell you how to add the quantity field into the products listing.

Step 1. Download the listing_qty.zip from https://drive.google.com/file/d/0B3Waj5WAXN2NamZGZlFvYngyM1E

Once you unzip it, you will see the following file structure:

directories_structure

Please copy all contents of includes and templates directory to your TomatoCart directory via the ftp tool or file manager tool in your host cpanel. You need to override directories and files if your copy process request confirmation.

Step 2. Adjust the layout of product listing for the quantity field

– Go to templates/glass_gray/stylesheet.css

– Add the following css code at the bottom of the stylesheet.css file

.productListing tr td:last-child {
	width: 125px;
}

.productListing tr td:last-child input {
	float:left;
}
.productListing tr td:last-child a {
	float:right;
}

Now, when the customer visit the catalog, new products and special page in your store, he will see the quantity field as follows:

quantity

In the products listing page, the customer could change the quantity and then buy it. The ajax shopping cart box reflect the quantity.

new_quantity

In the new products page, the customer could change the quantity and then buy it. The ajax shopping cart box reflect the quantity.

special_quantity

In the special products page, the customer could change the quantity and then buy it. The ajax shopping cart box reflect the quantity.

Enjoy it.

If you need our assistance to integrate this enhanced products listing, please contact support@tomatocart.com to get the professional technical support.

Looking for quality web hosting? Look no further than Arvixe Web Hosting!

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

Author Spotlight

Jack Yin

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 *


8 × = 64

You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>