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:
-
Log in to your Shopify store’s admin panel.
-
Go to the “Online Store” section and select “Themes.”
-
Find the theme you’re currently using and select “Actions” then “Edit code.”
-
From the code editor, navigate to the “Sections” folder and select “collection-template.liquid.”
-
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.
-
To add more product grids, you can duplicate this div element and its contents.
-
Adjust the styles of the new grid to suit your needs.
-
Save your changes and preview your collection page to see if the new grid is working as expected.
1 Like