# Image With Text Card

Uses a striking visual to draw attention and encourage customers to explore complementary product, promotion, or branded message without sending the shopper away.

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

## **Key Features**

* Upload Image or Video: You can add any image or insert Youtube videos to draw the eye—product shot, lifestyle photo, or graphic.
* Call-to-Action Button: Add a button that links directly to a product, collection, or landing page.
* Headline & Description: Allow to add the heading and description for a product or collection.

## Benefits

* Visual Upsell: The customer are more likely to click an eye-catching image with the headline more than simple text link.
* Increased AOV: Increases what each customer spends by featuring matching items or bundles
* Seamless Branding: Shows your brand’s look and message right before purchase, reminding customers of your quality or any seasonal deals.

## How To Use?

1. Click **Add Block**
2. Choose **Image with Text Card**

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

3. Customize the **Image with Text Card** block

<figure><img src="/files/4j1cVs6Osl2iQNKENeZC" alt=""><figcaption></figcaption></figure>

* **Use content container style from theme settings:** Toggles between your theme’s default content width/padding or the card’s own custom padding.
* **Media Type**: Pick a static image background or a video background for the card.
* **Image & Video Sources**: Upload image or videos to the cart drawer
* **Heading**: Your main title with rich-text formatting.
* **Heading size**: Choose XS, S, M or L to scale the font.
* **Description**: A smaller subtitle under your heading.
* **Heading alignment**: Left-, center- or right-justify your heading & description within the card.
* **Button**: Insert a button label, button link and button style.


---

# 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.smind.io/guides/cart-drawer/image-with-text-card.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.