> For the complete documentation index, see [llms.txt](https://pipeline.groupthought.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://pipeline.groupthought.com/sections/list-of-sections/image-with-text.md).

# Image with text

Single or two-column flexible section

Pipeline's most popular section that's evolved with multiple block types to promote almost anything you can imagine.&#x20;

Multiple layouts and design options to build single and two-column promotions:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FTlaku5LjqrfVwNoP414m%2FScreenshot%202022-10-26%20at%204.58.36%20PM.png?alt=media&amp;token=d38311d1-7ed8-4cc8-b92f-11f3009a8584" alt=""><figcaption><p><strong>Desktop Image with Text</strong></p></figcaption></figure>

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2F5IazRDADLCpqIIkvn5x6%2FScreenshot%202022-10-26%20at%204.59.08%20PM.png?alt=media&amp;token=3773dbd9-ca89-4eb9-8d47-ffe1b789c342" alt=""><figcaption><p><strong>Mobile stacked Image with Text following</strong></p></figcaption></figure>

### Single block layouts

When a single block is used, the section can be used as a full-width image or text section with padding options:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FnO5xyDKbPiDzJEO0oP05%2FScreenshot%202022-10-26%20at%204.55.04%20PM.png?alt=media&amp;token=51bbf7c9-0219-43f4-b52e-00cfa9693a4c" alt=""><figcaption></figcaption></figure>

### Two block layouts

Build two-column desktop sections when a second block is added:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FcaqGMmifLtf3MrwfcmiF%2FScreenshot%202022-10-26%20at%205.20.48%20PM.png?alt=media&amp;token=1cfa2f5d-132b-4d03-8d78-98b4902ee760" alt=""><figcaption></figcaption></figure>

Choose from a large selection of block types to design creative sections:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2F9S1yyerzAmig2YFeMpb1%2FScreenshot%202022-10-26%20at%205.00.49%20PM.png?alt=media&amp;token=c6c5d378-bc53-4b7c-a0ab-268678c39510" alt=""><figcaption></figcaption></figure>

Each block type has custom settings to customize:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FmEanKZQJVH0yz115UZet%2FScreenshot%202022-10-26%20at%205.26.24%20PM.png?alt=media&amp;token=e1c86cd4-50d0-42d7-9620-913274f7ef9f" alt=""><figcaption><p><strong>Video block settings</strong></p></figcaption></figure>

> ***Tip:*** Use the Background Image option in the video block to display an image while the MP4 video is loading. A looping MP4 video can be displayed, use the URL from your Shopiy Files found under the main Shopify Admin Settings

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FaBhErc3fFb7P4h5pgaIZ%2FScreenshot%202022-10-26%20at%205.27.53%20PM.png?alt=media&amp;token=83666ae9-677c-4dad-95ea-aaae03237d99" alt=""><figcaption><p><strong>Collection block settings</strong></p></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

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

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://pipeline.groupthought.com/sections/list-of-sections/image-with-text.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.
