Can you change the product image automatically?

Store Design
1

Hi,

Currently, the image will change only if I hover the mouse over the image. However, is it possible to change the image automatically each 1 second from first to second image??

Thank you

1 Like
2

Hello @Eileen12

Yes it is possible by adding some javascript and liquid code to theme so product images will change automatically after 1 second as you mentioned.

3

Hi [email removed]Eileen12

This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for your store based on 6 years of providing solutions for about 100.000 active Shopify merchants.

can you give me your url, and the theme you are using, then I will help you check and give you the solution? thank you

If you want more flexibility to personalize your pages, I’d love to introduce our product PageFly Landing Page Builder with 24/7 support live chat. PageFly has a Free plan where you can use all features and create different page types so I hope to give us a try.

If you find my comment useful, please let me know by giving it a Like. Thank you!

PageFly

4

@Eileen12

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

5

Hi @Eileen12 ,

You can check this guide to add to your themes :

  • Go to Online Store->Theme->Edit code

  • Asset->/theme.scss.liquid->then paste the below code at the bottom of the file:

.grid-view-item__title {
margin-top: 20px;
}
.grid-view-item__vendor, .price__vendor {
display: none;
}

  • Click to save it

I hope this helps.

6

Hi, I do not have "/theme.scss.liquid" I have theme.liquid

7

Hi!

thank you

paw-pparel.com

8

Hi [email removed]Eileen12

This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for your store based on 6 years of providing solutions for about 100.000 active Shopify merchants.

First, you can find: theme → Edit > base.css and search key work “.media.media–hover-effect” after you change it to

PageFly_0-1658379396468.png
PageFly_0-1658379396468.png1482Ă—944 258 KB

After you find : theme → Edit > Search “theme.liquid”.

Then you paste the code before the tag:

If you want more flexibility to personalize your pages, I’d love to introduce our product PageFly Landing Page Builder with 24/7 support live chat. PageFly has a Free plan where you can use all features and create different page types so I hope give us a try.

If you find my comment useful, please let me know by giving it a Like. Thank you!

PageFly

9

thank you!!! it worked !