Move Collection Description to below Products

Technical Q&A

Topic summary

A user running the Empire theme wants to relocate collection descriptions from their default position to below the product listings.

Proposed Solutions:

  • Theme customization approach: Involves editing the collection.liquid template or its sections to move the description HTML code below the products area, then adjusting CSS/JavaScript accordingly. This method varies significantly between themes and may require developer expertise.

  • DIY workaround: Create metafield definitions for collection descriptions, then reference them using custom liquid sections (for OS2.0 compatible themes) with code like {{ collection.metafields.content.description }}.

  • Empire-specific CSS solution: For Empire theme users, hide the original description using custom CSS (display: none on .rich-text and .rte classes), then add a custom liquid section below the collection pages section containing {{ collection.description }}.

One respondent offered paid customization services, while another requested the store URL to provide theme-specific code. The discussion remains open with multiple viable approaches presented.

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

Hi. I am running Empire theme. I want to move all Collection product descriptions to below the products. Unfortunately I’ve searched all help threads and nothing is viable for my theme at least that I can tell. Please advise how to accomplish.

Thanks in advance.

2

Hi @Isellfitness :waving_hand: Unless the theme’s layout uses a very flexible CSS grid a theme needs an advanced theme customization to shift features around in the layout of the code.

Generally it’s a matter of finding either the primary collection.liquid template or it’s sections and within that the html for the description and then moving that code in the source order to be below the desired area along with adjusting any relevant CSS or javascript.

This will vary wildly among themes.

A cheap DIY hack is to create metafield definitions to move all the collection descriptions into those metafields … then reference that metafield in a custom-liquid section for OS2.0 compatable themes that have that feature for collection templates. i.e. {{ collection.metafields.content.description }}

If you need this customization then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

3

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 }}
4

Hello @Isellfitness ,

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.