commercebuild Success Portal commercebuild Success Portal

  • Home
  • Submit a Ticket
  • Updates
  • Login
  • Contact Us
Home / Tutorials / How to setup category badges

How to setup category badges

977 views 1 min , 6 sec read 0

A badge is a small image that is shown on the left or right side of a category in the navigation menu. Category badges are an effective way to highlight your category in a web store.

You can apply a category badge by using an image with some design flair to make the badge stand out. For example, to highlight the “New Products” category you can add a New Arrival badge.

Getting Started

The first step to using category badges is to go to System > Features and activate “Enable Badges” under the Display Features panel. Please note this can only be found under the B2B profile but will apply to both.

This will activate the Badge Uploading tab in the left-hand sidebar.

 

Badge Image Uploading

Once enabled, navigate to Catalog > Upload Images > Badge Uploading to upload images for the badges. At present, you can upload images for one or two badges per category.

Click Select Image to choose the image and click Apply to save your changes. If you wish to show a second badge, upload an image in Category Badge Image 2 section as well.

Please ensure to upload an image that is a 50×50 pixel .png file with a transparent background.

Badge Image Settings

Navigate to Catalog > Upload Images > Settings to fill the badge image size settings as shown below:

Enable Badge for a Category

Navigate to Catalog > Categories and click Edit next to a parent category to which you want to apply the badge.

Under the Settings tab, locate a button for Enable Badge 1 and toggle it ON. For the second badge, toggle ON Enable Badge 2.

Please note that badges need to be enabled for your B2C category as well, should you wish to show them on your public site.

This is how it would appear on your web store.

 

For guidance on how to set up Item Badges, see our tutorial on How to Setup Item Badges.

webstore Tutorials

About Latika

View all posts by Latika →

Related Articles

  • How to Enable reCAPTCHA on Custom Forms
  • Adding a custom message to the shipping step at checkout
  • How to configure Stripe as a payment method
  • SQL Server Change Tracking Query for Sage 300 and X3

Popular Articles

  • Enable Firewall Rules and a JavaScript Browser Challenge 2247 16
  • Enable Cloudflare Rate Limiting 2134 0
  • How to Add a JavaScript Snippet 1994 8
  • IP Allowlist 1945 0
  • Signing up for Cloudflare and Configuring Your Domain 1812 4

New Articles

  • Error when adding a new user: Email is already in use 657 0
  • How to Check commercebuild Payments Version 893 0
  • How to Enable reCAPTCHA on Custom Forms 801 0
  • Manually posting an order 946 0
  • Adding a custom message to the shipping step at checkout 763 0
© commercebuild 2022. All rights reserved.