How to move collection description to below the products

Technical Q&A

Topic summary

Goal: Move the collection description below the product grid while keeping the collection heading above.

Implemented solution (Studio theme):

  • Hide the default collection description via CSS by editing theme code (Assets > base.css) so it no longer shows under the header.
  • In the Theme Editor, open the collection template (Default collection) and add a Custom Liquid section that renders {{ collection.description }}. This places the description as a new block below the products.
  • Outcome: The original poster confirmed this worked as intended for the Studio theme.

Follow-up requests/issues:

  • Users on Supply and Empire themes reported they do not have a base.css file in Assets, likely due to differences in theme structure and/or Online Store 2.0.
  • They requested updated steps tailored to these themes to achieve the same result.

Status:

  • Resolved for Studio (solution validated).
  • Unresolved for Supply and Empire; needs theme-specific guidance or identification of the correct stylesheet/section in those themes.
Summarized with AI on December 21. AI used: gpt-5.
5

Hi

I have empire theme and am trying to do this same thing, move all collection descriptions to below the products in the collection. When I go to edit code there is no base.css under asset folder, maybe this is because we are now in Shopify 2.0? Could you revise steps for current shopify? Thanks.

1 Like