# Storytelling

<table data-view="cards"><thead><tr><th align="center"></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td align="center"><strong>Locator</strong></td><td><a href="/files/BvAD9sbrMQWwVArzi9QV">/files/BvAD9sbrMQWwVArzi9QV</a></td><td><a href="/pages/IVnB4pjtLJNHB2ilTkOe#locator">/pages/IVnB4pjtLJNHB2ilTkOe#locator</a></td></tr><tr><td align="center"><strong>Section header</strong></td><td><a href="/files/PU2kJEeCUNUVuSdyuUBM">/files/PU2kJEeCUNUVuSdyuUBM</a></td><td><a href="/pages/IVnB4pjtLJNHB2ilTkOe#section-header">/pages/IVnB4pjtLJNHB2ilTkOe#section-header</a></td></tr></tbody></table>

<details>

<summary>Locator</summary>

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

The **Locator block** allows you to feature location-related content. It includes customizable text and image elements, making it ideal for showcasing your store or business contact information.

#### ⚙️ **Block settings**

<table><thead><tr><th width="275">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Color scheme</strong></td><td>Choose whether to inherit the color scheme from the section or use a custom color scheme.<br><em>Learn more:</em> <a data-mention href="/pages/LHMEEJzFAAyBfjuU3BDC">/pages/LHMEEJzFAAyBfjuU3BDC</a></td></tr><tr><td><strong>Border</strong></td><td>Choose the border style for the block: <strong>None</strong> or <strong>Solid</strong>.</td></tr></tbody></table>

#### 📝 **In the Locator block’s content**

The **Locator Block** includes 4 [static blocks](/pebble-theme/theme-blocks/overview.md#static-blocks) for easy content management:

1. **Image**: Display a relevant image along with its size.
2. **Heading**: Typically used for the store name or location title.
3. **Text**: Showcase important text such as contact details (email, phone number, etc.).
4. **Button**: Add a button for actions.

</details>

<details>

<summary>Section header</summary>

<figure><img src="/files/XINjzKxBnXQY0eRfBjQ4" alt="" width="563"><figcaption></figcaption></figure>

The **Section header Block** is perfect for quickly adding a header to any section of your site.&#x20;

#### ⚙️ **Block settings**

<table><thead><tr><th width="275">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Direction</strong></td><td><p>Control how the nested blocks within the <strong>Section header</strong> display:</p><ul><li>Vertical<br><img src="/files/FbOTV9cvH4ZeTaE2a5mv" alt=""></li><li>Horizontal<br><img src="/files/vCu2LWM1IpLcWBhsPx5p" alt=""></li></ul><p></p></td></tr><tr><td><strong>Alignment</strong></td><td>Choose the alignment for the text within the block.</td></tr></tbody></table>

#### 📝 **In the Section header block’s content**

You can add more **nested blocks** to further customize the content.&#x20;

Find more available theme blocks here: [Overview](/pebble-theme/theme-blocks/overview.md#explore-theme-block-categories)

</details>


---

# 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/pebble-theme/theme-blocks/storytelling.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.