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:

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:

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

In the new products page, the customer could change the quantity and then buy it. The ajax shopping cart box reflect the 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!