Broadcast Documentation
NewSupport
Broadcast v4 ✅
Broadcast v4 ✅
  • About Broadcast
    • Broadcast Theme Documentation
  • Sections
    • Broadcast sections
      • Accordion
      • Accordion group
      • Contact form
      • Before and After
      • Blog posts
      • Collection list
      • Collection list hover
      • Custom content
      • Featured blog posts
      • Featured collection
      • Featured product
      • Image banner
      • Image with text
      • Multicolumn
      • Newsletter
      • Press logos
      • Rich text
      • Shop the look
      • Sidebar
      • Tab collections
      • Testimonials
      • Text columns with images
      • Text promo
      • Text with products
      • Collection list hover
    • How to use sections
    • Section blocks
  • Header
    • Announcement bar
      • Text announcement
      • Free shipping message
      • Custom HTML
    • Header
      • Transparent header
      • Header icons
      • Social icons
      • Navigation images
      • Sticky header
    • Target Settings
  • Upsell
    • Upselling with tags
    • Upselling with metafields
  • Products
    • Product pages
    • Tabs and accordions
    • Tab content using metafields
    • FAQ Accordions
    • Swatches
    • Size charts
    • Pre-order products using tags
    • Pre-order using metafields
    • Sale items
    • Free products
    • Product Theme Blocks
      • Title
      • Price
      • Variant picker
      • Buy buttons
      • Siblings
      • Description
      • Upsell
      • Icon
    • Low inventory message
    • Accordion section
    • Product ratings
    • Related products
  • Siblings
    • About product siblings
    • How to setup siblings
    • Siblings metafields
      • Siblings color
      • Siblings collection
    • Siblings product setup
    • Siblings block
  • Collections
    • Collection page settings
    • Product badges
    • Product badges with metafields
    • Product filtering
    • Quick add
    • Sub-collections
    • Cutline second line
    • Featured image
  • Popups
    • Popups Theme Blocks
      • Large newsletter
      • Text promo
      • Small newsletter
      • Cookie consent
    • Coupon codes
    • Popup Behavior and Target
  • Pages
    • Page templates
    • Creating page templates
    • Page section
  • Updates
    • Check your theme version
    • Download latest theme version
    • Updating your theme
      • Updating from version 1 or 2
      • Updating from version 3
      • Shopify's Online Store 2.0
  • Changelog
    • What's new in 5.0
    • Tips and detailed information about v4.0 release
  • Theme settings
    • Theme Settings Intro
      • Colors
      • Typography
      • Buttons
      • Layout
      • Search
      • Social media
      • Product Grid
      • Product Form
      • Cart
  • Blogs
    • Featured posts
    • Blog pages
  • Blog posts
    • Article page
    • Theme blocks
  • Footer
    • Footer
    • Footer Theme blocks
      • Link list
      • Newsletter
      • Social
      • Text
      • Page
  • Support
    • Contacting support
    • Share preview link
  • Custom
    • Where to make CSS changes
    • How to remove Shopify credit
    • Collection image spacing
Powered by GitBook
On this page
  • How to setup
  • Customize language
  • Sale badge on Collection pages and Product Grid sections
  • Percent off text on Product Detail pages
Export as PDF
  1. Products

Sale items

Sale elements on the Product Detail Page and Product Grid sections

PreviousPre-order using metafieldsNextFree products

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:

The text that follows the percent symbol, "OFF" can be modified in the Language Editor.

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

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:

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:

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

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):

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:

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:

Save your changes.

Product Detail Page
Product Grid section or Collection page
Shopify Admin -> Products
Theme Editor -> Theme Settings -> Product Grid