# Text with products

This Broadcast section helps you create unique, modern designs using inline product images directly linking to your products and collections. Easily build modern promotions with creative designs that link directly to your products and services. 

<figure><img src="/files/sL3OLNfrFXnOFZ4DWSAz" alt=""><figcaption><p><strong>Images link directly to products and collections</strong></p></figcaption></figure>

### Flexible

Quickly build text-based key messages throughout your shop and visually attract shoppers with branded images, products and collections. Separate text, alignment and image aspect ratio settings for mobile and desktop help you create the perfect look for all devices.&#x20;

### Customize

Use the section settings to add your message and configure the layout for the section.&#x20;

* Enter your primary message into the **Heading** and adjust the size and alignment for desktop and mobile:

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

* The optional **subheading** is placed above the main heading text.&#x20;
* Adjust the colors and padding for the section.

Add **blocks** to insert images into any position of your text. Start by adding a block type:

* Image - Includes a custom link option.
* Product - Links directly to a product. A custom image can be displayed.&#x20;
* Collection - Links to a collection of products. A custom image option is available.&#x20;

Each block contains settings to help you design the right look and style. The image override allows you to use any image in your library. Both desktop and mobile image aspect ratio sliders will adjust how tall or wide the image appears:

<figure><img src="/files/AchgxohlhBiCnBdxfrqE" alt=""><figcaption><p><strong>Collection block example</strong></p></figcaption></figure>

### Image position

Use this slider to place the image in the correct spot within your text message. Each position number is relative to the words in your message:

<figure><img src="/files/pmw2SEnldFm6KxgvH1Ty" alt=""><figcaption><p><strong>Choose the image position based on the word count of your heading</strong></p></figcaption></figure>

### Image sizing

You can adjust each block image to fit proportionally with the Image aspect ratio slider. The **Width** slider helps you size each image individually:

<div><figure><img src="/files/dmwFoF2fwqivPG0M6Kj0" alt=""><figcaption><p>Aspect ratio per image</p></figcaption></figure> <figure><img src="/files/lzgyw7VgxEKGFgvKpYSK" alt=""><figcaption><p>Width size per image</p></figcaption></figure></div>

### Animation settings

Images will be animated in this section to give a lively look when the customer reaches the section. To disable the animations, use the toggle found under the Layout section of Theme Settings:

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


---

# 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://broadcast.presidiocreative.com/broadcast-v5/sections/broadcast-sections/text-with-products.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.