> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Image with text

> A rounded image beside a heading, text and an optional button. Use it for your story, a care tip or a favorite routine.

<Frame caption="Image with text, highlighted on the demo store">
  <img src="https://mintcdn.com/kwebby/C74euD6erxKg5PtE/images/puggy/image-with-text.webp?fit=max&auto=format&n=C74euD6erxKg5PtE&q=85&s=2806cd3a18639fc075a92ce6d9f937cf" alt="Image with text on the storefront" width="2160" height="1350" data-path="images/puggy/image-with-text.webp" />
</Frame>

## Where to find it

Home page, and below the product information on product pages. Choose Home page (or Products > Default product) in the top page selector, then select Image with text. Add more with Add section > Image with text.

## How it works

* The image sits on the left or right on desktop and stacks above the text on phones.
* Images are shown whole inside an arched peach frame.
* Without an image, the built-in puppy and kitten artwork appears.
* The button appears only when Button label has text.
* The block fades in as it scrolls into view when scroll animations are on.

<Frame caption="In the theme editor: 1 the section in the sidebar · 2 its settings · 3 the section in the preview">
  <img src="https://mintcdn.com/kwebby/C74euD6erxKg5PtE/images/puggy/editor-image-with-text.webp?fit=max&auto=format&n=C74euD6erxKg5PtE&q=85&s=e02dc47eaec5796b6990e218eb560661" alt="Image with text in the theme editor" width="1425" height="786" data-path="images/puggy/editor-image-with-text.webp" />
</Frame>

## Edit it

* Upload an Image and choose Image position.
* Edit Eyebrow, Heading and Text.
* Add a Button label and always set a Button link with it.
* On the product template, the same content shows on every product that uses the template. Connect dynamic sources or create an alternate template for product-specific text.

## Settings

| Setting | What it does |
| - | - |
| **Image** | Image: upload one or choose from Content → Files. |
| **Image position** | Options: Left, Right. Default: Left. |
| **Eyebrow** | Text. Default: Made for their kind of happy. |
| **Heading** | Text. Default: Big love. Little everyday rituals. |
| **Text** | Formatted text. |
| **Button label** | Text. |
| **Button link** | Link: a page, product, collection or web address. |
| **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Default: Scheme 1. |
| **Top spacing** | Slider from 0 to 120 px, in steps of 4. Default: 64 px. |
| **Bottom spacing** | Slider from 0 to 120 px, in steps of 4. Default: 64 px. |


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.