Moving Collection Description Text After Product Grid Before Footer (Prestige Theme)

Hi. I’m looking to add a text description for a collection page. Ideally I would want to move it below the product grid below the footer if possible. Is there any way to do so? I’m using the Presitge theme v4.11.0. Any help is appreciated.

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

@MLK123 - yes it is possible to move description after grid before/after footer, can you please share your website link?

Hi @MLK123 ,

Please follow the steps:

  • Step 1: Go to sections > collection-template.liquid file, find ‘collection.description’, remove code.

  • Step 2: Find ‘CollectionMain’ and add code here:

Code:

{%- if collection.description != blank -%}
          
            {{- collection.description -}}
          

{%- endif -%}

Hope it helps!

sur

dylouna.fr

yes

dylouna.fr

I don’t have the collection-template.liquid file

yes it works great, thank you very much for your precious help thank you and thank youuuuuuuuuuuu

It works but I don’t understand why the text is located on the left? can you do anything to center it or put it on the length?

https://dylouna.fr/collections/peinture-abstraite/?sort_by=best-selling

look the text below

thank you for your answer

Hi @MLK123 ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.SectionHeader__Description{
	max-width: 100%;
    text-align: center;
}

Hope it helps!

A big thank you to you, all your information is simple, precise and efficient. You have totally helped me. I wish you the best, thank you

Hi @MLK123 .

Happy to help you.

If you have any further questions, you can contact me.

I used the nice guidance in this thread to move my collection-text below the products, but I have the same problem with the text laying in the left side of the page.

I cannot seem to fint the file where I have to change this, as It seems like the files is named dfferently all though I have the same theme. Could you please provide me with a screen shot, where I can se the suggested code implemented.

This code:

.SectionHeader__Description{
max-width: 100%;
text-align: center;
}

I hope you can help.

@SEOLine - can you please share your page link?

@suyash1

Yes - it is this page: https://www.hapsnordic.dk/collections/madkasser

@SEOLine - please add css to the end of your theme.css file which you will find in

online store->themes->actions->edit code->assets , should look like screenshot below

.template-collection .SectionHeader__Description {
    max-width: 100%;
    margin: 15px;
}

@suyash1 thank you so much - now it looks better :folded_hands:t2:

@SEOLine - let me know if you need anything later, you have my email below.