Collections: Full width and smaller font for collection description

If you're using a collection page without an image and have a long description, you may find this customization helpful. This will allow you to control the font size and make use of a full-width section below the collection title. 

Example before:

Example after:

How to:

Always make a duplicate of your theme before adding any code. This will save you if anything goes wrong or if you decide not to use the added code in the future. We can not support or be responsible of any code changes that you make to your theme. For that reason, save yourself and make a duplicate first.

Make a duplicate before any code changes:

Open your collection.liquid file:

sections/collection.liquid

Replace all the code with the code from this file

For Pipeline 2 and 3 use this code:

Click to view code

For Pipeline 4 and higher, use this code instead:

Click to view code

Save your file.

Now you'll be able to modify the font size as well with the Collection page rich text editor and make use of a full-width area. 

Notes:
If your collection has a Collection image assigned, this change won't modify that area in the banner.

Still need help? Contact Us Contact Us