# Layout options

## Product card layouts

The Collection Control bar can display layout options for shoppers to change their collection view dynamically. Choose from two to four images per row on desktop and one to two on mobile.

### Desktop layouts:

![Most images per row, smaller sized images](https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FneMYccShlXloqKoLi6aT%2Fmore%20images.png?alt=media\&token=fbb7be3a-c664-420a-adb6-d8b08194f2ce)

![Three images per row, images are larger](https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FqIYAVTgBv7E25C0ZQPDm%2Fmedium%20grid.png?alt=media\&token=42615430-893b-4388-94a0-76c542bec286)

![ Two images per row, largest image size option](https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FNYY9ixFHMsfFkWCHpBoM%2FLarge%20images.png?alt=media\&token=198f3860-c0ad-4051-a783-e7fa634eaa73)

### Mobile layouts:

There are two options for mobile, two images per row and one image per row.

![Two products per row, mobile](https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FnVd9vMhDbHrnbPspL6Ob%2Fmobile%202%20per%20row.png?alt=media\&token=cbb208ea-c724-437a-ba9f-b1e6772bfd17)

![Single product, larger images](https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2F1SfPiz3k0CYG6X6nef5z%2FScreenshot%202023-07-22%20at%209.47.14%E2%80%AFAM.png?alt=media\&token=91adc9ef-d195-47ad-a0f1-4cc3a29af532)

### Default view for customers

You can set the default view for your customers in the section settings. Customers can then change the view style by using the Control bar. 

<div data-full-width="true"><figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2F1FABRwyrsMLLLCcqWvqS%2Flayout%20settings.png?alt=media&#x26;token=a29bfe1a-db47-450e-a21c-ed7cfa45eb5a" alt=""><figcaption></figcaption></figure></div>

* You can hide or show the image layout buttons in the Control bar with the "Show product layout buttons option" toggle.&#x20;
* The Products per page slider lets you manage how many products are displayed on each collection page. Pagination is added when multiple pages are available to shoppers.&#x20;