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.

Generate your code


Where to get your store ID?

<div id="my-categories-"></div> <div> <script type="text/javascript" src="https://app.ecwid.com/script.js?&data_platform=code" 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.
  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:

hor_cat__2_.png

Here is how the menu looks on mobile:

hor_mob.gif

 

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: 

02_Mac.gif

04_iPhone.gif

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