Can you move the collection description below the products on a collection page? (debut theme)

Solved
NinaUe1
Tourist
13 0 2

Hey, I'm trying to move the collection description to the bottom of the collection page... I watched this video, but it doesn't work for me. My website is greenpolarbear.org 

Thanks! 

0 Likes
ocoulombe
Shopify Partner
42 5 6

Hi Nina!

Yes it can definetely be done with some code editing.

Could you please tell me what theme you're using so I might be able to guide you a bit more in details?

 

Thank you!

Shopify Partner
Hire me! olivier@letmetalk.ai
Olivier Coulombe-Raymond
0 Likes
NinaUe1
Tourist
13 0 2

Okay great! I'm using the debut theme

0 Likes
zahid3d29
Shopify Partner
17 1 7

Hello, do you mean this description? Yes, I can help. It's actually need to edit your code. So, If you are interested please share me your store information. Don't worry I am professional here (https://www.upwork.com/freelancers/~01a13b2b094c9faf04

 

collection-desc.png

 

Thanks,

Zahid ( zahid3d9@hotmail.com )

0 Likes
NinaUe1
Tourist
13 0 2

Thanks, but I would like to learn it myself

0 Likes
ocoulombe
Shopify Partner
42 5 6

This is an accepted solution.

Hi Nina,

Thank you for providing me the theme you're using! This makes it easy for me!

Please go to your theme code by clicking Action > Edit Code.

Then, locate your collection-template.liquid file.

Then add this code right before the last </div> tag:

{% if collection.description != blank %}
        <div class="rte collection-description page-width">
          {{ collection.description }}
        </div>
      {% endif %}

Hit save and check if the description ALSO appears at the bottom of your page.

If it does, it means it works and you can proceed to remove the description at the top.

You can do this by hitting CTRL+F and search for: "description".

You should find this code: 

{% if collection.description != blank %}
            <div class="rte">
              {{ collection.description }}
            </div>
          {% endif %}

and this code:

{% if collection.description != blank %}
        <div class="rte collection-description page-width">
          {{ collection.description }}
        </div>
      {% endif %}

 

You can either delete them completely or if you want to play it safe if you ever want it back in the future, you can add : "and false" to the if statements.

Likeso 

 {% if collection.description != blank and false %}

This will always be false hence never showing the description at the top. To reenable the description at the top simply remove the "and false" to it's original state!

 

Hope it helps!

Shopify Partner
Hire me! olivier@letmetalk.ai
Olivier Coulombe-Raymond
NinaUe1
Tourist
13 0 2

how great!! It worked right away, thanks a lot!!! :)) 

0 Likes
ocoulombe
Shopify Partner
42 5 6

Glad it helped!

If you could mark my answer as an accepted solution this would be very appreciated!

Have a great day!

Shopify Partner
Hire me! olivier@letmetalk.ai
Olivier Coulombe-Raymond
0 Likes
sammychris
New Member
1 0 0

I Move that to button of collection page but i need to show two line of description in top of the collection page other thinks will be button it is possible to do 

please give me best suggestion 

 

Thank you  

0 Likes
zahid3d29
Shopify Partner
17 1 7

Please share your site link here in reply or privately here in my mail zahid3d9@hotmail.com I could help you. Thanks

0 Likes