Hi! I am using the Dawn theme.
I used an app (Locksmith) to lock my store so it is only available to employees from my company. However, we now wish to have one public colleciton. I am able to unlock that collection but when viewing this collection I don’t want people to be able to see the other pages they can’t navigate to.
So I’d like to remove the navigation from this page or maybe even the header altogether becayse this collection is for a secondary store that cannot have other branding attached to it. Is there a way to hide the headers and navigation for this collection and its products, or can I have a second menu design for this page?
I have looked at other questions but these codes don’t seem to work for me.
This other question uses Dawn but the solution posted doesn’t seem to work for me: https://community.shopify.com/c/shopify-design/hide-menu-nav-on-specific-collection-page-or-have-second-menu/td-p/1885469
Thank you!
To remove lots of parts of a site like the header use an alternate layout
https://shopify.dev/docs/themes/architecture/layouts
Basically copying theme.liquid , or gift-card.liquid minus a bunch of stuff.
Be sure to leave in important things like {{ content_for_header }} and javascript.
Test apps behavior heavily.
An alternative is to setup a static page somewhere else and use embeddable buy-buttons.
If you need this customization setup, you contact me directly for services.
Please provide context, examples: store url, theme name, post url(s) , or any further detail.
Contact Info in signature.
Good Hunting.
For content-gating sites to have a public area in addition to apps or theme customizations blocking things off you want to bookend this process with backend order validation.
Shopify-flow could be able to help you build a process that tags orders based on a predefined list of customers/customer-emails.
For something more robust the makers of locksmith, loveward, also have made usemechanic a scripting automation app.
Example tagging automations
https://tasks.mechanic.dev/?q=tags
Example locksmith automations
https://tasks.mechanic.dev/?q=locksmith
Hi @smargolis ,
Please send me that collection URL so I can give you the solution
Hi @smargolis ,
Can you share your store url
Hello @smargolis ,
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code
Go to Sections folder → header.liquid file
Find the code for the header and navigation section that you want to hide and wrap it with an if statement that checks if the current page or collection is the one you want to hide it from. For example:
{% if collection.handle != 'my-public-collection' %}
{% endif %}
Hope this can help. Let us know if you need any further support.
Ali Reviews team.
Hello! When you say what do you mean? Is this the whole file or just a small part like this:
Do you wan to hide main menu for both desktop and mobile device when in that collection page?
Hi @smargolis
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
Yes that would be ideal! I don’t want any navigation to any other parts of the site to appear when you are on this collection page.
