How do I add more product grids on a collection page?

Hi,

I’m new to Shopify and I’d like to add several product grids to one of my collection pages. Here’s a visualization, it’s one page with 3 product grids with different titles above them. For example “For the morning, for the afternoon, and for the evening”. How do I add more product grids besides the one used for the collection page?

Hello there

o add more product grids on a collection page in Shopify, you can follow these steps:

  1. Log in to your Shopify store’s admin panel.

  2. Go to the “Online Store” section and select “Themes.”

  3. Find the theme you’re currently using and select “Actions” then “Edit code.”

  4. From the code editor, navigate to the “Sections” folder and select “collection-template.liquid.”

  5. Look for the code that controls the product grid. It will likely be contained in a “div” element with a class of “collection-grid” or something similar.

  6. To add more product grids, you can duplicate this div element and its contents.

  7. Adjust the styles of the new grid to suit your needs.

  8. Save your changes and preview your collection page to see if the new grid is working as expected.

1 Like