> For the complete documentation index, see [llms.txt](https://blueskytechcos-organization.gitbook.io/umino-shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blueskytechcos-organization.gitbook.io/umino-shopify/theme-sections/products-deal.md).

# Products deal

{% embed url="<https://youtu.be/-NuEygG8_gY>" %}

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

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Add section**
2. Locate **Products deal**
3. **Save**
   {% endhint %}

## Products Deal Setting

#### 1. Section header and general

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.&#x20;

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

**Layout:** You can choose between Container, Wrapped container, Full width for the banner layout.

**Color schema:** You are allowed to change text color, background color with preset color.

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

#### 2. Super Deal content

* Choose the end time
* Text content

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

#### 3. Products settings

Specify the quantity of products to display, the number of products per row, and the gap between two adjacent products.

You have the flexibility to enable **Autoplay** for automatic carousel scrolling and **Infinity** for continuous looping. Additionally, you can navigate through pagination or use **Show arrows** and **Dots** for navigation.

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

#### 4. Banner settings

Choose to add a small image or video that will be on the left or right side of the product

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

**Add focal point:** This feature helps you select the most important part of an image for your store. It ensures that the focal points of the image always remain visible, even if a section crops the image to fit the layout.

<div><figure><img src="/files/IVnL2Q7TKiz1jj4I5yvl" alt=""><figcaption></figcaption></figure> <figure><img src="/files/rSQkdQqaiXuE58dGzvlN" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
Please follow this [link](https://help.shopify.com/en/manual/online-store/images/theme-images) for more information.
{% endhint %}

#### 5. Section padding

Section padding allows you to specify the space between the slideshow and the preceding or following sections, or both.

<figure><img src="/files/1SggQclyqSplBFbK7vv4" alt=""><figcaption></figcaption></figure>