> For the complete documentation index, see [llms.txt](https://uxsmart.gitbook.io/velare/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://uxsmart.gitbook.io/velare/customize-your-pages/storytelling/featured-review-slider/group-block-media.md).

# Group Block - Media

**Media** is the visual half of a slide in the [Featured review slider](/velare/customize-your-pages/storytelling/featured-review-slider.md). It gives the slide something to look at: either a flat block of color, or a photograph that takes its place. Shoppers see it beside the review text, and it is what makes a testimonial feel like it belongs to a real customer instead of sitting on an empty background.

Add an [Image](/velare/customize-your-pages/storytelling/featured-review-slider/group-block-media/block-image.md) block inside it when you want a photo rather than a colored panel.

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

### Where to find it <a href="#where-to-find-it" id="where-to-find-it"></a>

{% hint style="success" %}
**Steps:**

1. Go to **Online Store > Themes > Customize**.
2. In the left sidebar, click the **Featured review slider** section.
3. Click **Add block** and choose **Media**.
4. Either pick a background color, or add an **Image** block inside it.
   {% endhint %}

*Result:* the visual half of the slide renders next to the review, cropped to the image ratio set on the section.

### Settings <a href="#settings" id="settings"></a>

| Setting              | Description                                                                                                                                                                                      |
| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Background color** | The flat color shoppers see behind this half of the slide. Useful when you have no photo of the customer and want a clean panel instead of an empty gap.                                         |
| **Image**            | The picture that fills this half of the slide, usually the customer, the product in use, or the packaging. Once one is chosen the background color no longer shows, since the picture covers it. |

### What changes on the storefront <a href="#what-changes" id="what-changes"></a>

* The picture is cropped to the **Image ratio** chosen on the section, so photos of different shapes still line up slide to slide.
* With no image and no background color, this half of the slide is simply empty, and the review sits on the section background.
* This block carries no text. The wording comes from the [Content](/velare/customize-your-pages/storytelling/featured-review-slider/group-block-content.md) block on the other half of the slide.

### Related pages <a href="#related-pages" id="related-pages"></a>

* [Featured review slider](/velare/customize-your-pages/storytelling/featured-review-slider.md): the section this block belongs to
* [Block - Image](/velare/customize-your-pages/storytelling/featured-review-slider/group-block-media/block-image.md): the block that supplies the picture and its mobile version
* [Group Block - Content](/velare/customize-your-pages/storytelling/featured-review-slider/group-block-content.md): the other half of the slide


---

# 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 dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://uxsmart.gitbook.io/velare/customize-your-pages/storytelling/featured-review-slider/group-block-media.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.