Is there a way to hide the announcement bars on specific collections

Technical Q&A

Topic summary

A user asks how to hide announcement bars on specific collection pages in Shopify.

Proposed Solution:

  • Create a custom metafield called hideannounement for collections
  • Assign any numeric value to this metafield for collections where the announcement bar should be hidden
  • Add conditional code to collection-list.liquid that checks if the metafield exists and applies CSS to hide the announcement bar

Technical Implementation:
The suggested code snippet uses Liquid templating to check for the metafield and applies display: none !important styling to the .announcement-bar element when the metafield is present.

The discussion appears resolved with a working code-based solution provided.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

Is there a way to hide the announcement bars on specific collections?

Using dawn theme.

2

Hi @HCoWoodworks

You can create metafield named hideannounement and assign its value to any number and paste the below code in collection-list.liquid file.

{% if collection.metafields.custom.hideannounement != blank %}
.announcement-bar {display: none !important;}
{% endif %}

Hope it helps…