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.
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024