# Image with text

This is a very versatile section which can be used to add a single hero image, with text and links that be switched. 

This section can be used to display an image of a product or a collection, a lifestyle image of a member of staff, that links to a page with further information about your business and/or product.

### Getting Started

* Go to `Online store` → `Theme` → `Customise`
* By default, you will see you predefined list of sections
* To add the `Image with text` section, scroll to the bottom of the panel and `Add section`

#### How to change the section layout?

Just like other sections, settings will apply to both the section iteslef and the block which represents the actual content.

Click on the section title and change the '**Text alignment**' from Left to right to switch image and text and visa-versa.

<div align="left"><figure><img src="https://2114535326-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgKC2p4LQD2oT2arxwe%2Fuploads%2FIzkR8K0jweJqEceePdGD%2Fimage%20with%20text.png?alt=media&#x26;token=d579fc0a-bcf6-47c7-9803-226365122542" alt=""><figcaption></figcaption></figure></div>

#### How to change the block settings?

Here we can change the following pieces of content;

* Upload an image
* Change the heading title text
* Change the body text
* Update the button label
* Assign a URL link

Once your happy with your changes, click save and your done!


---

# 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://erickson.gitbook.io/themes/erickson/sections/hero-banner-2.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.