I created a new page (https://anayabeautysalon.com/pages/zaara-aesthetics) on my shopify website and assigned it’s own template.
When I change the header and footer menu for this page it is changing for the whole site. How do I use a different Header Menu
That only applies that menu on that 1 page?
I am not sure I understand
You can add this code to theme.liquid file, after in Online store > Themes > Edit code to hide header and footer from this page
{% if page.id == 98967847073 %}
{% endif %}
Main menu (entire header and footer) is usually not a part of the template, but a part of layout (which is a parent of template and usually only one for entire theme).
In other words, this change is not per template but for entire site.
So you can’t do exactly what you want from the Customizer only*, you’d need to edit the theme code for this. Not very complex, but unfortunately I can’t help here until I see the theme code since Venue is a paid theme…
Also, keep in mind that editing theme code will make it more difficult to update your theme to a newer versions.
You may also consider the route suggested by @Dan-From-Ryviu , but I’d rather use “Custom liquid” section to avoid theme code editing. This way your header and footer will be hidden on this page and you’d need to come up with some kind of alternative navigation using other sections available in the theme.
Okay so that worked to hide the Header and Footer!
Any ways to hide the Logo just for this page?
okay so I hid it using the code above from Dan! how can I remove the logo to show from this page?
Update the code
{% if page.id == 98967847073 %}
{% endif %}
Ah, sorry, use this code instead:
{% if page.handle == "zaara-aesthetics" %}
{% endif %}
It will hide entire header (rather than menu only) and entire footer and add a bit of space at the top of the page.
The condition here is different also – nothing wrong with the old one, but the handle is easier to find and understand later then page id.