log inhelp

View
 

How to remove category icons from the store

Page history last edited by Eugene Rimmer 8 months, 2 weeks ago

1. You can hide category icons in your product browser by applying the following code to your Ecwid CSS theme:

 

table.ecwid-productBrowser-subcategories-mainTable {
    display: none;
}

 

After you apply it, Ecwid will not show category icons in the product browser at all. So your customers will be able to open categories via the category widget or direct links only.

 

 

2. If you want to remove category icons on the root store page only, apply this code:

 

div.ecwid-productBrowser-CategoryPage-0 table.ecwid-productBrowser-subcategories-mainTable {
    display: none;
}

You can use this mod to, for example, customize the welcome page of your store. I.e. hide the category icons on the root store page and add the description to it (use the "Category descriptions" feature). Since the description can contain HTML code, images, video, etc your welcome store page can be very different.

 

3. If you want to hide category icons of your subcategories, but still want to show them on your root store page, apply this code:

 

table.ecwid-productBrowser-subcategories-mainTable {
  display: none; 
}
div.ecwid-productBrowser-CategoryPage-0 table.ecwid-productBrowser-subcategories-mainTable {
  display: table; 
}

 

4. If you want to remove icons, but still show category names, apply this code:

 

table.ecwid-productBrowser-subcategories-mainTable img {
   display: none; 
}
PDF version