Move the collection description to under the product listing

Explore FoxEcom Affiliate program perks now ✨

On Megamog theme, the collection description is on the top of the product grid by default.

If you want to change its position, such as moving it under the product listing section of the collection template, you can either Moving the Collection banner section or Using a Custom liquid section.

Moving the Collection banner section

1. From your Shopify admin, go to Online Store > Themes > Customize.

2. From the theme editor, navigate to the Collection template.

3. Click to drag the Collection banner section to the position where you want. For instance, we move it under the Product listing section.

Then, you will see that all the collection banner components, including the collection image (if being set up) and description, are moved to the new position.

4. Click Save.

Using Custom Liquid section

1. From your Shopify admin, go to Online Store > Themes > Customize.

2. From the theme editor, navigate to the Collection template.

3. In the Collection banner section, uncheck the option Show description to hide it.

4. Click Add section > Custom Liquid section. Then, drag this section to the position you want.

5. Click on the Custom Liquid section. Next, you add the following code to the Custom Liquid box in the setting panel:

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

6. Click Save.