Story theme
Story v2
Story v2
  • Story theme documentation
  • online store 2.0
    • The new experience
  • Header
    • Header styles
    • Toolbar
    • Navigation images
    • Image menus
    • Transparent header
    • Mega-menu navigation
    • Drop-down navigation
  • Sections
    • How to use sections
      • Adding a section
      • Hiding a section
      • Reordering sections
    • Section blocks
    • Complete list of sections and blocks in Story
  • Collections
    • Product badges
      • Sale badge
      • Savings badge
      • Sold-out badge
      • Custom badges
      • Badge settings
    • Collection filtering
      • Custom filter options
    • Collection sorting
    • Collection navigation
    • Feature image
  • Products
    • Upsell promotions
      • How to setup
      • Static upsell promotion
      • Custom upsell promotion
    • Product tabs
      • Static product tabs
      • Unique product tabs
    • Color swatches
    • Inventory countdown
    • Pre-order products
    • Size Charts
      • Static size chart
      • Unique size charts
      • Creating pages
    • Product image sizes
  • Cart
    • Cart styles
    • Shipping message
    • Estimate shipping calculator
    • Cart settings
  • Pages
    • Page navigation
    • How to use page templates
      • Story page templates when using a different theme
    • Contact page
    • Lookbook
    • Team
    • Timeline
  • Blogs
    • Blogs
    • Articles
  • Settings
    • Tile decoration
    • Enable container
  • Updates
    • Story Releases
    • Check your theme version
    • How to download latest version
  • Tips
    • Where to make CSS changes
    • How to add a line break in your headings
  • Advanced
    • Story tutorials
    • Remove Shopify link in footer
  • Contact
    • Share preview link
  • Earlier versions
    • Story v1
Powered by GitBook
On this page
  • Sale badge
  • Savings badge with discounted value or percent saved
  • Sold-out badge
  • Custom badges
  • Badge settings and options
  1. Collections

Product badges

Promote products with your own custom badges or pre-built savings, and sold-out badges that are displayed on products in your collection listings or any product grid-style listing.

PreviousComplete list of sections and blocks in StoryNextSale badge

Last updated 3 years ago

Story theme includes a set of pre-built badges to help you promote products and inform your customers when a product is out-of-stock. Story theme also provides you the capability to create your own custom product pages that you can assign to any individual product.

Explore the different types of product badges in Story and how to create your own custom versions:

Sale badge

Displays a Sale badge when items in a collection or product grid are currently discounted:

Learn more:

Savings badge with discounted value or percent saved

Displays how much the customer is saving by dollar amount or savings by percent discounted.

Amount saved version:

Discount percent version:

Learn more:

Sold-out badge

Displays a sold-out badge for products that have zero value in inventory:

Learn more:

Custom badges

Displays custom text, build your own badges, and assign to different products:

Learn more:

Badge settings and options

Find settings for all badges:

Sale badge
Savings badge
Sold-out badge
Custom badges
Badge settings
Sale badge
Savings amount badge
Savings % badge
Sold out badge
Custom made "Best Seller" badge