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
    • 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

Was this helpful?

  1. Pages
  2. Main product

Performance Indicator Bar

PreviousProduct A+ PageNextDelivery ETA

Last updated 1 month ago

Was this helpful?

The performance indicator bar visually represents different performance parameters of a product, helping users quickly understand its capabilities and make intuitive comparisons.

How to Add the Performance Indicator Bar

Go to the Shopify Editor and add the "Performance Indicator Bar" block under Product Information.

Edit the performance parameters by filling in the following details:

  • Title: Name of the indicator, e.g., "Battery Life" or "Cooling Performance."

  • Description: A brief explanation of the performance parameter.

  • Level: Define the performance scale, such as a score from 1-100 or Low/Medium/High.

  • Low Level: Set a label for low performance and choose a corresponding color.

  • Medium Level: Set a label for medium performance and choose a corresponding color.

  • High Level: Set a label for high performance and choose a corresponding color.

Notes

  • The performance indicator bar is a universal section for all products.

  • If you want to set different performance parameters for individual products, use it in combination with the Product A+ page for more customization. Product A+ Page