Move collection description to to under the product listing

Hi, my Shopify store use Milano theme, I want move collection description to to under the product listing, you can check my collection url: Girl Reborn Dolls, Lifelike and Realistic , when there are many words, it is very unsightly, so I need move it to under the product listing, how to do it? thank you very much.

Hey @reborndoll

You’ll have to edit your collection file, usually it’s called something like main-collection.liquid.

Find this part of the code in the file called {{ collection.description }} and drag that code below where your product cards are getting rendered.

It’s not as complicated as it sounds so if you’re not familiar with coding then I 100% don’t recommend you to do it on a live theme, it’s better either you duplicate the theme first or let a Shopify developer handle it for you. Happy to help if you want me to sort it out.

Best,
Moeed

Dear @reborndoll
Before you start customizing the theme’s source code, please try checking the theme settings first. Please follow these steps:
1. Access your Shopify admin and click on ‘Edit Theme’.

2. Select ‘Default collection’ from the page selector.
3. Click to update the settings for ‘Collection heading’ (or the element you want to check) and check the settings on the left side of the screen.

Here’s a tip: you can directly click on the elements in the preview screen in the middle to quickly identify the section (block) you need to edit.

Regards,
Eric from Shopplaza

@reborndoll ,

A general approach would be,
. Go to Online Store → Themes → Edit code.
. Open the file that controls the collection page usually something like main-collection-product-grid.liquid or collection-template.liquid.
. Look for the line that outputs the description, something like
{{ collection.description }}
. Cut that line from its current location and paste it below the product grid section
. Save the file and check the collection page.

@reborndoll

  1. Go to Shopify Admin → Online Store → Themes → Milano → Edit code.

  2. Open sections/main-collection-product-grid.liquid (or collection-template.liquid).

  3. Find the code:

{{ collection.description }}
  1. Cut it from the top of the file.

  2. Paste it below the product grid, after the product list closing tag like </ul> or </div>.

Save.

Now the collection description will appear under the products instead of above them.

Thank you everyone, we have moved the collection description to under the product listing.