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

# Image with text

The **Image with Text** section creates alternating image-and-text rows across a page. Each block is a full-width row pairing an image with an eyebrow, heading, body copy, stat cells, and a CTA button. The layout can be flipped per row to create a natural alternating composition — perfect for brand storytelling, editorial features, or collection highlights.

<Frame>
  <img src="https://mintcdn.com/arhamwebworks-95d5f818/1LaJPzRPvFD5XJSV/images/image-with-text.webp?fit=max&auto=format&n=1LaJPzRPvFD5XJSV&q=85&s=06f7feab06e5d9111e900e3da031b9a8" alt="Image With Text" width="1919" height="905" data-path="images/image-with-text.webp" />
</Frame>

### How to Add the Section

1. From your Shopify admin, go to **Online Store → Themes** and click **Customize**.
2. Navigate to the page where you want to add this section.
3. Click **Add section** and select **Image with text**.
4. Add **Row** blocks and configure each one. You can add up to 6 rows.
5. Click **Save**.

### Section Settings

* **Full width:** When enabled, the section stretches edge-to-edge across the viewport with no side margins.

***

### Row Block Settings

Each Row block is a complete image-text pair. Add one block per row. You can add up to 6 rows.

#### Style

* **Color scheme:** Set a color scheme for this individual row — allowing different rows to have different background colors.

#### Image

* **Image:** Upload the image to display for this row.
* **Image ratio:** Control the proportions of the image — Portrait, Square, Landscape, or Adapt to the original dimensions.
* **Caption:** A small text label displayed over the image.

#### Content

* **Row tag:** A tag or category label for the row (e.g., "Edit · 01").
* **Eyebrow:** Small text displayed above the heading.
* **Heading:** The main heading for this row. Supports rich text and italic emphasis.
* **Body:** The main body copy. Supports rich text formatting.
* **Stat 1 / 2 / 3 — Label & Value:** Up to three key-value stat pairs displayed below the body text (e.g., "Materials / 18k Au", "Pieces / 24").
* **CTA text / CTA URL:** A call-to-action button label and its link destination.

#### Layout

* **Flip layout:** When enabled, the image appears on the right and the text on the left — use this on alternating rows to create a zigzag composition.

#### Spacing

* **Padding top / Padding bottom:** Control the vertical spacing for this individual row independently of others.

<Frame>
  <img src="https://mintcdn.com/arhamwebworks-95d5f818/NWPTF26oCB0wZO4R/images/about-7.webp?fit=max&auto=format&n=NWPTF26oCB0wZO4R&q=85&s=d9d49fecea84b3cbbc4465fad5281ae1" alt="Image With Text Row Settings" width="1919" height="870" data-path="images/about-7.webp" />
</Frame>