How to add a 'View All' button to a Turbo theme collection?

Store Design
,
1

Hi, I’m trying to figure out how to add a View all button to a collection? I’m using the Turbo theme.

2

Hi @Touchestyles19 ,

I am not familiar with Turbo theme. If you are able to figure out which one is your collection section. You can add the code below before the last , depending on the design.

Use the code below as reference


View All
3

Hi @Touchestyles19

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

To add a “View all” button to a collection page in the Turbo theme, you can follow these steps:

  1. Open your Shopify admin and go to “Online Store” > “Themes”.

  2. Click on “Actions” > “Edit code” for the Turbo theme.

  3. In the left-hand sidebar, click on “Sections” > “collection-template.liquid”.

  4. Scroll down to the bottom of the file and locate the pagination block. This is the code that generates the “Next” and “Previous” buttons for pagination.

  5. Below the pagination block, add the following code to create a “View all” button:


    This code creates a div container with a link that points to the current collection URL. The button text includes the collection title.

  6. Save the file and preview your collection page to see the “View all” button at the bottom of the product grid.

    You can customize the button styling by modifying the .view-all-btn and .btn classes in your theme’s CSS file.

Regards,

San