Trade theme - how to have the first 6 items show in 1 row of a collection list, rest on "View All"

Store Design
,
2
  1. Edit the Section Code

Go to your Shopify Admin:
Online Store > Themes > Actions > Edit Code

Look for the file:
sections/featured-collection.liquid
or something like collection-list.liquid, depending on where the collections appear.

Find this line inside the loop:

{% for product in collection.products %}

Change it to:

{% for product in collection.products limit: 6 %}

This will cap the visible products to 6 items, even if the collection has more.

2. Add a “View All” Button

Right below the loop (after the grid or list), you can add:

View All

:wrench: The button class might differ depending on Trade’s styling system. Try class=“button” or class=“btn btn–secondary” to match Trade’s theme.
3. Optional CSS Method (If You Don’t Want to Edit Liquid)

If you’d rather not touch Liquid code, you can just hide extra products using CSS:

  1. Go to Assets > base.css, theme.css, or custom.css

  2. Add this code at the bottom:

.collection-list .grid__item:nth-child(n+7) {
  display: none;
}

This hides everything after the 6th product in the collection.

if you need any help feel free to ask