# Product promo

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

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

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/vPTroS5tbenciW2o6Y4J/Untitled%20(7).png" 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://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/da0pgVrwxZS57a56RoZw/Untitled%20(8).png" alt=""><figcaption></figcaption></figure>

## Settings

### General

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/wuH2ffGg5qbIAu25ZLHd/Untitled%20(9).png" 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://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/c467MHejXLQcczHPrdzA/Untitled%20(10).png" 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://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/FEnQjYKWCwckRwESHHRV/Untitled%20(11).png" 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://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/KTl8sO2qYHPeArtfV55q/Untitled%20(12).png" 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://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/8CRfI94Xr5cAIYGSlo3q/product-promo-settings-4.png" 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.