Product badge shows on miniauture of gallery

Hello @ishark

Thank you for choosing our plugin.

We apologize for the inconvenience.

Refer to the plugin settings and set the “Badge On Image position on Product page” to the “After product images”. Then add the below css codes to your child theme style.css file or in your theme cusomize page, additional css field.
@media screen and (min-width:768px) { .asnp-esb-badge-hidden { inset:6px auto auto 140px !important } }

Check the below screenshots for more information.
https://ibb.co/bzbG3HB
https://ibb.co/N32fYhr
https://ibb.co/tXCFbJW
https://ibb.co/w7C4XFX

I hope it helps.

Best Regards

Hello! Thanks!

Its not working, it would work normal “Before Image” (after image does the same it moves in to left but still goes under gallery. It seems gallery theme is above the image, can i set z index by css for badge somehow? As you can see on my site if i add CSS for class flickity product-slider
css attribute display none i see badge under it.

https://imgur.com/a/Qprd1nR

SOLVED i added to your code z-index:1

@media screen and (min-width:768px) { .asnp-esb-badge-hidden {
inset:6px auto auto 140px !important;
z-index: 1;
} }

https://matracionline.cz/produkt/memory-flex/

Thanks alot for your help!!!

• This reply was modified 11 months, 1 week ago by ishark.

Hello @ishark,

Great news that it worked for you!

You can also control the z-index from the badge create/edit page.

Please help us spread the word and boost our motivation by leaving a 5-star review for the plugin. Your support is greatly appreciated.

Thank you and best regards.

Hello?@ishark,

Is it possible for you to help us spread the word and boost our motivation by writing a 5-star review for the plugin?

Thanks and Regards