SHOWING PRODUCT LABELS ON PRODUCT IMAGES

Hi,

we desperately need your help. Some last steps before we can finally launch our shop!
We made custom product labels (preview images for attributes), but we have problems, because they won’t appear as they should.

The custom labels/swatches/preview images (i don’t know the right term, call it from now on LABELS or watches) are for the following attributes:

1.) attribute ‘Herstellung’ – ‘Bio’ (label/swatch/preview image is uploaded in media overview and called ‘Bio.svg‘)

2.) attribute ‘Ernährungsstil’ – ‘Vegan’ (label is uploaded in media overview and called ‘Vegan.svg‘)

3.) attribute ‘Mindestbestellmenge’ (quantity) (label needs to be displayed in the bottom right corner.)

4.) actually no concrete label/attribute swatch, rather this should be displayed for products that are ‘not availabe’ (here called: ‘ausverkauft’). The label/swatch/preview image is uploaded in media overview and called ‘Ausverkauft.svg‘.

Right here you can see templates as their final appearance in product grid and on single product pages should be (please consider compatibility for desktop and mobile device).

-> Template product grid: https://ibb.co/9T24gny
-> Template single product page: https://ibb.co/zNtq3j8

Here’s a screenshot of the desktop screen so that you can see it actually works, but needs some to be customized in placement: https://ibb.co/Q6xfL6z

Important side note:
-> The order of the labels/attribut swatches ‘Ausverkauft’ – ‘Vegan’ – ‘Bio’ should always be the same as you can see on the templates.
For clarification: The label/swatch for attribut ‘Ausverkauft’ is not visible, because the product is available, then – if it’s a Vegan product – the ‘Vegan’ label/attribut swatch will be displayed on the top left corner. If it’s whether not ‘Ausverkauft’ (not available) nor ‘Vegan’ then the ‘Bio’ label/attribut swatch has to be on the top left corner.

I hope you got me 😀

I provide you access to our Homepage in private section.

Thank you very much!
You guys do such a great job, can’t verbalize how much i appreciate your great work!!

Best regards,
Lu