- This topic has 7 replies, 2 voices, and was last updated 4 years ago by David.
-
AuthorPosts
-
April 16, 2020 at 11:20 pm #1242439Satish
hi,
I have a website (link given in the url section) in which
the secondary menu shows categories of my products. I had to create each item separately.I use ecwid e-commerce plugin and this plugin has a widget named “root categories” which shows all the root categories list. I want to use this widget in the secondary navigation and instead of creating each item manually, I would like the navigation to pick up my categories from this widget (as I will play with css in ecwid and show the category names dynamically).
i tried using the widget in the top bar and it displays all the categories vertically. There is no place for any widget in the secondary navigation so I use another plugin “widgets in menu for wordpress” to use my widget in the navigation bar. But the list is not displaying here, neither vertically nor horizontally.
ecwid also gives me an option to add menu “store with categories menu” but this just gives me a “Store” menu item with dropdown which displays my categories in vertical order. But I want to display my categories in horizontal menu format which gets picked up from ecwid itself.
April 17, 2020 at 12:51 am #1242497Satishadministrator username and password are as follows:
/* Hidden */
April 17, 2020 at 3:58 am #1242670DavidStaffCustomer SupportHi there,
have you asked Ecwid support for their advice ?
April 17, 2020 at 4:18 am #1242683Satishnot yet. but I thought this is more related to theme css.
do you think I should go to ecwid?April 17, 2020 at 5:00 am #1242744Satish<div id="my-categories-13502005"></div> <div> <script data-cfasync="false" type="text/javascript" src="https://app.ecwid.com/script.js?13502005&data_platform=code" charset="utf-8"></script> <script type="text/javascript"> xCategoriesV2("id=my-categories-13502005"); </script> </div>
this is the code i received from ecwid. I tried using it to create the widget but still same result. can we use it somehow to create horizontal menu in the navigation menu?
April 17, 2020 at 5:55 am #1242803DavidStaffCustomer SupportI can take a look – if you can point me to a page where i can see the list.
But i would start talking with Ecwid as its there code – and they may have a simple solution.April 17, 2020 at 6:10 am #1242817SatishOk. I used the code at the products page here “https://staging11.new.acmestones.com/products/”
It is showing a menu above my content and under the secondary navigation.I think I will use it. But I would like this ecwid menu to look like secondary navigation. Also, the current item should get highlighted as it does in secondary menu. Is it possible to assign the secondary navigation classes to this menu to make it look like the secondary nav?
I would also like this menu to stick on top of the page as the secondary navigation is doing now.
I did talk to ecwid but they could only give me this code.
April 17, 2020 at 8:34 am #1243154DavidStaffCustomer SupportWow you would think they would provide some options.
Heres some basic styling i managed to pull together:/* Menu Container Sticky */ html#ecwid_html body#ecwid_body .horizontal-menu-container { position: sticky; position: -webkit-sticky; top: 50px; } /* Parent Menu styling */ html#ecwid_html body#ecwid_body .horizontal-menu-container.horizontal-desktop nav.horizontal-menu { padding: 0; border-radius: 0; border-top: 0; border-left: 0; border-right: 0; } /* Menu Item styling */ html#ecwid_html body#ecwid_body .horizontal-menu-container.horizontal-desktop .horizontal-menu-item>a { border-radius: 0; color: #000; } /* Menu Item hover styling */ html#ecwid_html body#ecwid_body .horizontal-menu-container.horizontal-desktop .horizontal-menu-item.horizontal-menu-item--hover>a { background-color: #636363; } /* Sub Menu styling */ html#ecwid_html body#ecwid_body .horizontal-menu-container.horizontal-desktop .horizontal-menu-subParent { padding: 0; }
-
AuthorPosts
- You must be logged in to reply to this topic.