hi! How do I hide the announcement bar and footer from a single page. these are the 2 pages i want to hide them on:
https://appleblossomgiftbaskets.com/pages/landing-page-real-estate?_pos=1&_psq=land&_ss=e&_v=1.0
and
Topic summary
A user needed to hide the announcement bar and footer from two specific landing pages on their Shopify Dawn theme store (corporate gifts and real estate pages).
Solution provided:
- Open the
theme.liquidfile - Locate
{% section 'announcement-bar' %}and wrap it with conditional logic - Use Liquid code with
{% unless page.handle == 'page-name' %}to exclude specific pages - Apply the same approach for the footer section by finding
{% section 'footer' %}
Code structure:
The solution uses Liquid’s unless statement to check page handles and conditionally render sections. When the page handle matches either landing page, those sections won’t display.
Status: Resolved - the original poster confirmed the solution worked.
Hello @vcockerham2002
Open theme.liquid file and search for {% section ‘announcement-bar’ %}
Replace it with below code:
{% unless page.handle == 'landing-page-corporate-gifts' or page.handle == 'landing-page-real-estate' %}
{% section 'announcement-bar' %}
{% endunless %}
Similarly search for {% section ‘footer’ %}
and replace it below code:
{% unless page.handle == 'landing-page-corporate-gifts' or page.handle == 'landing-page-real-estate' %}
{% section 'footer' %}
{% endunless %}
Thanks
Thank you!