[TomatoCart] Refine by brands module for bootstrap template

In this article, I will share a box module for letting your customer refine the products with brands in the product listing page of bootstrap template. It will look like:


As you can see:

— Refine the products with several brands at the same time. For example, if you check the Apple and HP brand, both the apple  and HP products will be shown in the products listing.


— Click the Clear link to clear all of checked brands.


— Click the arrow at the right corner of box to collapse or expand the box module.


Steps to integrate this module into your bootstrap template

Step 1. Download brands-filter.zip at https://www.dropbox.com/s/5so549z9ogxwi3f/brands-filter.zip?dl=0.

Step 2. Unzip the package into your local computer.

 Step 3. Copy includes and templates fold into your TomatoCart root directory on your web server to override original files.

Step 4. Install the box module under admin panel > start menu > Templates > Template Modules > Boxes.


Step 5. Set the module layout to index/product_listing under admin panel > start menu > Templates > Template Modules Layout > Boxes.

That’s it. After completing above steps, the refine by brands box module will work smoothly in the products listing page of your store front.

Final words

If you need my assistance, please contact me via skype so that i could see your message in my phone. I will help you in so far as i can.

Skype: tocjack

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 *