Adding horizontal categories menu

Last updated

The Horizontal Categories widget shows the horizontal menu with your categories. The menu will adjust to the width of the site where your Ecwid store is added. The menu is responsive and looks great on mobiles.

You can add this menu to your website if you have a custom site or use a sitebuilder or CMS where you can edit the source code of your pages. 

Generate your code

Where to get your store ID?

<div id="my-categories-"></div> <div> <script type="text/javascript" src="" charset="utf-8"></script> <script type="text/javascript"> xCategoriesV2("id=my-categories-"); </script> </div>

Here is how to add the horizontal categories menu to your site:

  1. Generate the code for adding the categories menu to your store.
  2. Copy the generated code.
  3. Login to the backend of your site where you can edit the source code of the pages. The exact steps depend on the sitebuilder or CMS you use. 
  4. Paste the menu code to the source code of the page where your Ecwid store is added.
  5. The categories will appear as soon as you save the changes and publish your site.

Here is how the menu looks on desktop:


Here is how the menu looks on mobile:



Alternative widgets for categories menu

Ecwid App Market features an alternative way to add categories widget to your website – Multi-level Illustrated Menu 

Multi-level Illustrated Menu adds a categories widget to your storefront pages where it's to easily find the needed category for a store visitor: the categories are shown with their respective images and descriptions. 

The widget is optimized for any device and you can customize its position as well as the color scheme. Here's how it looks: 



This app requires payment and subscription to one of Ecwid's paid plans. Learn more


Back to top
Has the article answered your question?

Awesome! Thanks for your feedback!

Please send us that question. We will be happy to help by email.

Send a message