Move Collections Description - Refresh Theme

[firewooden]

Hello,

I’m looking for some help!

I currently have the Refresh theme and was looking to move the collections descriptions to below the products but keep the collection title above.

I’ve managed to move the title and description to the bottom using the Customize feature, but I need to keep the title above.

Any help is appreciated.

[ZestardTech]

Hello @firewooden

To move the collection description below the products while keeping the collection title above in the Refresh theme in Shopify, you’ll need to modify the theme code. Here’s a step-by-step guide to help you achieve this:

1.From your Shopify admin, go to “Online Store” and then click on “Themes”.
2.Find the Refresh theme and click on “Actions” → “Edit code”.

Now, we’ll modify the necessary Liquid templates to reposition the collection description.

3.In the left sidebar, under “Sections,” click on “collection-template.liquid” to open the file.
4.Search for the code that renders the collection title. It might look similar to:

# {{ collection.title }}

5.Below the code for the collection title, add the following code to render the collection description:

  {{ collection.description }}

6.Save the changes.

Next, we’ll adjust the styling to position the description below the products.

7.In the left sidebar, under “Assets,” click on “theme.css.liquid” to open the file.
8.Scroll to the bottom of the file and add the following CSS code:

.collection__description {
margin-top: 20px; /* Adjust the margin as needed */
}

This code adds some top margin to create space between the collection title and description.

9.Save the changes.

After following these steps, the collection description should appear below the products while keeping the collection title above. You can further adjust the CSS styles to match your desired layout.

Make sure to preview and test your changes before publishing the theme to ensure everything appears as expected.

[firewooden]

Hello @ZestardTech ,

Thanks for your response.

I’ve had a look for the “collection-template.liquid” on step 3 but that doesn’t seem to be under Sections on my theme.

Please see the screenshot here https://ibb.co/s5njD0y

Thanks

[ZestardTech]

Hello @firewooden ,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find sections → main-collection-banner.liquid and and remove this code.

{%- if section.settings.show_collection_description -%}
{{ collection.description }}

{%- endif -%}

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find sections → main-collection-product-grid.liquid and and add this code after close ul.

{{ collection.description }}

[firewooden]

That’s the one!

Thanks for your help @ZestardTech

[ZestardTech]

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.