Autromatically change product images

Store Design
, , ,
2

Hi @Digital_Imran

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Edit code > theme.liquid
  2. Add this code before the close tag https://prnt.sc/LihO9oW3K5Tp

Then add this code before https://prnt.sc/jxdXC3UhhWxf

{% style %}
.product__thumb-item.active {
    border: 2px solid #ff6600;
    opacity: 1;
}
.product__thumb-item img {
    opacity: 0.6;
    transition: opacity 0.3s ease-in-out;
}
.product__thumb-item.active img {
    opacity: 1;
}
{% endstyle %}

I hope this helps

Best,

Daisy