# Pre-order Badge

{% stepper %}
{% step %}

### **Enable the Badge**

From the **Pre-Order** tab → go to **Appearance** → select **Product List**.

* Turn **ON** the **Enable Badge** toggle.

<figure><img src="https://2477033452-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRtV458Onax2rMaEUV2SD%2Fuploads%2FK986Gp8kFwmpCEPqWmb8%2Fimage.png?alt=media&#x26;token=88556dde-7b9c-4aec-b915-7c01d92cefe0" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### **Choose When to Show the Badge**

Select the condition for displaying the badge:

* **First Variant is Pre-Order** – Shows the badge if the first variant is set to pre-order.
* **At Least One Variant is Pre-Order** – Shows the badge if any variant is set to pre-order.
* **All Variants are Pre-Order** – Shows the badge only if every variant is set to pre-order.

<figure><img src="https://2477033452-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRtV458Onax2rMaEUV2SD%2Fuploads%2Fh7m1hOjpg1cP38J8wMxF%2Fimage.png?alt=media&#x26;token=bdbea3de-0eef-425e-bf56-40bd0b228600" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### **Customize the Badge Style**

* **Badge Color** – Pick a color that stands out.
* **Badge Text Style** – Adjust font style (bold, italic, etc.).
* **Badge Shape** – Choose from available shapes (rectangle, rounded, circle, etc.).
* **Font Size** – Set the size for the badge text.

<figure><img src="https://2477033452-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRtV458Onax2rMaEUV2SD%2Fuploads%2Fj4YTozn6Z9a47tkwK78A%2Fimage.png?alt=media&#x26;token=726eee0f-92c9-4779-b354-6160cea5fe1d" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### **Save Your Changes**

Click **Save** to apply your badge settings.
{% endstep %}
{% endstepper %}

***

#### 📩 Need Help?

If you encounter any difficulties during setup, please don’t hesitate to reach out via **chat** or email us at **<hi@globosoftware.net>**. We're always here to help!