> For the complete documentation index, see [llms.txt](https://adornthemes.gitbook.io/vogal-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://adornthemes.gitbook.io/vogal-theme/theme-sections/custom-block-masonry.md).

# Custom Block(Masonry)

This is advance section. You can mix different blocks in this section to display a great combination of products, collection, text, video or promotion banner on your store with masonry style.

<mark style="color:blue;">W</mark>[<mark style="color:blue;">hat is masonry layout?</mark>](https://isotope.metafizzy.co/layout-modes/masonry.html)

<div align="left"><figure><img src="https://1708375644-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrsFZ0qmgr873lDxCKvMZ%2Fuploads%2FlkHvfw894KK6onPB9qks%2Fcustom-block-masonry.jpg?alt=media&amp;token=c4ec4c1e-d445-4914-af25-6975dba896e3" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
Follow given steps to add this section:

* In the theme editor, click **Add section**
* Search **Custom Block(Masonry)**,
* Click to add section and click **Save**
  {% endhint %}

**Section Settings**

![](https://1708375644-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrsFZ0qmgr873lDxCKvMZ%2Fuploads%2FxXoHBmfMvB6RUg376cuL%2Fmasonry-block-settings.gif?alt=media\&token=fe95c826-074a-4551-b8ad-3675f1a8e101)