Move collection description to the bottom of page - Empire Theme

Shopify Discussion

Topic summary

A user seeks to relocate collection descriptions from above product listings to below them on their Shopify store using the Empire theme, aiming to keep products visible above the fold. They cannot find the commonly referenced collection.liquid file and are concerned about preserving existing custom code.

Proposed Solutions:

  • File Location: Multiple responders identify the relevant code in sections/main-collection.liquid or sections/static-collection.liquid, not the standard collection.liquid.

  • Code Editing Approach: One user provides specific instructions to move the description div below the product grid div within the static-collection.liquid file, including reference screenshots.

  • CSS/Custom Liquid Method: Another suggests using Custom CSS to hide the default description (display: none) and adding a Custom Liquid section below the collection template with {{ collection.description }} to reposition it without editing theme files directly.

  • Theme Customizer Option: One responder questions whether code editing is necessary, suggesting the use of theme sections or a Rich Text section with dynamic sources instead.

The discussion remains open, with one user requesting the store URL to provide tailored code. No final resolution has been confirmed.

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

Hello!

I am looking to move the collection descriptions on my collection pages on my site from the top (above the product listing) to the bottom (below the product listing) so that they don’t push the products below the fold.

I have seen some suggestions in the forum, but I don’t see the (collection.liquid) in the template files, which is suggested. I also had some custom code written, and I don’t want to change anything that would affect those attributes. Can anyone advise specifically for the Empire theme? Thank you for any advice!

-Nick

2

Hello @Scuber98 ,

You can find the code in sections → main-collection.liquid
If not sure how to change it, please share the code I’ll arrange it.

Regards
Guleria

3

** @Scuber98 **You can just follow simple step:

  • Goto Online Store click edit code

  • Search theme liquid file (main-collection.liquid)

  • Inspect fronted, move Collection description section

4

Why do you need to edit code for this?

Can’t you just move relevant section or use a “Rich text” section with collection.description in Dynamic Source?

Also, if your theme code is modified, then general solution may not work for you…

1 Like
5

Hello @Scuber98
You can find the relevant code in sections/static-collection.liquid.
The description code is here:

YogeshNimkar_0-1751462434790.png
YogeshNimkar_0-1751462434790.png556×103 3.42 KB

And this code moved below the this div

YogeshNimkar_1-1751462628630.png

If you’re unsure how to make this change, feel free to reach out for assistance.

6

I’m using the Empire theme too and I found this to work for the theme.

  1. In your Admin page, go to Online store > Themes

  2. Choose the theme you want to edit then click Customize.

  3. Open the collection page, by changing the Home page to Collection, then Default collection.

  4. In the Template section, click on Collection pages. On the opposite panel, go to the Custom CSS section then place the code below.


@media {
  .rich-text,
  .rte {
    display: none;
  }
}
  1. Returning to the Template section, add a custom liquid section below the Collection pages section, then place the code below.

{{ collection.description }}
7

Hello @Scuber98 (Nick),

I hope you are well!

Can you please share me the store URL? It will be helpful for me to provide the relevant code which will move the collection product description below the products.