I am currently using Refresh Version 9.0, And I wanted to remove the Header, Footer and the announcement bar from my collection page. When customers click on the link, I don’t want them to see any of these on this specific page only. I also wanted it gone from the product pages also that are in this collection.
Here is the link to the page, is this something I can do is there a specific code I have to enter, I dont know the code or where to enter it. If I can be guided on how to achieve that would be amazing!
To remove the header, footer, and announcement bar from your collection page and the product pages within that collection in Shopify’s Refresh theme version 9.0, you’ll need to make some code changes. Here’s how you can achieve this:
Access the theme code: In your Shopify admin, go to Online Store > Themes. Find the Refresh theme version 9.0 and click on the “Actions” button, then select “Edit code” from the dropdown menu.
Locate the collection template: In the code editor, navigate to the “Sections” folder and look for the “collection-template.liquid” file. Click on it to open the file.
Remove the header and footer: Within the “collection-template.liquid” file, find the code that generates the header and footer sections. It usually starts with {% section 'header' %} and {% section 'footer' %}. Delete or comment out these lines of code to remove the header and footer from the collection page.
Remove the announcement bar: To remove the announcement bar specifically from the collection page, locate the code responsible for displaying the announcement bar. It might be located in the “theme.liquid” or “sections” folder. Look for code like {% include 'announcement-bar' %} or similar. Delete or comment out this line to remove the announcement bar.
Update the product template: If you want to remove the header, footer, and announcement bar from the product pages within the collection as well, you’ll need to modify the “product-template.liquid” file. Follow the same steps as above to remove the corresponding code blocks from this file.
This worked for me using the Broadcast theme. I wanted a template for landing pages without any navigation and distractions and tried sooo many other solutions and tweaks and absolutely nothing worked until I tried Oliver’s solution. It worked for the header and footer but not for my announcement bar which instead seems to be called ‘ticker-bar’. For anyone interested this is what finally removed announcement, header and footer in the Broadcast theme:
