Beloria Documentation
  • Welcome
  • Installation
  • Header
  • Footer
  • Shopify apps
    • Boostheme Toolkit app
    • Metafields Guru
  • Static sections
    • Powerful Megamenu
      • Powerful Megamenu(version tf-3.5 or older )
    • Powerful Mobile Megamenu
      • Powerful Mobile Megamenu ( version tf-3.5 or older )
    • Product pages
      • Main product section
      • Main product - Reviews
      • Main product - Tabs
      • Main product - Upsell
      • Main product - Cross-sell
      • Old version ( tf-3.5 or older )
    • Collection pages
      • Version tf-3.5 or older
    • Blog pages
    • Posts
    • Cart page
      • Cross-sell products Section
    • Search result page
    • FAQ
  • Dynamic sections
    • Collection and product
      • Collection filter
      • Collection list
      • Flexible collection list
      • Powerful product block
      • Powerful product block 2
      • Powerful product columns
      • Product single deal
      • Simple product slider
      • Vedette product ( single product )
    • Banner & image
      • Banner creator pro
      • Layer banner
      • Information list
      • Instagram slider
      • Logo list
      • Banner & quotes
    • Text
      • Custom HTML
      • Testimonials
      • Text list
    • Marketing & others
      • Featured blog posts
      • Newsletter
      • Contact us
      • Map
      • Loox widget
      • About us 1
      • About us 2
      • About us 3
  • Theme settings
    • General
    • Collections list page
    • Typography
    • Breadcrumbs
    • Multiple languages
    • Colors & Font sizes
    • Social media
    • Favicon
    • Product settings
    • Product labels
    • Currency
    • Cart
    • Shipping rates calculator
    • Upsell products
    • Cross-sell ( recommendation ) products
    • Recently viewed products
    • Progressive web app
    • Sales notification
    • Search suggestion
    • Newsletter
    • Promotion bar
    • Cookie consent
  • For developer
  • Tips
  • Manage blocks in a section
  • Cross-sell ( recommendation ) rules
  • Change log
  • Upgrade to a new version
    • From versions older than tf-4.0
Powered by GitBook
On this page
  • Open Product Labels.
  • NEW LABELS
  • BEST SELLING LABELS
  • TRENDING LABELS
  • DEAL LABELS

Was this helpful?

  1. Theme settings

Product labels

PreviousProduct settingsNextCurrency

Last updated 4 years ago

Was this helpful?

Open Product Labels.

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme that you want to edit and click Customize.

  3. In the left-hand toolbar, click Theme settings.

  4. Click Product labels.

With these labels, just tick the checkbox in the corresponding label settings area to enable them, you can also add text for the labels, change color and background. However, to the labels are displayed, you need to add the tag for the product. If you don’t clear about product tags in Shopify, please refer to .

NEW LABELS

  • add the 'new' tag into your products

  • Active New Label: check or uncheck to enable.

  • Label Type: you can choose the type for the label, there are two types: text or image.

  • Text label: add the text you want to show.

  • Color for Text label: pick a color you want to display for text.

  • Background Color for Text label: pick a color you want to display for the background.

  • Image label: pick or upload your image to display it as new labels. Recommend width x height: 50x100. Unit: px.

BEST SELLING LABELS

  • add the 'best' tag into your products

  • For the below configs that are the same the New labels. You can refer New labels for more details.

TRENDING LABELS

  • add the 'trend' tag into your products

  • For the below configs that are the same the New labels. You can refer New labels for more details.

DEAL LABELS

If you activate this label, the label will be shown automatically when a product has the compare price and compare price must be greater than the price.

  • Like other labels, you can add text, change color, and background for the "deal" label. You can refer New labels for more details.

  • Text label: use the syntax "[percent]" variable to show the percent number.

​

​

​

this article