Autromatically change product images

Store Design
, , ,
1

Hello everyone :slightly_smiling_face:

I’m working on a Shopify store and am stuck on an issue. Can anyone please help?

I want the product image to automatically change like a slider on the product page. Is there any solution for this? If you can provide the code, I would highly appreciate it.

Store URL: Foodease.ai

Password: 1234

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

3

Hello @DaisyVo Thank you for replying. However, this solution is not working. Could you please check again and try to help? I would highly appreciate your assistance.

4

Hi @Digital_Imran

Can you take a picture of where you added the code?