Removing category icons from the store

Last updated

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


.ec-size .ec-store .grid-category .grid-category__card {
display: none;
}

You should add the code to your active CSS theme:

  1. Go to your Ecwid Control Panel → Settings → Design.
  2. Scroll down to the Customize the Look of Your Store section.
  3. Click Create theme.
  4. Activate the theme.
  5. Save the changes.

After you apply it, Ecwid will not show category icons in the product browser at all.

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



div.ecwid-productBrowser-CategoryPage-0 .ec-store .grid__categories {
display: none;
}

You can use this code to customize the welcome page of your store, e.g. hide the category icons on the store front home page and add the description to it. Since the description can contain HTML code, images, video, etc, your welcome store page can look very different.

Back to top
Was this article helpful? 9 out of 21 found this helpful