Move content from top to bottom of page - collection on Prestige theme

Technical Q&A
1

I would like to move the description on my collection pages to below the actual images (near the footer). Is this something I can easily do?

URL: cocoandlily.com (example specifically on this page: https://cocoandlily.com/collections/graphic-tees)

What it looks like now:

Screen Shot 2020-04-02 at 4.44.23 PM.png
Screen Shot 2020-04-02 at 4.44.23 PM.png2835Ɨ1580 451 KB

This is listed on the very top of the page, appearing before any listings.

Where I would like it to go:

![deskots.jpg|2893x1569

2

Hi hp2020. Walter from microDev here (Shopify Partner).

Yes, this is a simply solution! all you want to do is go to your Theme and in the ā€œActionsā€ menu, select ā€œEdit Codeā€. Now go to the folder names ā€œSectionsā€ and find the section called ā€œcollections-templateā€. This may have a slightly different name depending on your theme. Now press CTRL+F to use the find bar and search for {{ collection.description }}. You are looking for a code section that looks something like this:

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

All you need to do is cut this full section and paste it below a section of code that should look like this towards the bottom of your page:

    <div class="card-list grid" data-desktop-columns="{{ desktopColumns }}" data-mobile-columns="{{ mobileColumns }}" data-grid-style="{{ section.settings.grid_style }}">
      <div class="card-list__column{% if totalProducts == 1 %} card-list__column--center{% endif %} grid grid__item {{ gridClasses }}">
        {% for product in collection.products %}
          {% include 'product-card', product: product, grid_style: section.settings.grid_style %}
        {% endfor %}
      </div>
    </div>

Thatā€™s all you need to do! This will apply to all your collection pages.

If you need any further help, donā€™t come right or want some other customizations as well, feel free to send me an email at [email removed] and Iā€™ll be happy to see how I can help you!

3

I will email you. Thanks!

4

Add me as a staff in your store, i will do it for free.
Email: candisoft100@gmail.com
Thank you

5

Hi, Can you please help me with ā€˜Prestigeā€™ theme also?

6

@anshul84 Did you find a solution?

I canā€™t get the advice from above to work.

7

You welcome to send me a private message with maybe a picture of what you have tried and I can try help you further.

1 Like
8

Just used this, works great!

9

Just used this too and it worked perfectly!

Any tip on how to keep and/or repeat the collection title at the top of the page?

As it is I have moved everything to the bottom, but Iā€™d love to keep the title at the top.

10

Is there a way to do this in the Warehouse theme as well?

11

Iā€™d like to know this as well. The code looks way different.

In collection-tamplate.liquid it shows:


{{ 'collection.general.products_count' | t: count: collection.all_products_count }}

                        
                      

                      {%- if collection.description != blank -%}
                        {%- assign allow_collapse_description = false -%}

                        {%- if section.settings.collapse_collection_description -%}
                          {%- assign allow_collapse_description = true -%}
                        {%- endif -%}

                        
                          

                            {{ collection.description }}
                          

                          {%- if allow_collapse_description -%}
                            
                          {%- endif -%}
                        

                      {%- endif -%}

And at the bottom it shows:

COLLECTION PRODUCTS
                  --------------------------------------------------------------------------------------
                  {%- endcomment -%}

                  {%- if collection.products_count == 0 -%}
                    
                      

{{ 'collection.general.no_results' | t }}

                      
                        
                      

                    

                  {%- else -%}
                    {%- if view_mode == 'grid' -%}
                      {%- assign show_as_list = false -%}
                    {%- else -%}
                      {%- assign show_as_list = true -%}
                    {%- endif -%}

                    
                      {%- for product in collection.products -%}
                        {%- render 'product-item', product: product, list: show_as_list, grid_classes: grid_classes -%}
                      {%- endfor -%}
                    

                    {%- render 'pagination', paginate: paginate -%}
                  {%- endif -%}
                
              
            {%- endif -%}
          
        
      {%- endpaginate -%}
    
  

  {%- comment -%}
12

Hi,

I am using We Are Underground Theme, the collection description is easily placed at the bottom of the page but it comes next to the empty space to the product image.

I want to bring it at the bottom as a seperate paragraph.

See screenshot. Also i have given the current code.

I have tried adding ā€œand falseā€ but this didnā€™t work.

Thanks,

{% if collection.description != blank %}

{%assign seo_content = collection.description %} {{ seo_content[0] }} {% if collection.description != blank %}
{{ collection.description }} {% endif %}
{% endif %} {{ seo_content[1] }}

{% include ā€˜paginationā€™ %}
{% endpaginate %}

Screen Shot 2021-07-06 at 3.22.03 pm.png
Screen Shot 2021-07-06 at 3.22.03 pm.png3262Ɨ2110 394 KB

13

can u help me on this i tried it on prestige theme but dint work, i want to put content of collection on bottom of the page of my website https://jhakhas.com/collections/punjabi-salwar-suits

14

Hi,

I would to implement this in my prestige theme as well. How can i do this?

In code of Prestige you find twice this could and if you change it the lay-out will be completely different.

15

Hi,

I found the solution for this at this form: https://plaktheme.com/community/collection-page/collection-description/

This works as well for the Prestige theme. Besides it moves only the description to the bottom not your title and collection image.

16

hi, despite trying several fixes, iā€™m unable to add my collection description to the bottom of the page in Prestige theme. can you help me?