Collection description button

Store Design

Topic summary

Goal: Add a “read more/read less” toggle to long collection descriptions in the Shopify Dawn theme to keep pages user-friendly while retaining SEO text.

Solution provided: Edit the theme file sections/main-collection-banner.liquid. Locate the block that conditionally outputs the collection description (the if section.settings.show_collection_description … {{ collection.description }} … endif) and replace it with the helper’s custom code block to implement the toggle behavior. The code change is central to the solution.

Progress: The requester initially couldn’t find the target code, then located it and confirmed the fix worked.

Outcome: Issue resolved; no additional steps or disagreements. No images or external attachments were involved beyond the code snippet.

Summarized with AI on December 14. AI used: gpt-5.
1

Hi,

I am using the Dawn theme and would like to add a “read more” “read less” button to my collection page descriptions.

Some of my collection descriptions are too long (for SEO purpose) and I need that toggle button to make it more user friendly.

Thanks in advance.Please im trying to fix this issue for ages but i cant find the solution

2

Hello @Kristiyan14456 ,

  1. Edit section → main-collection-banner.liquid
    Search for code
{%- if section.settings.show_collection_description -%}
        {{ collection.description }}

      {%- endif -%}

once found replace it with this one

{% if section.settings.show_collection_description %}
  
    
{{ collection.description }}

    
  

        
      
           
{% endif %}

If problem solved don’t forget to Like it and Mark it as Solution!
And if you need help with customization/code part you can contact me for services

You can find the email in the signature below.

Thanks

1 Like
3

Hey there!Thank you for the posted solution but i cant find this code {%- if section.settings.show_collection_description -%}

4

I got it you are a lifesaver!Thank you so much

1 Like