Discount logo on swatches/variants

[ArminasZ]

Hi,

We use Swatches app and would like to add percentage logo/label to highlight which variants have a discount.

App developers say:

The implementation would not be on your theme’s swatches (liquid code). Because as you noted, our app overrides your theme’s option field.

Your implementation would need to dynamically modify the swatches that our app loads onto the page through your own Javascript code.

The developer would need to use the browser inspector to find the appropriate CSS selectors.

Can someone give me a hint where to start?

Thank you.

[sahilsharma9515]

Hi @ArminasZ You need to custom code your requirement and first write java script code so that you can calculate discount in percentage and then find the swatches javascript code and after that add custom css code to show the percentage discount over the swatches. Hopefully you got my point.

If you will unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

Best Regards

Sahil

[ArminasZ]

Hi @sahilsharma9515 .

I've got your point, thank you!

I will get back to you if we move forward with this task.