How to Modify the Collection View Layout?
STEP 1
Access your Shopify Admin's Theme Library to open the theme customizer.
STEP 2
Go to the Top Bar, and click on the Template picker.
Click Collections, then Default collections.
STEP 3
Scroll down to Templates, and click on Page content.
STEP 4
Scroll down to Grid.
Modify the collection layout:
Grid
List
Grid and List
STEP 5
Click Save to apply the changes.
How to Change The Number of Products Displayed In a Row?
STEP 1
Access your Shopify Admin's Theme Library to open the theme customizer.
STEP 2
Go to the Top Bar, and click on the Template picker.
Click Collections, then Default collections.
STEP 3
Scroll down to Templates, and click on Page content.
STEP 4
In the Grid section, choose the number of rows (max. 10) and the number of products per row to display on either desktop (max. 4) or mobile (max. 2).
STEP 5
Click Save to apply the changes.