Help Needed: Moving "View All" Buttons to Top Right Position in Featured Product Sections (Trade The

Shopify Discussion
1

We are currently using the Trade theme for our Shopify store and would like to move the “View All” buttons to the top right position in the featured product sections. Could anyone provide guidance on how to achieve this?

Thank you for your assistance!

Best regards,

buttoom.png
buttoom.png1825×642 181 KB

1 Like
2

Hey @Giftshop-Digita

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Instructions

  1. Go to ‘Online Store’ → Themes → Click on the 3 dots (…) → Edit Code

  2. In the Sections folder, locate the file named as ‘featured-collection.liquid’ and copy the entire code.

  3. Create a new section named as '‘featured-collection-backup.liquid’ and paste the code you copied.

  4. In the ‘featured-collection.liquid’ file, find this if statement

{% if section.settings.show_view_all and more_in_collection %}
  
    
      {{ 'sections.featured_collection.view_all' | t }}
    
  

{% endif %}
  1. Cut the if statement and locate inside file the element which looks like this:

  1. Paste the if statement you cut before above the element.

  2. It should look like this

{%- if section.settings.show_view_all and more_in_collection -%}
  
    
      {{ 'sections.featured_collection.view_all' | t }}
    
  

{%- endif -%}

8. Replace the class name 'center' with 'right'

![trade.PNG|1357x199](upload://yyc0ifXEEIDcsGcZykfLT8SURE.png)

![trade2.PNG|1374x213](upload://7kokolgnhikba0imeNzRAg7Y5dc.png)
4

Hi @Giftshop-Digita

Check this one if it work,

  1. From you Admin page, go to Online Store > Themes
  2. Select the theme you want to edit
  3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  4. Then place the code below at the very bottom of the file.
.pagination-wrapper .pagination__list {
    justify-content: flex-end;
}
  • And Save.
  • If didnt work yould you mine to share your store URL? Thanks!