Skip to main content

How to Customize Discount Badging on Your Treez Ecommerce Site

Written by Treez Support

Treez Ecommerce lets you customize how discount badges appear on product pages — including the label text for each discount type and how discount amounts are displayed. These settings live in the Product Document in Prismic CMS.

Overview

When a product has a discount applied, a badge appears on the product card or page. You can control two things:

  • Badge Labels — the text shown on the badge for each discount type (BOGO, Bundle, Dollar Off, Percent Off)

  • Discount Display — how the discount amount is formatted (as a dollar value, a percentage, or smart-selected based on discount type)

Custom Badge Labels

You can set custom text for each discount type badge. If left blank, the badge will fall back to the default label.

Field

Default Text

Example Custom Text

BOGO Badge Label

BOGO

DEAL!

Bundle Badge Label

Bundle

Bundle

Dollar Off Badge Label

$ Off

PROMO

Percent Off Badge Label

% Off

(custom)

Leave any badge label field blank to use the default text. You only need to fill in the fields you want to customize.

Discount Display

The Discount Display setting controls how the discount amount is shown on badges across your site. There are three options:

  • Amount — all discount badges show the dollar value off (e.g. "$5 Off")

  • Percent — all discount badges show the percentage off (e.g. "10% Off")

  • Smart — badges automatically display the most relevant format: dollar-off discounts show as "$ Off" and percent-off discounts show as "% Off"

How to Configure Discount Badging

  1. Open your Prismic CMS and navigate to the Product Document.

  2. Scroll to the discount badge label fields.

  3. Enter custom text for any badge type you want to customize (BOGO, Bundle, Dollar Off, Percent Off). Leave blank to use defaults.

  4. Locate the Discount Display dropdown and select your preferred display mode: Amount, Percent, or Smart.

  5. Save & Publish.

Did this answer your question?