# Product promo

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2Fcp6XEaszLQNDUuNUNE6P%2FUntitled%20(5).png?alt=media&#x26;token=80443587-ca78-4136-a3c1-38229a0cec94" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FWbYkcrOqBvYz9B2k3FJq%2FUntitled%20(6).png?alt=media&#x26;token=4b57e91d-a641-4fa6-bc62-1dbce96a2021" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FvMBUMVhg6Wk1VG69w3AN%2FUntitled%20(7).png?alt=media&#x26;token=7b3b88c7-8430-492e-826a-bd89eff32d5c" alt=""><figcaption></figcaption></figure>

## **For Customers**

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

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

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FtRghtQ1EnfHjN0DLwBLC%2FUntitled%20(8).png?alt=media&#x26;token=6662be41-dbfa-4f97-aa55-f9e1434667d2" alt=""><figcaption></figcaption></figure>

## Settings

### General

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FYuSZZeOfqIDSs4OQ2AvK%2FUntitled%20(9).png?alt=media&#x26;token=6d7ad7bb-1922-427a-b456-d016500af31e" alt=""><figcaption></figcaption></figure>

1. **`Enable`** - the setting is responsible for enabling the popup;
2. **`Layout`** - the setting is responsible for choosing the layout. There are two settings to choose from: ***Text, Product;***
3. **`Cookie time`** - the setting is responsible for the time until the popup is re-displayed when the user closes it;
4. **`Show shadow`** - setting allows you to enable/disable shadow below the popup.

### Text

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2Fx2i5E2EsOHvQ2KmpjrI0%2FUntitled%20(10).png?alt=media&#x26;token=8a20df96-f7c7-4bbf-bbc7-d99ce6a1d1b8" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - the setting allows you to set title text;
2. **`Icon`** - the setting allows you to set icon;
3. **`Text`** - the setting allows you to set text;
4. **`Button label`** - the setting allows you to set button label.

### Product

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FEFkjIjDPtqVvPRNJVIbW%2FUntitled%20(11).png?alt=media&#x26;token=f810885e-291e-45ef-9ba1-2ba7c619bb96" alt=""><figcaption></figcaption></figure>

1. **`Product`** - the setting allows you to set the product to open quick view on click;
2. **`Product additional description`** - the setting allows you to set product description quick view which opens on click.

### Colors

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FBSmh6itTQqaj80hEwJ25%2FUntitled%20(12).png?alt=media&#x26;token=39a73d43-1dfe-43e3-8a1e-83b64933fe6e" alt=""><figcaption></figcaption></figure>

1. **`Background`** - the setting allows you to set the background color;
2. **`Text`** - the setting allows you to set text color;
3. **`Button close` -** the setting is responsible for the close button color;
4. **`Button background`** - the setting allows you to set button background color;
5. **`Button label`** - the setting allows you to set button label color;
6. **`Button border`** - the setting allows you to set button border color;
7. **`Button background (hover)`** - the setting allows you to set button background color on hover;
8. **`Button label (hover)`** - the setting allows you to set button label color on hover;
9. **`Button border (hover)`** - the setting allows you to set button border color on hover.

## **Additional information**

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FVxXwFdCK3JU8mpIisavT%2Fproduct-promo-settings-4.png?alt=media&#x26;token=5dde4690-e226-4148-84eb-6e05a21bfa0c" alt=""><figcaption></figcaption></figure>

The remaining settings (texts) are taken from the translations. Product promo:

1. **`Button aria`** - the message for button aria label;
2. **`Add to cart`** - the message for add to cart button;
3. **`Sold out`** - the message for sold out button.
