Skip to content

Product badges

Product badges highlight key product status on thumbnails and single product pages. All badge settings live under Appearance → Customize → Store → Badges.

Milano supports four badge types:

BadgeDescription
SaleMarks products currently on sale.
NewMarks recently published products.
Pre-orderMarks products available for pre-order.
Sold OutMarks products that are out of stock.

Turn each badge on or off independently.

Each badge accepts a custom label. Leave the field blank to use the default text:

  • Sale — default “Sale”
  • New — default “New”
  • Pre-order — default “Pre-order”
  • Sold Out — default “Sold out”
  • Show percentage — display the discount percentage instead of the “Sale” label. For example, “30% off” instead of “Sale”.
  • Custom label — override the default label text.
  • Detection period — set how many days a product is marked as “New” after it is published (1–365 days, default 30).
  • Custom label — override the default label text.
  • Treat backorder as pre-order — show the pre-order badge on products set to “On backorder” in WooCommerce.
  • Custom label — override the default label text.
  • Custom label — override the default label text.

Each badge type has its own background and text color. Set them in the Design tab of the Badges section to match your store’s branding.

When multiple conditions apply to a product, Milano shows only one badge. The priority order is:

  1. Sold Out
  2. Pre-order
  3. Sale
  4. New

For example, a product that is both on sale and sold out shows the Sold Out badge.