I originally posted this in the design/layout section of the forum, however I have arrived at the conclusion that what I am trying to do is not possible without some use of custom code, so I decided to post again here. I’m certain that it’s possible I’m just not sure how I would go about doing it as custom code is something I have very little experience with.
I have a dropdown menu that is functioning fine, however by default in webflow dropdown menus automatically close themselves whenever an area outside of the dropdown menu is clicked - I want to keep my dropdown menu open when clicking elsewhere in the page and only collapse the dropdown if the user clicks in the area of the “dropdown toggle” element.
Can anyone help me with this?
Here’s a link to my original post if anyone wants to see -
What I am trying to do is create a dropdown sidebar as symbol for use on my ecommerce site, with multiple layers of categories and subcategories that would make it easy for customers to find their products.
I would like it to function in a similar way to the example below:
I have made a start on this, and it works to some extent, however I am having two problems that is preventing it from functioning how I would like it to.
Here is my test example so far:
Please note that as it is a test, only the Shop>Mens>Tops>Shirts buttons are currently functioning.
Another thing I would also like to do if possible:
When I select a category and go to the next page, the sidebar is returned to it’s initial state.
For example, if I click Shop>Mens>Tops>Shirts, when the Shirts page loads, the dropdown is reverted back to it’s original state and displays just Shops, Looks and Contact.
If possible, I would like to set this up so that when the user clicks on a category, it is remembered on the next page where they were in the dropdown.
It may be worth mentioning for clarification I will be using this as a symbol on all of my ecommerce pages within my website too, so it would need to function as a symbol on my product and category template pages too.
Here is my read only, although I am in the process of experimenting so the contents of the project may change. The sidebar I am trying to create is on the Styles page.
Thank you to anyone who was taken the time to read, if anyone is able to offer advice then it would be greatly appreciated!
Or, failing that, if anyone could point me in the right direction of where I could learn to fix this, or recommend anyone that I could ask for assistance.
Apologies for the long post but as it is quite a complex thing I am trying to do I wanted to be as clear as possible for everyone to see the problem. If anyone needs me to explain anything again (as I am sure my explanation wasn’t great) then please just ask and I will try to clear it up.