Hey, I saw this feature in a Shopify site https://www.fayonkids.com/, where there is a tab and the main menu and design changes according to the tab selected. does anyone know how to implement that? help would be really appreciated.
Could you give me a solution for the same, please tell me what would be the cost?
You need to create a tab with HTML and CSS and put that on the header of the store. So that it will show on all the pages.
Then, you just need to add URL schema to the header, so that clicking different portion of it will take you different collection page.
Not a complex one if you’re a bit familiar with shopify liquid,html and css.
How will the header menu change with each collection? can you give me a solution for that also please
I can give you an idea of how it will work. Without accessing the codebase, I can’t give you the exact code related solution.
As you know, header portion is fixed to all the pages from Shopify’s ‘theme.liquid’. So, in that header menu, we can add a html div(tab) which can contain more 3 divs. We can wrap the children ‘divs’ with anchor tag, so they can be clickable and can actually take us a collection. Then, depending on the collection URL we’re in we can use liquid logic to highlight the individual tab.
Sorry, if you’re not familiar with coding, it won’t make much sense to you. But, you can take help of any developer and it won’t take more than 2 hours to do if he/she is proficient with shopify development.