[TomatoCart] Add menu icon for bootstrap template

In this article, I will teach you how to add menu icons for the bootstrap template and show it in the top menus of store front. It looks like:

Snip20141220_6

The menu icon should be added for each menu under admin panel > Catalog > Categories module as below:

Snip20141220_8

Once save the icon, it will be shown in the grid:

Snip20141220_7

Steps to integrate this feature into your store

1. Download bootstrap_menu_icon.zip package at https://www.dropbox.com/s/ggvb9v6zbeq2dqm/bootstrap_menu_icon.zip?dl=0

2. Unzip it and then you will see following files:

Snip20141220_9

 

 

 

 

 

 

 

 

3. Backup the same files in your current TomatoCart system directory for applying the code changes safely.

4. Copy above admin, includes, templates folds into your TomatoCart root directory to override the original ones.

After that, you just need to upload the icon for each menu in the admin panel. The uploaded icon for each menu will shown as expected in the bootstrap store front.

Enjoy it!

Looking for quality TomatoCart hosting? Check out Arvixe Web Solutions

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

Author Spotlight

Jack Yin

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

One Comment on [TomatoCart] Add menu icon for bootstrap template

  1. Dartco says:

    Jack, it’s strange feature. For what you did this if you have IMAGES for each category, Just resize them and use as icons. It will me much useful for customized menus where you can change image size

Leave a Reply

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