How can I achieve image swatch on the Dawn theme?

[SanyamJain]

I'm trying to achieve image swatch on dawn theme using this code but its showing 1st image for all variants and if i use different code its shows different image but it is not clickable 

{% if product.variants[forloop.index0].image != blank and option.name == 'Color' %}
    <label class="color-lable" for="{{ section.id }}-{{ option.position }}-{{ forloop.index0 }}" style="background-image: url( {{ product.variants[forloop.index0].image | img_url: '' }} );"> </label>
    {% else %}
    <label for="{{ section.id }}-{{ option.position }}-{{ forloop.index0 }}">
      {{ value -}}
      <span class="visually-hidden">{{ 'products.product.variant_sold_out_or_unavailable' | t }}</span>
    </label>
    {% endif %}

{% if option.name == 'Color' %}
  {% assign found = false %}
  {% for variant in product.variants %}
    {% for opt in variant.options %}
      {% if opt == value %}
        {% if found == false and variant.featured_image %}
          <label for="{{ section.id }}-{{ option.position }}-{{ forloop.index0 }}" style="background-image: url({{ variant.featured_image | image_url: width: 40 }});"> </label>
          {% assign found = true %}
        {% endif %}
      {% endif %}
    {% endfor %}
  {% endfor %}
{% else %}
  <label for="{{ section.id }}-{{ option.position }}-{{ forloop.index0 }}">
    {{ value -}}
    <span class="visually-hidden">{{ 'products.product.variant_sold_out_or_unavailable' | t }}</span>
  </label>
{% endif %}

[SanyamJain]

2nd code result but image is not clickable 

[zaczee]

Hi,

Can you share your store url

[SanyamJain]

https://h3pdbp5jbwmpbcri-67056402651.shopifypreview.com/products/floral-cotton-notch-collared-dress?...
IF there is no size variant the its working fine and its also clickable but by adding size variation the code is not working properly

[zaczee]

Hi,

Link is not working

[SanyamJain]

i got the solution thanks for your time

[MrPAtul]

you should share the solution with us 

[WC-Brealz]

Yes, understanding your solution would be very helpful to others. 

[MRamzan]

You just need to follow this video step by step.

Without installing any App:

[prithvi1]

Hey @MRamzan this is really helpful. However, I have multiple variant pickers and I would like to have image pickers for all variants.