Shopify Product Label & Product Badge


Thank you for purchasing our “Shopify Product Label & Product Badge” Apps. If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form. Thank you so much !

Shopify Product Label & Product Badge is very important and effective App to highlight 'special' or 'new' offers on your products to catch your customer’s attention.

Shopify Product Label & Product Badge app helps you to increase your product reputation and make your store more attractive with badges inviting your customers to purchase your product.

Customers are naturally drawn their attention to the highlighted information when visiting your store. So, by this App customer can make their interest higher to a specific product when they see a special offer with attractive product badge.

By this App store owner can set Product Badge for any Specific Product with Select any Product Variant and/or for any Collection or for all Collections.

Shopify Product Label & Product Badge has powerful admin panel with lots of features with dynamic design and conditions.

Shopify Product Label & Product Badge module is more flexible and compatible with many existing modules in the Shopify repository. This Module is fully customizable. Users can easily configure the module into the new or existing Shopify store.

☛ Show 'On Sale / Discounted Product' Badge

You can create a on sale product badge by mentioning Discount Percentage or Discount Amount. Then the badge will be shown for products which satisfy this condition (the app calculates the discount using product price and compare at price).


☛ Show 'Limited Stock or Out of Stock Product' Badge

You can create and show badge for out of stock products. You can also show badge products which has minimum quantity (defined in badge condition).


☛ Show 'New Product' Badge

You can create a badge for new product by defining a date range. The products which have been added / published during that period will show that badge. You can also mention a threshhold from product publish date. Example: If you set threshhold 10, that means the products which have been published during last 10 days will show this badge.


☛ Show 'Price Range' Badge

You can show badge for all products within a specific price range. For example if you set the range $50 - $100 then the products which has the price within this range will show the badge.


☛ Show badge at different position of product images

You can show the badges at different positions of product image like: Top Left, Top Right, Top Center, Bottom Left, Bottom Right, Bottom Center, Middle Left Middle Right, Middle Center etc.


☛ Show Dynamic Text in Badge

You can show different text / discount amount etc. by using some predefined variable as described below:


##SAVE_PERCENTAGE## : If you add this text in badge like "Save ##SAVE_PERCENTAGE##" , then your storefront will show Save 15%, Save 25% etc.

##SAVE_AMOUNT## : If you add this text in badge like "Save ##SAVE_AMOUNT##" , then your storefront will show Save $30, Save $45 etc.

##PRODUCT_PRICE## : If you add this text in badge like "Price ##PRODUCT_PRICE##" , then your storefront will show Price $30, Price $45 etc (it will just show the price of the products).

##NEW_DAYS## : This will display how many days ago the product was published on you store.

##PRODUCT_SKU## : This will show SKU of the product.

##PRODUCT_QUANTITY## : This will show available quantity of the product to purchase.

  1. Login your Shopify Store in Admin panel.
  2. Now hit our App URL and click to "Get App" button.
  3. It’s a one click installation.
  4. After install the Application Go to “Apps” menu of Admin Dashboard and click on the “Product Label & Product Badge” Apps link.
  5. It will display “Product Badge”, “Settings” and “Logout”.
  6. Now go to Product Badges > Add New Badge and insert the necessary fields to setup your Product Badge.

Note: Some Themes may require to insert Selectors. These selectors are need to place to the theme’s code. So if you do not know how/where to insert the selectors or if you are not familiar with liquid code changes or need any sort of help then just add install@solvercircle.com as a staff member of your store (If you don't know how to add "staff member" then click here), email us to explain the problems and we will fix the issues for you.

Special Instructions:

If a store uses the Product Filter & Search app, then add below code snippet into BCSfFilter.prototype.buildAdditionalElements function in the bc-sf-filter.js file.

	if(SCPB && SCPB.bindBadges){
		SCPB.bindBadges();
	  }