> 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/theme-settings/general/promotion-banner.md).

# Promotion banner

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/zATVZMf6PiE5UYOeOzIT/Untitled%20(17).png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/fGmw8neH9sxnZU3YOwHU/Untitled%20(18).png" alt=""><figcaption></figcaption></figure>

This settings block is intended for general **Product banner** settings on the site.

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/jHpp2k43kxp8E2oaYX1L/Untitled%20(19).png" alt=""><figcaption></figcaption></figure>

In order to get to the **Promotion banner** settings block, you need to go to **`Customizer`** → **`Theme Settings`** → **`Promotion banner`**.

## **Settings**

### General

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/x4WFc9CqnhPsDISSw3kV/Untitled%20(20).png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/RTFjVfzvDw9L1y0wpbdx/Untitled%20(21).png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/6373WHjCy25HE5gCYxEX/Untitled%20(22).png" alt=""><figcaption></figcaption></figure>

1. **`Enable`** - enable popup;
2. **`Cookie time`** - the setting is responsible for the time until the popup is re-displayed when the user closes it;
3. **`Heading`** - a title of the banner;
4. **`Subheading`** - a subtitle of the banner;
5. **`Button label`** - a text of the button;
6. **`Button link`** - a link to the button;
7. **`Button popup style`** - select a button style for product popup;
8. **`Image`** - an image of the banner;
9. **`Products`** - products that will appear in the popup, after clicking on the banner;
10. **`Show shadow`** - setting allows you to enable/disable shadow below the popup.

### Colors

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/frjdIId0lrbjemY4GxGn/Untitled%20(23).png" alt=""><figcaption></figcaption></figure>

1. **`Background`**- background color of the banner;
2. **`Text`** - a color text of the banner;
3. **`Button close`** - a color of the close button;
4. **`Button background`** - a button background color;
5. **`Button text`** - a button text color;
6. **`Button border`** - a button border color;
7. **`Button background (hover)`** - a button background color on hover;
8. **`Button text (hover)`** - a button text color on hover;
9. **`Button border (hover)`** - a button border color on hover.

## **Additional information**

If the setting “Products” is empty and the setting “Button link” is filled, clicking on the banner will open a link.

If the setting “Products” is not empty, clicking on the banner will open a popup with products.