Move Collections Description Below Product Grid (Empire Theme)

Store Design
,

Topic summary

A user wants to relocate the collection description from its default position to below the product grid on collection pages in the Empire theme.

Proposed Solution:

  • Edit the main-collection-product-grid file
  • Add a div at the bottom with the code: <div class="collection-hero__description rte">{{ collection.description }}</div>
  • Disable the “show description” option in the main collection banner section

Current Status:
The discussion is ongoing. The user initially shared their test store URL without collection descriptions populated. After feedback, they added a description to the “A-C Solutions” collection to enable testing and validation of the proposed solution.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

As title states, I am trying to move the collections description below the product grid on collections pages. What code and which pages do I need to edit? Thank you for the help

2

Can you share your store website url so that I can validate my solution on my browser before replying you?

3

normally file name is main-collection-product-grid
and create a dive at the bottom
and add the following code for description.

{{ collection.description }}

dont forget to uncheck the option show description from the section main collection banner

4

no problem. testrg2022.myshopify.com

Thanks!

5

Hi @racegermanusa ,

I couldn’t see any collection description in your collection page. Am I missing sth?

Screenshot 2025-05-14 at 20.57.14.png
Screenshot 2025-05-14 at 20.57.14.png2864×1506 309 KB

6

Sorry, I didnt have any descriptions, because I was waiting until i could put it at the bottom. I added a description to one collection for you to test. Please try this collection https://racegerman.com/collections/a-c-solutions

Thank you for the help