Ascent(English)
Contact usFAQsFree to install
English
English
  • Introduction
  • Support Policy
  • Refund Policy
  • Template Installation
  • FAQs
  • Global Settings
    • Layout
    • Colors
    • Typography
    • Breadcrumb
    • Animations
    • Section header
    • Product cards
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart settings
    • Favicon
    • Custom CSS
  • Header
    • Custom Mega Menu
    • Mobile Menu Obstruction by Third-Party Plugins
  • Side Drawer
    • Search Drawer
    • Shopping Cart Drawer
  • Sections
    • Seamless scroll
    • Announcement bar
    • Countdown
    • Collection thumbnails
    • Narrow banner image
    • Image banner
    • Video banner
    • Slideshow
    • Image with text
    • Image-text list
    • Rich text
    • Newsletter
    • Text with icons
    • Logo list
    • Contact form
    • FAQs
    • Multicolumn
    • Image comparison banner
    • Image hotspots banner
    • Map
    • Featured collection
    • Featured product
    • Collection list
    • Custom liquid
    • Composite display
    • Confetti trigger
    • Custom section header
    • Quote
    • Testimonials
    • Shop the feed
    • Image gallery
    • Product compare table
    • Text lens zoom
    • Scroll image expand
    • Milestones
    • Team
    • Highlight features
    • Steps
    • Media wall
  • Popups
    • Event popup
    • Age verification popup
  • Footer
    • Custom Payment Icons
  • Tool bar
  • Pages
    • Product Collection Page
      • Create Subcategory
    • Main product
      • Gifts (Freebies)
      • Product Pre-order
      • Size Chart
      • Variant Images Group
      • Variant Samples
      • Complementary Products
      • Related Products
      • Sibling Products
      • In Box Products
      • Product A+ Page
      • Performance Indicator Bar
      • Delivery ETA
  • Others
    • Version Upgrade Notes
      • v2.2.1 (Current version)
      • v2.1.8
      • v2.1.7
Powered by GitBook
On this page
  • Badge Types
  • Notes

Was this helpful?

  1. Global Settings

Badges

PreviousProduct cardsNextSocial media

Last updated 2 months ago

Was this helpful?

Badge settings allow you to provide promotional, new product, free gift, and pre-order notifications for different scenarios on the product page. Using badges with different colors and styles can attract customer attention, enhance product visibility, and effectively boost sales.

Badge Types

  1. Promotion Badge Used to display promotional information. You can choose from a standard style, or styles that show the amount or percentage of the discount.

    • Background Color: Customize the background color of the promotion badge.

    • Text Color: Customize the text color of the promotion badge.

  2. Free Gift Badge Used to indicate information about free gifts. When enabled, this badge alerts customers that the product comes with a free gift.

    • Background Color: Customize the background color of the free gift badge.

    • Text Color: Customize the text color of the free gift badge.

  3. New Product Badge Used to identify newly released products.

    • Background color: Supports customizing the background color of the new arrival badge.

    • Text color: Supports customizing the text color of the new arrival badge.

    • Criteria for determining new products: There are two options: based on the publish days or based on tag.

    • Setting the new product badge: It is effective when the criteria are based on tag.

    • Setting the number of days since release: Available options are 7 days, 14 days, or 30 days, effective when the criteria are based on publish days.

  4. Pre-Order Badge Used to display information about pre-order products. When enabled, the badge will appear and a pre-order button will also be displayed on the product page if the product meets pre-order conditions.

    • Background Color: Customize the background color of the pre-order badge.

    • Text Color: Customize the text color of the pre-order badge.

  5. Limited Edition Badge

    Used to highlight and display limited edition products.

    Set the limited edition product tag.

  6. Custom Badges

Custom badges can be added to products by assigning tags. You can set the background color and text color for the custom badge. The format should be _badge_name, for example, _Best Shoes.

Notes

  • Pre-Order Badge: The badge and pre-order button will only appear if the product meets the pre-order conditions.

  • Color Customization: Ensure good contrast between background and text colors for badge readability.

sale badge
free gift badge
new badge
pre-order badge and button
limited edition badge