Boundless action bar linking to wrong submenu items

Solved
Highlighted
New Member
3 0 0

Hey there,

 

I am using the boundless theme, and am having issues with the action bar linking to the incorrect submenu and therefore the incorrect collections.

 

URL: https://speciesswimwear.com

 

To repeat the issue:

go to URL > click on SHOP BY STYLE in the black action bar > this will present a submenu that has ALL, PERENTIE, SPANISH DANCER and LIONFISH options. It should have ALL, TOPS, BOTTOMS, ONE PIECES. 

Note: The SHOP BY PRINT option sometimes has the correct submenu (ALL, PERENTIE, SPANISH DANCER and LIONFISH) and sometimes shows ALL, TOPS, BOTTOMS, ONE PIECES).

 

You will also notice that when toggling between SHOP BY STYLE and SHOP BY PRINT the action bar shows both options as active (i.e. with the line underneath it). Not sure if this is linked to the issue.

 

I have tried deleting and re-adding the menu items, but that hasn't fixed it.

 

Any assistance or help would be very much appreciated.

 

Screenshot of navigation settings below:
Screen Shot 2019-12-10 at 2.42.02 pm.png

 

0 Likes
Highlighted

Hello 

As i can see all menus are displayed properly as you mentioned.

There can be cache issue on your site.

See below screenshot:
154.jpg

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
3 0 0

Thanks for your response. Yes, it is correct in the main menu, but on the action bar (the black horizontal bar that mimics the main menu - see screenshot) the links are not functioning properly i.e. the SHOP BY STYLE shows the SHOP BY PRINT submenu items and vice versa. 

Screen Shot 2019-12-10 at 4.10.43 pm.png

0 Likes

Success.

Shopify Expert
2686 67 717

This happens because they both point to the same address. 

The code does not track which option you've clicked in the menu -- it checks if this menu item points to the current page or not. And this matches both of your top-level  menu items.

Therefore it has hard time determining which submenu to display (though I can't tell right away why it selects a particular submenu oner another one, this needs deeper look in the code).

Try pointing one of your top-level links to a different page and see if the problem persists -- for example, you may create a copy of the same collection with different  title as a work-around.

 

Also -- you do not have to use the same menu for hamburger and for action bar, you can have different.

 

Added: 

Actually -- when you are coming from a different page the code tries to show you both submenus (I shifted them a bit to show better):Untitled.jpeg

 

Therefore you see the last one of them on top of the other (top one being a submenu of the second top-level link).

When you're clicking different top-level menu item while on this same page, it shows only first matching submenu and this is the submenu of the first top-level link...

A bit complex, but...
Anyway -- do not point your top level links to the same page.

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
1 Like
Highlighted
New Member
3 0 0

Thank you! Changing the collection at the top level fixed the issue. Quite a confusing set up, but thanks for your clear explanation. 

0 Likes