Shopifyでセール時にラベル(バッジ)の表示方法|色や文言、角丸、表示位置のカスタマイズ方法

How to Display Sale Labels (Badges) on Shopify | Customizing Color, Text, Corner Rounding, and Position

Tsun ライターチーム

For anyone running an online store on Shopify, boosting the appeal of products during a sale period is one important challenge. Displaying an eye-catching label (badge) on sale items can grab customers' attention and increase their purchasing motivation.

This article explains in detail how to automatically display a label during a sale using Shopify's standard theme, "Dawn." It comprehensively covers everything from setting up a basic sale price, to changing the label's color and text, to fine-grained customization such as position and corner rounding.

So that even beginners can work through this confidently, we'll walk through each step alongside actual admin screenshots—please read to the end.

How to Display a Sale Label on Shopify

With the Dawn theme, setting a sale price in product management automatically displays a sale label. So, this section introduces how to set a sale price.

(1) Go to Shopify admin > Products

(2) Open the product you want to put on sale

Set the regular pre-sale price as the compare-at price

(3) Set the sale price as the price

(4) Set the regular pre-sale price as the compare-at price

(5) Click Save

Confirm that the sale label is displayed

(6) Go to your Online Store's product listing page (collection page)

(7) Confirm that the sale label is displayed

That completes the setup.

How to Customize the Sale Label on Shopify

This section also uses the Dawn theme as a reference.

How to Change the Sale Label's Color

Go to Online Store > Themes from the Shopify admin

(1) Go to Online Store > Themes from the Shopify admin

(2) Click "Customize" on the Dawn theme

Choose the label color you want to change from the sale badge color scheme

(3) Click "Theme settings" in the left-hand menu of the theme editor

(4) Open the Badges section

(5) Choose the label color you want to change from the sale badge color scheme

(6) Click Save

Confirm that the sale label's color has changed

(7) Go to your Online Store's product listing page (collection page)

(8) Confirm that the sale label's color has changed

That completes the setup.

How to Change the Sale Label's Position

Go to Online Store > Themes from the Shopify admin

(1) Go to Online Store > Themes from the Shopify admin

(2) Click "Customize" on the Dawn theme

Choose the position where you want the label to appear from Position on card

(3) Click "Theme settings" in the left-hand menu of the theme editor

(4) Open the Badges section

(5) Choose the position where you want the label to appear from Position on card

(6) Click Save

Confirm that the sale label's position has changed

(7) Go to your Online Store's product listing page (collection page)

(8) Confirm that the sale label's position has changed

That completes the setup.

How to Change the Sale Label's Corner Rounding

Go to Online Store > Themes from the Shopify admin

(1) Go to Online Store > Themes from the Shopify admin

(2) Click "Customize" on the Dawn theme

Set the corner rounding value from Corner radius

(3) Click "Theme settings" in the left-hand menu of the theme editor

(4) Open the Badges section

(5) Set the corner rounding value from Corner radius

ℹ️ The value can be set between 0px and 40px. The closer to 0px, the less rounded the corners are, and the closer to 40px, the more rounded they become. The Dawn theme's default value is 40px.

(6) Click Save

Confirm that the sale label's corner rounding has changed

(7) Go to your Online Store's product listing page (collection page)

(8) Confirm that the sale label's corner rounding has changed

That completes the setup.

How to Change the Sale Label's Text

Click 'Edit default theme content'

(1) Go to Online Store > Themes from the Shopify admin

(2) Click "…" (ellipsis) on the Dawn theme

(3) Click "Edit default theme content"

'Products > Product > On Sale' is the sale label text, so change it to whatever wording you like

(4) "Products > Product > On Sale" is the sale label text, so change it to whatever wording you like

(5) Click Save

Confirm that the sale label's text has changed

(6) Go to your Online Store's product listing page (collection page)

(7) Confirm that the sale label's text has changed

That completes the setup.

[Bonus] Recommended Shopify Apps for Running Sales

RuffRuff Order Bonus

RuffRuff Order Bonus is a Shopify app that lets you implement all sorts of discount campaigns based on virtually any condition.

For example, you can run discounts such as:

  • Free shipping for VIP members only
  • Discounts by membership rank
  • Volume discounts
  • Discounts when a specific product is included
  • Discounts for customers with 10 or more past purchases
  • First-come, first-served discounts (20% OFF for the first 10 customers)
  • Flash sales

