# Promotion banner

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FfdNmcEBzwsuqkSzlEm63%2FUntitled%20(17).png?alt=media&#x26;token=224057e3-8d7f-4e9f-b9e5-e473036fa679" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FXhZXXVLQ2SNQjBh7bPGe%2FUntitled%20(18).png?alt=media&#x26;token=a8dbd24b-69c0-4cd6-a424-632aa45dbe97" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FgEmdP3pekR0vJ6bnavAQ%2FUntitled%20(19).png?alt=media&#x26;token=994a7117-c94f-4555-a556-184041847785" 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://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FesIzUD9eoUQyO6YK4YgF%2FUntitled%20(20).png?alt=media&#x26;token=538c36a1-3af8-42d9-9dff-f0c756d95a9b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FUV75bEVbRpxUlTFkD9oa%2FUntitled%20(21).png?alt=media&#x26;token=2b272ae1-0e03-4944-b19b-6496451d49ba" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2F42PYv92LWkfyv9JjkhRa%2FUntitled%20(22).png?alt=media&#x26;token=cc7b7bef-76ff-4042-9f5a-8801790550e8" 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://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FIJZJLR9vfOupk8wtPuUu%2FUntitled%20(23).png?alt=media&#x26;token=a47c5854-3bd5-4caf-bb3f-e5acf80b9435" 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.