Add variants pictures to variant selectors

[divadminlocal]

Hi,

I'm using Sense 10.0

I'm trying to do something very simple: I have a product with 3 variables: wallet / wallet+x / wallet +y

In the variant selector i want to put also the picture and the price instead of just the name of the variant.

Like this ( i've made it with html ) but is not connected to the picture of the variants:

I'm trying to access to the variants object but i can access just to the selected variant, but not to all of them.

Here is where is written the code that shows the name of the 3 variables:

<label for="{{ section.id }}-{{ option.position }}-{{ forloop.index0 }}">
<span>{{ value -}}</span><span class="visually-hidden">{{ 'products.product.variant_sold_out_or_unavailable' | t }}</span>
</label>

I've tried to put here also the image but seems impossible.

Can you help me?

[zaczee]

Hi,

Can you share your store url

[divadminlocal]

Now is protected by a password, is not published. But is the standard Sense theme anyway, version 10.0. In the pictures i've shown the button for the selection of the variant that are red but i've just added some css, nothing special.