Move Collection description from top to the bottom of the page - Focal Theme

Shopify Discussion

Topic summary

A Shopify store owner wants to relocate collection descriptions from above the product listing to below it on their site (disruptifbeauty.ch). The descriptions are lengthy for SEO purposes but create poor mobile user experience when positioned at the top.

Initial Solution Provided:

  • Access theme code via Shopify admin (Online Store > Themes > Edit code)
  • Locate and modify the collection template file
  • Cut the collection description code block and paste it below the product listing section
  • Save and test across devices

Current Status:
The user cannot locate the suggested collection.liquid file in their Focal theme. Instead, they found several related files (collection-banner.liquid, main-collection.liquid, etc.) but none contain the described code structure.

Resolution in Progress:
The helper identified main-collection.liquid as the correct file and requested collaborator access (code: 5664) to implement the fix directly. The user has been asked to share their email via DM for progress updates. The issue remains open pending the helper’s direct intervention.

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

Hello, I would like to move the collection descriptions of my website (https://disruptifbeauty.ch/) from the top (above product listing) to the bottom (below product listing). My descriptions are quite long for SEO purposes and I find them not very user friendly for the visitor, especially in mobile.

I have tried many different codes that I found here in the discussions but none of them seem to work - not sure if it is linked to the theme. Can you please advise?

link: https://disruptifbeauty.ch/

collection example: https://disruptifbeauty.ch/collections/azelaic-acid

theme: focal

Thank you in advance!

2

Hey @Catcab ,

Since you’re using the “Focal” theme, the solution might involve customizing the theme’s code. Here’s a step-by-step guide to help you achieve this:

  1. Access Your Theme Files:

    • Log in to your Shopify admin panel.

    • Go to Online Store > Themes.

    • Click on Actions next to your current theme and select Edit code.

  2. Locate the Collection Template:

    • In the theme editor, navigate to Templates.

    • Look for a file named collection.liquid. If you have multiple collection templates, you might need to check each one.

  3. Identify the Description Section:

    • Open the collection.liquid file.

    • Look for the section that contains the collection description. It might look something like this:

      <div class="collection-description">
  {{ collection.description }}
</div>

  4. Move the Description Section:

    • Cut the entire description section (including the surrounding HTML tags).

    • Scroll down to the bottom of the file, just before the closing tag of the main container.

    • Paste the description section there. It should now look something like this:

      <div class="collection-products">
  <!-- Product listing code here -->
</div>

<div class="collection-description">
  {{ collection.description }}
</div>

  5. Save and Test:

    • Save your changes.

    • Go to one of your collection pages and check if the description is now below the product listing.

    • Test on both desktop and mobile to ensure it looks good on all devices.

This should work! In case it doesn’t feel free to send us your collaborator code and we’ll fix this for you.

Cheers!
Shubham | Untechnickle

3

Hi Subham,

Thanks for your prompt help. Unfortunately I can’t find the collection.liquid. I have collection-banner.liquid, collection-list.liquid, featured-collections.liquid, main-collection.liquid, main-list-collection.liquid. I have also looked for the section that you mention in all of these files but nothing. If it makes more sense for you to check, the collaborator code is 5664.

4

It should be main-collection.liquid.

Don’t worry, let me have this fixed. I’ve sent you store access request, please accept it.

Also, please DM your email ID so that I can share the progress with you.

Cheers!
Shubham | Untechnickle