# Deal Banner

The **Deal Banner Section** allows you to create an eye-catching promotional banner with a countdown timer to highlight special deals, limited-time offers, or exclusive sales.

{% hint style="success" %}

1. **Go to** Shopify Admin > **Online Store > Themes**.
2. Click **Customize** on your active theme.
3. In the Theme Editor, click **Add Section > Deal Banner**.
   {% endhint %}

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

### **Settings & Customization**

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

* **Expand to Full Width:** Enable this option to extend the section across the entire screen width.
* **Color scheme:** You can customize the section’s appearance by changing the **text color, background color**, and more using **preset color** options.
* **Background Opacity:** Set the transparency level (Range: **0–100**, Default: **100**). This applies to the background image, which can be customized in the theme settings.

#### **Content Settings**

* **Desktop Content Alignment:** Choose the desktop content alignment **Left, Right, or Center**.
* **Mobile Content Alignment:** Choose the mobile content alignment **Left, Right, or Center**.

#### **Section Padding** <a href="#section-padding" id="section-padding"></a>

* **Top Padding:** Adjust spacing above the section.
* **Bottom Padding:** Adjust spacing below the section.

#### Section divider

* **Shapes** : Adds shape effects to the section. Options: **( Curve Top, Curve Bottom, Curve Both, None, Border Top, Border Bottom, and Both Border)**.

### **Block Settings**

* **Heading :**
  * **Heading:** Set a custom title (e.g., "Deal banner" ).
  * **Heading Size:** Choose from **Small, Medium, or Large** (Default: **Large**).
* **Text:** Provide a short description.
* **Select Date:** Choose the deal’s end date (**Format: 29-09-2025**).
* **Button Settings**
  * **Button Label:** Customize the button text (**e.g., "Shop Now"**).
  * **Button Link:** Paste or search for a destination URL.
  * **Button Style:** Enable to display the button with an outlined border instead of a filled style.
  * **Open this link in a new window:** Enable to open the link in a new tab.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://themessupport.gitbook.io/lollipop-theme/sections/deal-banner.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.