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

Solved
hp2020
Excursionist
14 0 7

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

 

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

 

Where I would like it to go:

 

deskot[s.jpg

0 Likes

This is an accepted solution.

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 support@microDev.today and I'll be happy to see how I can help you!

0 Likes
hp2020
Excursionist
14 0 7

I will email you. Thanks! 


@microDev wrote:

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 support@microDev.today and I'll be happy to see how I can help you!


 

0 Likes
SharadDavra
Shopify Partner
1095 146 475
Add me as a staff in your store, i will do it for free.
Email: candisoft100@gmail.com
Thank you
If helpful, Please Like and accept The Solution.
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.
0 Likes
anshul84
New Member
3 0 0

Hi, Can you please help me with 'Prestige' theme also?

0 Likes
ThomasT
New Member
1 0 0

@anshul84  Did you find a solution?

I can't get the advice from above to work.

0 Likes

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

kbuster
New Member
2 0 0

Just used this, works great!

0 Likes
MM34
New Member
3 0 0

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.

0 Likes
infodsp
New Member
1 0 0

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

0 Likes