# Custom content

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FZORUnO9gzWalf3HxIIEP%2FFox-BG%20Light%20(31).jpg?alt=media&#x26;token=da710fed-dc8e-4ffb-aa52-638975931042" 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="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FCILeiISCBazD32uxkV6C%2Fimage.png?alt=media&#x26;token=2e745927-d170-4745-9dcd-8f66531870d5" alt=""><figcaption></figcaption></figure>

#### Mobile layout

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

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FdxWLh12oEIQoticTqOf1%2Fimage.png?alt=media&#x26;token=ac699282-6cd6-43d3-b336-cec928d2fb94" 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="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2Fz3XFJhEMMM3fYSc6Ep1S%2Fimage.png?alt=media&#x26;token=edfabd6f-1b95-424f-a971-706d451cc37d" alt=""><figcaption><p>Text + Before/after image slider</p></figcaption></figure>

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FxSt40a9xO1jnYDkrK9sh%2Fimage.png?alt=media&#x26;token=2f0fb2e0-bb8f-4325-9872-25caa0bdc503" 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="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FSsRxyjr7iUitzOHfHOcT%2Fimage.png?alt=media&#x26;token=7744fa83-ab12-4fc3-9cdf-1828eb37980f" alt=""><figcaption><p>Image card + Image card</p></figcaption></figure>

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FrNVdkYoxVnpPFhopCHS2%2Fimage.png?alt=media&#x26;token=118c3471-9d58-4d81-bc25-ae61b88a0b57" 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="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FEJSbzojftZedRTxRgKW6%2Fimage.png?alt=media&#x26;token=89c1dfbb-5289-4fc3-876b-d1f10846b3d3" alt=""><figcaption><p>Image card + Image card</p></figcaption></figure>

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2F6flzkOesCBCZJzvpJFUL%2Fimage.png?alt=media&#x26;token=079b8d12-b359-4868-967e-73b58386a120" 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="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2F5XbOUt5WyhKBsxf5zv9G%2Fimage.png?alt=media&#x26;token=09e8671d-7e81-4a25-b489-4af127c40f57" 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="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FQ0fuqbH7A8QPNsCM6oNy%2Fimage.png?alt=media&#x26;token=8e998b09-b8b1-4d0a-8852-cb18846db35e" alt=""><figcaption><p>Image card + Image card + Image card</p></figcaption></figure>

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FGNIS4kiVPI4V6wDCwvCH%2Fimage.png?alt=media&#x26;token=da82d442-20b3-46fe-9122-fa88850505af" alt=""><figcaption><p>Image card + Image card</p></figcaption></figure>
{% endtab %}
{% endtabs %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/zest-theme/theme-sections/custom-content.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
