I'd Like To Split The Collection Description So The Bulk Of The Copy Is At The Bottom Of The Page

Store Design
,

Topic summary

Goal: Split a Shopify collection’s description so a short intro appears above products and the full copy appears below products (Enterprise theme).

Solution (accepted):

  • Create a collection metafield named “summary” (type: Rich text or Multiline) to hold the short description. A metafield is a custom field attached to collections.
  • In Theme Editor, disable “Show collection description” in the Collection banner.
  • Add a “Rich text” section above the “Collection products” section and bind its Text to the “summary” metafield.
  • Add a “Custom HTML/Liquid” section below the products with code:
    {{ collection.description }}
    to render the default long description.

Assets: A brief code snippet is central. Both the requester and responder shared videos demonstrating the setup.

Outcome: The requester confirmed the steps achieved the desired layout. Status: Resolved.

Summarized with AI on January 12. AI used: gpt-5.
1

HI

I’m using the Enterprise theme.

At the moment I can only have the description at the top of the page.

I want to split the text of my collections so that I have a small paragraph at the top and a larger paragraph at the bottom.

Store: https://8d64de-2.myshopify.com/collections/6ft-rabbit-hutches

PW: uflont

Thanks in advance. Alan

2

Here’s a video I hope it helps: https://www.loom.com/share/d47eacd95e8b4e4e9038a7505145086c

3

Here are the steps:

  1. Create a collection metafield, lets name it ‘summary’. The metafield type can be Rich Text or Multiline depends upon your use. This metafield can be used to enter short description that will go above ‘Collection products’ section.

  2. Disable ‘Show collection description’ in the Collection banner section in the theme editor.

  3. Add a ‘Rich text’ section and place it just above ‘Collection products’. Connect the Text field of this section to the metafield ‘Summary’ which you created in step 1.

  4. Add a ‘Custom HTML/Liquid’ section and place it just a below ‘Collection products.’ Enter the following code in the ‘Custom code’ field of this section:

{{ collection.description }}

This will display long description (the default description field).

Attached is a video how i did it in my store. I hope this will help.

1 Like
4

SumanSaurabh you absolute legend!

It’s just what I needed.

Thanks for your help.

1 Like