Add "limited edition" above product title dawn theme

Store Design
, ,

Topic summary

A user seeks to add a “LIMITED EDITION” label above product titles on their Dawn theme Shopify store, requesting a white background with black text.

Solutions Provided:

Multiple approaches were offered:

  • Tag-based conditional display: Add code to product template files that checks for a ‘Limited’ tag and displays the label accordingly
  • Custom Liquid block: Insert a custom liquid section through the theme customizer, positioned above the product title in the Product information section
  • Direct template editing: Modify the main-product.liquid file to add the label with custom styling

Refinements Requested:

The user successfully implemented a solution but requested adjustments:

  • Reduce the button size to fit closer to the text (less padding)
  • Center-align the label to match other text elements

A follow-up CSS solution was provided using width: fit-content and margin-inline: auto to achieve the desired compact, centered appearance.

Status: The discussion appears resolved with working code, though formal solution marking was requested by one contributor.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

Hi hoping someone wonderful can help me please. Trying to add a “limited edition” button like this above products.
White bacground with black text instead though please.
My website is www.studio-seductress.com password:yesyesyes

Screenshot 2025-02-03 at 11.07.45 AM.png
Screenshot 2025-02-03 at 11.07.45 AM.png666×568 6.86 KB

2

@studioseductres Hey, thanks for posting here.

Here is the code you can use to achieve this:

  1. Access your Shopify theme files:

    • Go to Online Store > Themes in your Shopify admin.
    • Click Actions > Edit Code on the Dawn theme.

  2. Add the following code:

    In the product-template.liquid or product-card.liquid (depending on your theme version), find the section where the product title is displayed. You’ll want to insert the code that checks if the product has the “Limited” tag and displays the “Limited Edition” label above the title.

    Example code to add:

{% if product.tags contains 'Limited' %}
  
    LIMITED EDITION
  

{% endif %}
3

Hi @studioseductres

  1. https://prnt.sc/nNJ50_bvkwFj Find the main-product.liquid file, find the title code as shown

  2. https://prnt.sc/g9vPhtj65k5n Add the code as shown in the picture. I have edited this code to have a white background and black text to match your store.

limited edition

DaisyVo_0-1738564163480.png
DaisyVo_0-1738564163480.png1013×711 129 KB

4

Hi @studioseductres

Please go to your store admin > Sales channels > Online store > Themes > Customize > click on Home dropdown menu > Products > select your product template, hover above Title in Product information > click “+” > Custom Liquid, paste this code


Limited Edition

Screenshot 2025-02-03 at 14.15.01.png
Screenshot 2025-02-03 at 14.15.01.png3618×1976 572 KB

5

this worked but is it possible to make it a lot smaller like the photo i provided and centered like my other text? thank-you

6

That worked great thankyou but can you make it a small button, so its just around the text not so much white padding on either side. Similar to my example photo please

7

pleae share preview

and please mark my comment as solution , thanks @studioseductres

8

Hi @studioseductres

.limited-edition-tag {
width: fit-content !important;
margin-inline: auto !important;

}
I see you have your own custom tweaks to suit your site
Here is the next code to make the width shorter and center aligned

You can add code here - https://prnt.sc/10kFesqw2p65

DaisyVo_0-1738584174286.png
DaisyVo_0-1738584174286.png1555×803 300 KB

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!