Storefront Knowledge Base
  • 👋Welcome to Storefront
  • Getting Started
    • 🛠️Quick Start Guide
  • Features
    • Dashboard
    • Sales
      • Orders
        • Create an Order
        • Edit An Order
        • Order Payments
        • Order Fulfilments
      • Enquiries
      • Coupons
      • Gift Cards
      • Wallets
    • Catalogue
      • Categories
      • Brands
      • Families
      • Products
        • Goods Products
        • Coupons
        • Gift Voucher
      • Coupons
      • Inventory
      • Vendors
      • Branding
      • Attributes
      • Badges
      • Sorting
      • Product Reviews
    • Customers
      • Consumers
      • Companies
      • Customer Groups
    • Promotions
      • Promo Codes
      • Discounts
      • Bulk Discounts
      • Multi-Buys
    • Marketing
      • Mailing List
      • Affiliates
      • Announcements
      • Messages
    • Reports
    • Stores
      • Home
      • Content
        • Pages
        • Blogs
        • News
        • Zones
      • Navigation
      • Store Price Lists
        • Markup Manager
      • Shipping
        • Free Shipping
        • Collection
        • Fixed Shipping
        • Local Delivery
      • Payments
        • Terms
        • EFT
        • Third Party Payment Merchants
      • Themes
        • Look and Feel
        • Styles
        • Scripts
      • Store Settings
        • Store Details
          • Store Name
          • Tax
          • Logo and Favicon
        • Tracking & Analytics
          • Facebook Pixel
          • Google Analytics
        • Sign-up
          • Login Methods
          • Sign-Up Settings
          • Individual Form Fields
          • Corporate Form Fields
          • Login
        • SEO
          • Google Webmaster Tools
          • Robots.txt
          • Sitemap.xml
        • Checkout
          • Customer Accounts
          • Abandoned Cart
          • Email Marketing
          • Google Maps
          • Wallet
        • Security & Privacy
          • Password Lock
          • Google reCAPTCHA
        • Notifications
          • Merchant Emails
          • Customer Emails
          • Email From/Reply To
        • Catalogue
          • Filter Search
          • Product Filters
          • Product Display
          • Gift Registries
          • Wishlists
          • Product Reviews
          • Product Comparison
    • System
      • Email
      • Import
      • Export
      • Bulk Pictures
        • Formatting Images For Bulk Upload
      • Inventory Locations
      • Users & Permissions
  • Storefront
    • 🚀Roadmap
      • Storefront Platform Upgrade – .NET 8
      • From SQL to Solr – A Smarter Search Experience
      • From Static Templates to Liquid Themes – A Customisable Storefront Experience
  • Information
    • 📌Announcements
Powered by GitBook
On this page
  1. Features
  2. Catalogue

Badges

PreviousAttributesNextSorting

Last updated 1 year ago

Badges on e-commerce products are small graphic elements that are added to a product's image to highlight certain features or benefits of the product. These badges can be used to communicate various things about the product to potential customers and help them make informed purchase decisions.

This graphic element will display on the image anywhere on the website that the product image displays.

Add a Badge

  1. Click on Catalogue > Badges

  2. Click on the Create Button

  3. Enter the text you want to display in the text section

  4. In the first row enter 'Colour' in the style column and then in the Value Column enter the colour Hex code you want your text to be

  5. Click the Plus Button at the end of the row

  6. In the second row enter 'Background-Color' in the style column and then in the Value Column enter the colour Hex code you want the background of the badge to be

  7. Click the Plus Button at the end of the row

  8. Click Save Changes