Implementing the badge to my product page

[robertsolcan]

Hello! I have some badges that I want to be shown on my product page, and that way I can show the informations not only in the product card, but also in the top left of the page after you click on the product. Do you think you can help me? Here's a reference:

[GTLOfficial · Accepted solution]

Hello @robertsolcan 
Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

.product.card__badge {
  position: absolute;
  top: 10px;
  left: 10px;
}

If this was helpful, hit the like button and accept the solution.
Thanks

[sahilsharma9515]

Hi @robertsolcan Yes, have you implemented all the badges on your store and are they showing correctly on the products page, if yes then Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for your store.

Best regards

Sahil

[Valentyna1]

Hello)
You can add badges to your product with the help of applications. For example, you can try Lably (https://apps.shopify.com/lably ). This app allows you to create a label or badge, customize it, and select where to display it. Regarding your question, you can set the appropriate position and display your badge with the relevant info on the product page.