> For the complete documentation index, see [llms.txt](https://bigstart.gitbook.io/marble-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bigstart.gitbook.io/marble-documentation/content-sections/products-grid.md).

# Products grid

<figure><img src="/files/CSkH7EeVL8raD8wGglF2" alt=""><figcaption></figcaption></figure>

The main purpose of this section is providing the ability to show product grids even outside of the collection templates.

The main settings in the section are the ones listed [here](/marble-documentation/content-sections/common-settings.md) with some additional ones listed below.

#### Content

* Subheading
* Heading
* Button settings - shown at the bottom of the grid section

#### Layout

The following settings will affect the layout size and spacings:

* Fullwidth -- will make the grid full width taking the whole screen
* Side margins -- will add spacing on both sides of your screen
* Side margins - Mobile -- will add spacing on both sides on mobile devices only

#### Products per row

Products per row (desktop and mobile) will change the number of items you'll see per row. You can for example show 4 products per row on desktop, and 1 or 2 on mobile.

#### Collection and products number

Here you can pick from which collection to load products and how many to be shown.