> For the complete documentation index, see [llms.txt](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/ultra-sections/sections-and-snippets/promotion-banners.md).

# Promotion banners

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

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

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

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

## **Adding a section**

In order to add a section, you need to go to **`Customizer`** → **`Add Section`** → **`Promotion banners`**.

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

## **Section settings**

<figure><img src="/files/7ajlz1cnjO1cB4ke7wRo" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - setting allows you to set the text for the title.
2. **`Cards per row`** - the setting allows you to choose the type of section display in 2 or 3 blocks;
3. **`Cards layout`** - the setting allows you to choose the type of blocks: horizontal / vertical;
4. **`Button style`** - you can set a style for the button: primary / secondary / primary with border / secondary with border;

### Layout

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

1. **`Container width`** - a container width of the section. If the “Inherit” value is selected then the container width is 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/VZzyNaDLOrlTCiWJRM8G" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - setting allows you to set the heading in the block;
2. **`Image`** - setting allows you to set the image of the block;
3. **`Button label`** - setting allows you to set the text for the button in the block;
4. **`Button link`** - setting allows you to set the URL for the button in the block.