# Insights

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

## **Adding a Section**

**`Customizer`** → **`Add Section`** → **`Insights`**.

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

## **Section settings**

### General

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

1. **`Heading`** - you can set a title for the section;
2. **`Text`** - you can specify the text for the section;
3. **`Cards per row`** - number of cards per row on desktop. You can show 2, 3, 4 or 5 cards per row. On mobile, the display of cards will automatically change;
4. **`Image aspect ratio`** - aspect ratio of the images. Can be square, landscape, portrait;
5. **`Center block on desktop`** - if selected the blocks will be centered;

## Cards per row

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

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

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

## **Image aspect ratio**

### Square

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

### Landscape

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

### Portrait

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

### Layout

<figure><img src="/files/3ZU2OFxfPcShNh16urPf" alt=""><figcaption></figcaption></figure>

1. **`Container width`** - a container width of the section. If “Inherit” value is selected then container width based on the group 'Layout' settings in the Theme settings;
2. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
3. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
4. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
5. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.

## **Blocks settings**

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

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

1. **`Image`** - you can choose a picture for the block;
2. **`Heading`** - you can add a header for the block;
3. **`Text`** - you can add a text for the block;
4. **`Button label`** - you can add text for the buttons;
5. **`Button link`** - you can add a link for the button, without the added link the button will not be visible on the page;


---

# 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://utd-bv.gitbook.io/manual-shopify-theme-ultra/ultra-sections/sections-and-snippets/insights.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.