Changing the Layout of the Collection Page

Aside from the Grid View, in Debutify 4.1.0 we added the option to choose List View for the Collections Page.

You can also select the "Grid and List" View to allow your visitors to choose their preferred layout.

The layout of the grid can be customized by changing the number of rows and the number of products in each row.


How to Change the Layout of the Collection Grid

STEP 1

In Shopify admin, click on Online Store and click on Themes.

In Shopify admin, click on Online Store and click on Themes.

STEP 2

Select your Debutify Shopify theme and click on Customize.

Select your Debutify Shopify theme and click Customize.

STEP 3

Open the Collection page and click on Collection pages to edit the settings.

Open the Collection page and click on Collection pages to edit the settings.

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).

In the Grid section, choose the number of rows and the number of products per row to display on either desktop or mobile.

STEP 5

Click Save to apply the changes.

Click Save to apply the changes.

Related Articles You May Want to See

How to Remove Product Count from the Collection List Section in the Debutify Shopify Theme?

How to Display a Featured Collection in Debutify Theme?

Did this answer your question?