Push page content below product grid Empire Theme

Shopify Discussion

Topic summary

A user running the Empire theme wants to reposition collection page content to appear below the product grid instead of above it.

Proposed Solution:

  • Locate {{ collection.description }} in the collection template file (typically collection-template.liquid or main-collection.liquid)
  • Cut this code block and paste it below the product grid rendering section (often {% section 'collection-grid' %})
  • Access via: Online Store > Themes > Edit Code

Key Recommendations:

  • Always backup or duplicate the theme before editing code
  • One responder suggests checking theme settings first for a built-in position option
  • Multiple users confirm this customization is achievable through liquid code modification

Status: The question received multiple detailed responses with step-by-step instructions. One user offered free direct assistance if needed. No follow-up from the original poster yet.

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

Hi there,

I’m running the empire theme and I’m looking at how to have my page content i.e. collection page content, below the product grid? Is this possible?

Kind regards,

James

2

Hello @jamesabodehaven ,

I think there is an option in theme settings to change the position of it.

btw if not try to search for {{ collection.description }} on the collection template and once found move it under the product grid code.

Regards
Guleria

3

Hello @jamesabodehaven

Yes, it’s definitely possible to move your collection page content below the product grid on the Empire theme. By default, Empire displays the collection description above the product listings, but with a bit of theme file customisation, you can shift it below the grid.

Here’s a general approach:

  1. Go to your Shopify admin > Online Store > Themes > Click “Edit code” on the Empire theme.

  2. Open the file:
    sections/collection-template.liquid (or similar—it might also be in main-collection.liquid depending on your version).

  3. Locate the code that outputs the collection description:
    It usually looks like:

    {{ collection.description }}

  4. Cut and paste this block below the product grid rendering section, which might look like:

    {% section 'collection-grid' %}

:pushpin: Important: Always make a backup of your theme or duplicate it before editing any code.

If you’d like, I can guide you through the exact edit with your theme version—just let me know!

4

@jamesabodehaven

Yes, it’s possible to move the collection page content below the product grid on the Empire theme — it just requires a small liquid code adjustment.

You’ll need to:

  1. Go to Online Store > Themes > Edit Code

  2. Open collection.liquid or main-collection.liquid (depending on your version)

  3. Locate the line where {{ collection.description }} or {{ section.settings.description }} appears — it’s usually above the product grid.

  4. Cut that line and paste it after the section that renders the product grid (typically {% section ‘collection-template’ %} or similar).

  5. Save and preview.

If you’re still unsure or don’t want to risk editing code directly, I’ll fix it for free — just share your store URL and collaborator request code.

If it resolves your issue, please mark my answer as a solution.