# Masonry

<figure><img src="https://4207195275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp5czJlcYNU7vFLQkGMwL%2Fuploads%2FK0OIXtFMFZCeaCWbXEeU%2Fimage.png?alt=media&#x26;token=8aa07b3c-aa6a-49ae-ad2c-b9090017d7ff" alt=""><figcaption></figcaption></figure>

The purpose of the section is to highlight products, collections, pages, or anything else in a different layout.

The main settings in the section are the ones listed [here](common-settings) with some additional ones listed below.

In addition there are some layout settings like: Fullwidth and Side margins. Beside that, you can pick the cards settings like:

* cards type/size
* card content layout
* enable/disable background overlay

The items seen in the section are added through blocks where each block is one card:

<figure><img src="https://4207195275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp5czJlcYNU7vFLQkGMwL%2Fuploads%2F97PkH4QMKtpU0wUmpfh2%2Fimage.png?alt=media&#x26;token=07ac0082-6a50-4f1b-9a52-2c11e8fc7fc9" alt=""><figcaption></figcaption></figure>

For each card you have the following settings:

* image
* subheading and heading
* URL for the link
* link text

<figure><img src="https://4207195275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp5czJlcYNU7vFLQkGMwL%2Fuploads%2FG9TImbkmfbDU03utevl2%2Fimage.png?alt=media&#x26;token=92d9f151-c596-4e8d-a3c1-c8cc685b4b7f" alt=""><figcaption></figcaption></figure>
