Shop product image

Hello,
I want to ask you if it’s possible to display the arrows from the image (attached is a link to a photo) on the shop page. Both on desktop and mobile. I want to add from single product page, the carousels with images to the shop pages.
We want to display more images of the product on the shop page, both on desktop and mobile.
Please let me know,
Thank you!

Hello,

Unfortunately, there is no option to show the gallery on the product grid. The only option is to show the first image from the gallery on hover as you can see on our demo.

If you have any questions please feel free to contact us.

Best Regards

Hello,

Thank you! I understand.

How can we show on hover on mobile ?

Thanks!

Hello,

You need to add at least one image to the product gallery and enable the option “Hover image ” in the Theme Settings > Product Archives > Product style.

If you have any questions please feel free to contact us.

Best Regards

Hey there, we know that but on mobile on the first click will go to product. You can’t see the 2nd image as you would on desktop. We are trying to show customers as much info as possible. So any solution to show 2nd photo on mobile. Maybe Artemos can give a solution. Thanks in advance.

Hello,

Please disable “Open product on click on mobile ” in the Theme Settings > Product Archives > Product Styles.

If you have any questions please feel free to contact us.

Best Regards

You don’t understand.
We want on mobile devices that the gallery on the product to be somehow swipeable. Similar to desktop on mouse hover.
Atm, you can see the 2nd image on the mobile right? If you click the product it will take it to the product page.
We want somehow to display 2nd image on mobile. Regarding the Open product on click on mobile this activates only on a design pattern (which is not what we use) we use the quick template product and that setting is not available. Can we make it to be compatible with another product style so the flow will be like this:
1st click on mobile will change the photo, 2nd click will go to product.

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings.

.product-grid-item .hover-img {
    display: block!important;
}

Regards.

Hello,

Thank you very much Artem Temos for your support.
90% it’s exactly what we want. I really appreciate it!

Thank you!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts