Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello,
I need help moving the collection description to below the products. but need the heading to stay above the products. Everything I have read already doesn't seem relevant to this theme/ or doesn't work.
We are using the studio theme.
Thanks!!
Solved! Go to the solution
This is an accepted solution.
Hi @wildsouldigital,
Just follow the instructions below.
We need to hide the description.
1. In your Admin page, go to Online store > Themes
2. Choose the theme you want to edit then click Actions > Edit code.
3. Open the base.css under the Asset folder.
4. Add the code below.
.collection-hero__inner .collection-hero__description {
display: none;
}
We need to open the Theme editor.
1. In your Admin page, go to Online store > Themes
2. Choose the theme you want to edit then click Customize.
3. Open the collection page, change the Home page to collection, then default collection.
4. Add a custom liquid section, then place the code below.
<div class="page-width"><div class="collection-hero__description rte">{{ collection.description }}</div></div>
This is an accepted solution.
Hi @wildsouldigital,
Just follow the instructions below.
We need to hide the description.
1. In your Admin page, go to Online store > Themes
2. Choose the theme you want to edit then click Actions > Edit code.
3. Open the base.css under the Asset folder.
4. Add the code below.
.collection-hero__inner .collection-hero__description {
display: none;
}
We need to open the Theme editor.
1. In your Admin page, go to Online store > Themes
2. Choose the theme you want to edit then click Customize.
3. Open the collection page, change the Home page to collection, then default collection.
4. Add a custom liquid section, then place the code below.
<div class="page-width"><div class="collection-hero__description rte">{{ collection.description }}</div></div>
Thank you so much this worked perfectly!
How would you do this in the Supply Theme? My Assets folder does not contain a base.css line of code. Thank you for your help!
Hi
I have empire theme and am trying to do this same thing, move all collection descriptions to below the products in the collection. When I go to edit code there is no base.css under asset folder, maybe this is because we are now in Shopify 2.0? Could you revise steps for current shopify? Thanks.
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025