Hi everyone,
I want to change the position of the discount badge, instead of inside of the product card I want it to be place outside the photo and place it above the product name. Anyone knows how to do it?
See the photo for reference.
Topic summary
Goal: Move the discount badge from inside the product card to a position above the product name (outside the photo).
Key steps and info:
- Helpers requested the store URL/password to review. The OP shared a Shopify preview link with instructions to insert specific letters to access it.
- A solution was provided: edit the theme code by opening Online Store > Edit Code > theme.liquid and add custom code just above the tag.
Notes:
- The exact code snippet is not visible in the thread text, but a result screenshot was shared showing the badge repositioned above the product name.
- Images are central to understanding the outcome; the screenshot demonstrates the intended placement.
Status:
- A concrete approach and implementation steps were given, with visual proof of result.
- Awaiting confirmation from the OP; no explicit final acknowledgement or alternative solutions posted.
Hey @IntechCarl
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Moeed
Hi @IntechCarl
Could you share your store link to check?
1 Like
Here is the link https://yywy1ulr838gm-13830324282.shopifypreview.com
Just add the letters (a)(p)(k) between 8(here)38gm
Hey @IntechCarl
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like