Display images Swatches On product Page In Ride Theme

[Arslan_Mughal]

Hey i am Ride theme Version 13

need to help images swatches not working property here is code Snippets=> product-variant-option.liquid

{% if product.variants[forloop.index0].image != blank and option.name == 'Color' %}
<label
for="{{ section.id }}-{{ option.position }}-{{ forloop.index0 }}"
style="background-image: url({{ product.variants[forloop.index0].image | img_url: '' }});height:40px;width:40px;background-size: cover;"
></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 %}

and here is website url

https://activeformapparel.com/products/viral-tiktok-luxury-leggings?pr_prod_strat=e5_desc&pr_rec_id=...

[gr_trading]

Hi @Arslan_Mughal ,

You can create the linkable section code to get this feature. Please refer to the below video for implementation logic.