# Sale items

Broadcast adds sale elements to your Product Detail page, Collection pages, and to Product Grid sections to help your customers visually see sale times and their savings.

On a Product Detail page, Broadcast adds a sale badge next to the current price (sale price) and compare at price (original price) displaying the savings percentage:

![Product Detail Page](/files/7js80HmkHZnZ6DKKIvKL)

{% hint style="success" %}
The text that follows the percent symbol, "OFF" can be modified in the Language Editor.
{% endhint %}

On a Collection page or any section that uses the Product Grid, Broadcast can add a custom color SALE badge over the product image:

![Product Grid section or Collection page](/files/bXrH4It3yldG5qt1xddU)

## How to setup

Sale pricing is managed in the Product setup for each product where **Price is the discounted price** and Compare at is the original price or more expensive value:

![Shopify Admin -> Products](/files/rhc5E6FJzxpbkON3n8q9)

Use the Theme Editor to customize the Sale badge feature which is used on Collection pages and Product Grid sections. 

Under Theme Settings, select Product Grid:

![Theme Editor -> Theme Settings -> Product Grid](/files/3nWY9shUEesflqhN03d9)

Here, you can customize the badge colors and also toggle on/off the badge feature:

![](/files/YcQ55bgeUJ5zktMMyHxv)

## Customize language

With the Language Editor, you can modify the text used for both styles of badges. Begin by opening the Language Editor (Edit languages):

![](/files/7UuzFaEiuh6G17vf9keR)

### Sale badge on Collection pages and Product Grid sections

To modify the text "SALE" on Collection pages and Product Grid sections, the badge text value is found under Products, Product, On sale.

In the search box, type-in: **`Sale`** and scroll to the bottom to find **On sale**:

![](/files/oFWdaLhKQuSlrCIoAozk)

### Percent off text on Product Detail pages

To modify the text "OFF" after the percent symbol on Product detail pages, type-in **`off`**, scroll to the bottom and change the value for Products, Product, **Off**:

![](/files/hrKp5Z2K3V41z3ftgEyi)

**Save** your changes. 


---

# 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://broadcast.presidiocreative.com/broadcast-v4/products/sale-items.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.