Impulse Theme: How to add label after product variant?

Store Design

Topic summary

A user wants to add a custom label (e.g., “Bestseller”) next to a specific product variant (30x40cm) in the Impulse theme, not as a badge on the product image.

Proposed Solutions:

  • CSS approach: Use the CSS content property with ::after pseudo-element for a static label on a specific variant. However, all variants share the same class name, making targeting difficult.

  • Dynamic solution: Implement variant metafields combined with data attributes in CSS to conditionally display labels based on variant properties.

  • Third-party app: Install a product labels app, though the original poster clarified they want variant-specific labels, not image badges.

  • Theme file editing: Modify the product-template.liquid file to add custom markup after the variant selector.

Status: The discussion remains open with multiple technical approaches suggested but no confirmed implementation. The main challenge is targeting a specific variant when all share identical CSS classes.

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

Hi everyone,

I want to add after product variant a label e.g “Besteller” after the variant (30x40cm). I am using Impulse Theme in my shop.

Thanks

Bildschirm­foto 2023-02-12 um 22.41.30.jpg
Bildschirm­foto 2023-02-12 um 22.41.30.jpg1112×342 21.2 KB

2

Hello @Frank0922 ,

If just want for a specific variant and a static solution then use css content property.
e.g. ( You have to adjust it a/to the theme you using )

.target-class::after {
  content: "Bestseller";
position:absolute;

}

If need a dynamic solution then first use variant metafields and call them.

Thanks

3

Bildschirm­foto 2023-02-13 um 00.27.49.jpg
Bildschirm­foto 2023-02-13 um 00.27.49.jpg1468×302 90.1 KB

I want to add it only for 30x40cm, but all variants have the same class name? so how can I change the class name for the 30x40cm?

Thanks

4

edit the code and generate a dynamic one or you can assign css with data attribute.

5

Hi @keyurdodiya

I hope you are doing good and welcome to the Shopify Community!

I am Santanu from MS Web Designer (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore).

You can add a third-party app.

That is- https://apps.shopify.com/product-labels-by-bss

Regards,

Santanu

6

Thanks, but I want to add a lable in varitant 20x30, not as Badges in product image.

7

Hello there

To add a label such as “Bestseller” after the product variant in the Impulse Theme, you can follow these steps:

  1. Log in to your Shopify store and go to the theme editor by navigating to Online Store > Themes > Customize Theme.

  2. Locate the product-template.liquid file, which is usually found in the “Templates” folder.

  3. Find the section of the code where the product variant is displayed and add the “Bestseller” label after it.

  4. An example of what the code might look like after the change is:
  1. Save your changes and preview the product page to ensure the “Bestseller” label is displayed correctly.