All Collections
General
How to Change the Layout of the Collection Grid in the Debutify Theme?
How to Change the Layout of the Collection Grid in the Debutify Theme?

A guide on how to change the layout of the collection grid in the Debutify Shopify theme.

Diane Eunice Narciso avatar
Written by Diane Eunice Narciso
Updated over a week ago

Changing the Layout of the Collection Page

Aside from the Grid View, you can change the layout and choose a List View on 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.

STEP 2

Select your Debutify Shopify theme and click on Customize.

STEP 3

Change from the Home Page to the Collections Page.

STEP 4

Click on the Collection Pages section.

STEP 5

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.

Related Articles You May Want to See

Did this answer your question?