> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/cms-bundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/cms-bundle/en/sections-and-blocks/sections/custom-column-layouts.md).

# Custom Column - Layouts

Individual columns as a separate section in the Shopping Experience.

In the Shopping Experiences, the CMS Bundle allows you to create **custom columns as individual sections**. This feature enables you to design specific layouts and content flexibly.

When creating a section, in addition to **Sidebar** and **Full width**, the pre-built column layouts **2, 3 and 4 columns** as well as **Custom columns** and **Choose template** are available:

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2Fgit-blob-3812fe09849255095697249ecb4ef3b2b5fb6fda%2Fspalten-layout-sektion-auswahl.webp?alt=media" alt=""><figcaption><p>Choosing the section when creating a layout</p></figcaption></figure>

### Edit Placeholder Blocks in Sections

When you add a **column section**, it initially appears as a section with predefined placeholder columns. You can fill these as usual with any blocks from Shopware’s Shopping Experiences, whether it’s text, images, or other elements.

#### Here’s how to edit the column settings:

1. **Fill the placeholder columns:**\
   Drag the desired blocks into the individual columns using drag & drop.
2. **Adjust the column settings:**\
   To modify the structure or layout of the columns, open the **column settings** via the column icon on the left edge of the section. Here you set the total number of columns and the column width separately for each device (Desktop, Laptop, Tablet, Mobile).

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2Fgit-blob-9e46b2e17b7e10a842b8ee03bb98f10ccc899678%2Fspalten-layout-einstellungen.webp?alt=media" alt=""><figcaption><p>Column settings per device</p></figcaption></figure>
