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

# Custom content

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

Utilize the Custom content section to display more information, showcase products, or flaunt customer testimonials.

## How to add a Custom content section to your Shopify store

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Add section.**
2. Locate **Custom content.**
3. Make necessary changes.
4. **Save.**
   {% endhint %}

## How to edit a Custom content section

### Section settings

#### Grid settings

Modify the **Column gap** and **Row gap** between blocks in the section.

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

#### Mobile layout

Display the section in grid layout or enable swipe on mobile.&#x20;

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

### Block settings

Combine different block types to create your desired layout.

<mark style="background-color:yellow;">Preset preferences:</mark>

{% tabs %}
{% tab title="Zest main preset" %}
{% embed url="<https://themes.shopify.com/themes/zest/presets/zest>" %}

<figure><img src="/files/0TWsHzGKKXXeLTv8jF3e" alt=""><figcaption><p>Text + Before/after image slider</p></figcaption></figure>

<figure><img src="/files/9mdR6V4jWv88DXcKHsLi" alt=""><figcaption><p>Image + Image</p></figcaption></figure>
{% endtab %}

{% tab title="Gusto " %}
{% embed url="<https://themes.shopify.com/themes/zest/presets/gusto>" %}

<figure><img src="/files/OZCGGzRHojyjjXkHIEVm" alt=""><figcaption><p>Image card + Image card</p></figcaption></figure>

<figure><img src="/files/iS62pow4g88w79hJ23Xq" alt=""><figcaption><p>Image + Text</p></figcaption></figure>
{% endtab %}

{% tab title="Fleek" %}
{% embed url="<https://themes.shopify.com/themes/zest/presets/fleek>" %}

<figure><img src="/files/5KitkO6XBWKPuJp2Jh9m" alt=""><figcaption><p>Image card + Image card</p></figcaption></figure>

<figure><img src="/files/VwycLTvI7PiyVta6iZ60" alt=""><figcaption><p>Text + Image card + Image card + Image card</p></figcaption></figure>
{% endtab %}

{% tab title="Cosmo" %}
{% embed url="<https://themes.shopify.com/themes/zest/presets/cosmo>" %}

<figure><img src="/files/SrkZnxvMnyualP5AZPPO" alt=""><figcaption><p>Before/after image slider + Text</p></figcaption></figure>
{% endtab %}

{% tab title="Laura" %}
{% embed url="<https://themes.shopify.com/themes/zest/presets/laura>" %}

<figure><img src="/files/FyNQGLPsVg887djF3F5t" alt=""><figcaption><p>Image card + Image card + Image card</p></figcaption></figure>

<figure><img src="/files/KpYstGS3XJ48y1FcOpfC" alt=""><figcaption><p>Image card + Image card</p></figcaption></figure>
{% endtab %}
{% endtabs %}
