adartstudio

Product badges (labels)

Badge appears on the top left corner of a product item, based on some conditions.


Aries supports these badges:
  • Sold out: auto appear on a sold-out product (product inventory = 0)
  • Sale percentage (auto calculated %): appear on a product having compared price
  • Sale: appear on a product having "Sale" tag
  • Hot: appear on a product having "Hot" tag
  • New: appear on a product having "New" tag
  • Best deal: appear on a product having "Best deal" tag
  • Limited: appear on a product having "Limited" tag
Note: Each product can show only 1 badge. So we set the priority of badges like this: Sold out > best deal > limited > sale > hot > new > %

To change color of a badge, please go to Online store > Themes > Customize > Theme settings > Colors > Product Badges Color


To change text of a badge, please go to Online store > Themes > Actions > Edit language > Products tab.


But it only change text on store front, you still need to add the original tag name in product (Example: you change the "Best deal" badge to "Daily deal", but you still need to add "best deal" tag to a product to make this "Daily deal" badge appear).

Note: For the best responsive, please keep the text on badge short. 



    • Related Articles

    • FAQ

      I'm getting an error when uploading theme to my store After downloading theme from Themeforest, you need to extract the zip file. Then open the "aries" folder, you will find all templates inside it, select a template to upload. For detailed ...

    • Product Page settings

      Global settings Navigate to Theme settings > Product pages settings to customize all product pages. Product Gallery  You can change the position of gallery (top/left/right) in Product page layout.   Product Details Information There are 2 types to ...

    • Aries - Changelog

      To save all modifications from the old version to the new one, please follow our instruction here: Install & Update theme Version 1.0.6 – Jan 14th, 2019 Fix URL to get Instagram access token Fix minor bug when option value contains special characters ...

    • Header & Footer

      Header Layout Aries has 5 layouts of header: Header 01: Logo left, menu right Header 02: Logo center, split menu Header 03: Logo center, menu below Header 04: Logo left, menu center Header 05: vertical menu (fixed sidebar) Header container: adjust ...

    • Add custom content to product page by using metadata

      By default, Shopify does not allow to add custom content on a certain product page. However, Aries supports some types of content that you can add to a specific product, including: Product video Product countdown Total in stock progress bar Short ...