Pizzon - Shopify Theme Documentation
  • Introduction
  • Changelog
  • Installation
    • Install Theme
  • BASIC CONFIGURATION
    • Customer Registration
  • Shipping Rates
  • Navigation
  • Online Store 2.0
  • Theme Settings
    • Multiple Layouts
    • Typography
    • General
      • Favicon
      • Container Width
      • Slider Dots
      • Slider Arrows
      • Pagination
      • Add To Cart Action
      • Social Share
      • Wishlist
      • Terms And Conditions Checkbox
      • Swatch / Customization Option
      • Lazyload image
      • Trust Image
    • Product Card
      • Set up for Product Card
      • Product Badges/ Labels
      • Product Swatch
      • Product Action
      • Product Review
      • Product Quick Shop
    • Theme Language
      • How to set up Multiple Languages?
      • How to set up a different language?
    • Multiple Currencies
    • Quick Search
    • Quick View
    • Newsletter Popup
    • GDPR Popup
    • Calculator Free Shipping Message
    • Someone Purchase
    • Social Media
    • Recently Viewed
    • Color (Products)
    • Typography (Products)
    • Colors (General)
    • Quick Cart/ Quick Edit Cart
    • Countdown
    • Notify Me: Out Of Stock
    • Ask An Expert
    • Adding custom CSS to your theme
    • Checkout
  • Collection & Product
    • Collection
      • Demo & Settings Data
      • Sidebar
      • Filter
    • Sub Collection
    • Collections List Section
    • Product Page
      • Demo & Settings Data
      • Product Media
      • Product Tab
      • Product Variant
      • Size Chart
      • Short Description
      • Checkout Button
      • Compare Color
      • Sticky Add To Cart
      • Infomation
      • Sold In Last
      • Hot Stock Function
      • Countdown
      • Customers Viewing Function
      • Trust Image
      • Custom Information
      • Product Review
      • Product Description Tab
      • Variant Image Grouped
    • Product Recommendations
    • Recently Viewed Products
    • Product Combo
  • Header
    • Header
    • Search
    • Megamenu/Drop Down Menu
      • Label For Menu
  • All Sections in Theme
    • Slideshow
    • Slideshow Grid
    • Slideshow Category
    • Collection List Packery
    • Collection List Packery 2
    • Modern Image With Content
    • Modern Page Banner
    • Image Banner
    • Image Banner 2
    • Product Block
    • Product Block 2
    • Product Block 3
    • Product Block 4
    • Product Tab
    • Collection Grid
    • Collection Grid 2
    • Collection Grid Slider
    • Brand Slider
    • Booking Table
    • Category Slider
    • Featured Blog
    • Newsletter
    • Newsletter 2
    • Newsletter 3
    • Newsletter 4
    • Custom Liquid
    • Rich Text
    • Section Devider
    • Google Map
    • Page Banner
    • Image With Content
    • Image With Content 2
    • Video Popup Banner
    • Custom Service Block
    • FAQs Section
    • Latest Blog
    • Customer Review
    • Recently Viewed Products
    • Instagram
    • Offer Gird
    • Breadcrumb
    • Marquee
  • Other
    • Wishlist Page
    • About us
    • Contact Us
    • Menu Page
    • Store Locator Page
    • 404 error
    • Blog
    • Cart Page
    • Checkout
  • Browsers Compatibility
  • Official Support
  • Copyright
Powered by GitBook
On this page
  • 1. New Badge
  • 2. Sale Badge
  • 3. Out of stock badge
  • 4. Custom Badge
  • 5. Bundle Badge
  • How to chnage the name of badge/ label or translate it in another language?
  1. Theme Settings
  2. Product Card

Product Badges/ Labels

PreviousSet up for Product CardNextProduct Swatch

Last updated 1 year ago

Steps:

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Theme settings -> Product Card -> Product Badges.

Setting
Description

Product Badges?

Toggle the display of product badges such as new, sale, bundle, etc, on product card.

Position Top Badge

Determine the desired spacing of the badges from the card's top.

Position Left/Right Badge

Determine the desired spacing of the badges from the card's top.

1. New Badge

New Badge can be set up automatically by time right in editor or set up manually by tags in product admin.

Setting
Description

New Badge?

Toggle to include 'New Badge' in the product badges on Product Card.

New Badge: Type

Select the method to apply 'New Badge'. Dynamic: The algorithm will be applied to automatically decide the product is new or not. Manual: The products with tags including 'new' keyword will be shown with new badge.

New Badge: Time Show

Determine the time range in which the product is shown with new badge.

New Badge: Maximum Products To Show

Determine the amount of products to have 'New Badge'

2. Sale Badge

This label is automatically added for all products that have the sale price.

Setting
Description

Sale Badge?

Toggle to include 'Sale Badge' in the product badges on Product Card.

Sale Badge: Type

Select to display either the sale text or sale percent (%Discount) in the sale badge.

3. Out of stock badge

This label is automatically added for all products that don't have quantities available at any location.

Setting
Description

Sold out / Out Of Stock Badge?

Toggle to include 'Soldout badge' in the product badges on Product Card.

4. Custom Badge

Custom Badge shows up when the product added a "label" tag. You can use this label with another name and change text in Edit language.

Setting
Description

Custom Badge?

Toggle to include 'Custom Badge' in the product badges on Product Card.

5. Bundle Badge

Bundle Badge shows when the product added a "Grouped Sub Product" metafield.

How to chnage the name of badge/ label or translate it in another language?

Please go to Edit Languages -> Products -> Scroll down to find the text of labels and change:

Setting
Description

Bundle Badge?

Toggle to include 'Bundle Badge' in the product badges if the product is setup with a bundle.

Setting
Description

Sold out / Out Of Stock Badge?

Toggle to include 'Soldout badge' in the product badges on Product Card.

If you need to set sale prices for the product, follow the steps how to in the official documentation.

set a compare at price for a product