> 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/products-columns.md).

# Products Columns

Use this section display products in different columns. Select collection to display products from each block.

<div align="left"><figure><img src="https://1708375644-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrsFZ0qmgr873lDxCKvMZ%2Fuploads%2FS3DdofHJuY2AU603w3RL%2Fproducts-column-section.gif?alt=media&amp;token=34cb4010-d77e-442f-b80f-2504312d18de" alt=""><figcaption></figcaption></figure></div>

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

* In the theme editor, click **Add section**

* Search **Products Columns**

* Click to add section and click **Save**
  {% endhint %}

* Click on Add Collection to add products column.

* Click on section to manage style.&#x20;

* **Block & Section Settings.**

<div align="left"><figure><img src="https://1708375644-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrsFZ0qmgr873lDxCKvMZ%2Fuploads%2FCBmGCJpbsgwVyMklG8dZ%2Fproducts-column-settings.gif?alt=media&amp;token=74b63986-829c-4b1c-a4b2-a393a9048069" alt=""><figcaption></figcaption></figure></div>
