Install list&grid Module for Product Listing Page in TomatoCart

It is significant for the community users to install an elegant list/grid module for the product listing page. The great news is that you could get such kind of module from TomatoCart Extension Manager. Please download the module from here.

After installing this module, the products listing page and search results page will be change to list, two grid or three grid mode as follows:

How to install list&grid module for product listing page-1
Figure 1. Product Listing Page: List Mode

How to install list&grid module for product listing page-2
Figure 2. Product Listing Page: Two Grid Mode

How to install list&grid module for product listing page-3
Figure 3. Product Listing Page: Three Grid Mode

How to install list&grid module for product listing page-4
Figure 4. Search Results Page: List Mode

How to install list&grid module for product listing page-5
Figure 5. Category product listing page with sub-categories

Compatibility: TomatoCart v1.1.8.x

Installation Steps:

- For the users who are using the default glass_gray template:

  1. Decompress the listgrid.zip and copy the ‘templates’ directory into tomatocart web root directory on your web server. Please just override it. It will not impact the core system and other parts of the template except the product listing page and search results page because all the files are encapsulated as a module of the template.
  2. Add the following language definition for the ‘general’ group understand Admin Panel->Start Menu->Definitions->Languages:
    Language Key: add_to_cart
    Language Value: Add To Cart

How to install list&grid module for product listing page-6
Figure 6. Add add_to_cart language definition

- For the users who are using other customized template:

  1. Decompress the listgrid.zip and copy the ‘content’ and ‘modules’ directories in the templates/glass_gray into tomatocart web root directory on your web server. Please just override it. It will not impact the core system and other parts of the template except the product listing page and search results page because all the files are encapsulated as a module of the template.
  2. Add the following language definition for the ‘general’ group understand Admin Panel->Start Menu->Definitions->Languages:
    Language Key: add_to_cart
    Language Value: Add To Cart

Note: This module haven’t been tested in the previous version such as 1.1.7, 1.1.6 and 1.1.5 etc. The TomatoCart core team will test it in these versions and do utmost to release a fit module for these previous versions.

Looking for quality TomatoCart 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 *


2 + = 5

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>