Zoom product on mobile & add to card icon

[JulienB]

Hi there,

1 – I have the default zoom function enabled, works great on desktop however no zoom option on mobile. When I turn the screen of my phoen to landscape position it shows a zoom icon on the top left corner, any way to have it display on the regular mobile view?

2 – I have removed the add to cart icon that was on the product images before, it does not show on desktop anymore but still shows on mobile, I think it’s distracting and several users mentioned they clicked on this by mistake and ended up adding to cart when they just wanted to check the product out. Any way to remove the “add to cart” icon on mobile too?

Thanks

[Kyle – SUPPORT]

Hi

1) Add this to your custom css:

#product-img-slider li a.zoom {
  display: block!important;
}

2) Change the CSS to:

.product figure .cart-overlay, .product figure .cart-overlay .shop-actions {
  display: none !important;
}

– Kyle

[JulienB]

Thx worked great!

[Rui Guerreiro – SUPPORT]

great. Thanks Kyle
-Rui