and more.

Many other discount campaigns are also possible. For details, check the service page via the button below.

RuffRuff 予約販売

"RuffRuff 予約販売" is a Shopify app that lets you run pre-orders with simple setup and accept an unlimited number of pre-orders. It has earned the "💎Built for Shopify" mark, a sign of the highest-quality apps.

With a single app, you can achieve limited-time sales, flash sales, upcoming release announcements, recurring sales, made-to-order pre-orders (build-to-order sales), member discounts, VIP member-only sales, purchase restrictions for blacklisted members, deferred payment, bundling controls, quantity limits, product card badge display (Starter plan or higher), hiding delivery date/time selection, multilingual support, and customizable cart button design.

In Closing

This article explained in detail how to display and customize sale labels using Shopify's Dawn theme.

By mastering the full range of customization techniques—from setting up the sale label, to changing its color, adjusting its position, setting the corner rounding, and changing its text—you can make your online store even more appealing.

A sale label is an important element that draws customers' attention and conveys a sense of value. By customizing the label to match your brand image, you can achieve a cohesive store design and improve customer satisfaction.

The settings introduced here take advantage of the Dawn theme's standard features, but similar functionality may be available in other themes as well. Please check the appropriate setup method for the theme you're using.

Use effective sale labels to help boost your sales.

Finally, the blog article below introduces sale campaigns you can run on Shopify. Please use it as a reference.

👆️目次はShopifyアプリ「RuffRuff 目次作成」を利用

👆️Table of contents by the Shopify app RuffRuff Table of Contents

Back to blog
1 of 6
  • 【ストアインタビュー後編】やりながら育てるShopify。「野菜をMOTTO」の試行錯誤:モンマルシェ株式会社 河野雄士さん

    [Store Interview, Part 2] Building and Growing ...

    テキサス・アユミ

    "Even when e-commerce is the main battlefield, e-commerce isn't the goal." An in-depth look at our interview with Yuji Kono of Mon Marché, whose brand "Yasai wo MOTTO" grew its...

    [Store Interview, Part 2] Building and Growing ...

    テキサス・アユミ

    "Even when e-commerce is the main battlefield, e-commerce isn't the goal." An in-depth look at our interview with Yuji Kono of Mon Marché, whose brand "Yasai wo MOTTO" grew its...

  • 【ストアインタビュー前編】 ECが主戦場でも、ECが目的ではない。「野菜をMOTTO」が貫くEC戦略:モンマルシェ株式会社 河野雄士さん

    [Store Interview, Part 1] Even When E-Commerce ...

    テキサス・アユミ

    "Even when e-commerce is the main battlefield, e-commerce isn't the goal." Part 1 of our interview with Yuji Kono of Mon Marché, whose brand "Yasai wo MOTTO" grew its e-commerce...

    [Store Interview, Part 1] Even When E-Commerce ...

    テキサス・アユミ

    "Even when e-commerce is the main battlefield, e-commerce isn't the goal." Part 1 of our interview with Yuji Kono of Mon Marché, whose brand "Yasai wo MOTTO" grew its e-commerce...

  • 【ストアインタビュー後編】取り返しのつかない失敗さえしなければ、全部学びになる。EC戦略と経営哲学:Beverich株式会社 代表取締役 木下慶さん

    [Store Interview, Part 2] As Long as You Don't ...

    テキサス・アユミ

    Kei Kinoshita, President of Beverich, discusses his strategy for splitting roles between Shopify and Amazon, how he uses the RuffRuff apps, and a management philosophy that turns failure into learning....

    [Store Interview, Part 2] As Long as You Don't ...

    テキサス・アユミ

    Kei Kinoshita, President of Beverich, discusses his strategy for splitting roles between Shopify and Amazon, how he uses the RuffRuff apps, and a management philosophy that turns failure into learning....

1 of 3
  • Our Editorial Process

    For readers new to e-commerce and Shopify, we write our articles with care to explain difficult commerce and marketing terms, along with how everything works from building a store through to selling, as “gently,” “clearly,” and “accurately” as we can.

    Learn more 
  • About the information on this site

    The information published here is based on Tsun Inc.’s own experience and research. While we make every effort to publish information that is as “current” and “accurate” as possible, we cannot fully guarantee its contents. Tsun Inc. accepts no liability whatsoever for any damages arising from this site. If you find an error in the information published here, we would be grateful if you would contact Tsun Inc.