Disable Woocommerce product gallery slider on desktop only - woocommerce

I'm looking for a solution (plugin or code) that will enable me to keep the woocommerce image gallery slider on mobile but then switch it to a tile format on desktop. Similar to what Nike does with their product pages. See this: https://www.nike.com/t/t-shirt-VTzk35/DX5828-010

Related

woocommerce product gallery flex-control mobile

I have a problem in mobile display for the photo gallery of product pages.
I don't know why from the 2nd line it no longer works properly.
gallery product
Thank you
I find this css :
css
Thank you

How to add an embed code as a last image of woocommerce gallery

we want to integrate AR files into Woocommerce product gallery.
Similar like here: https://www.carltonfurniture.co.uk/holcot-coffee-table-grey-finish/p638
AR (GLB and USDZ files) plugins don't seem to accomplish this, they just add a button to view in AR on mobile device. I want to integrate with woocommerce product gallery so the last image is the AR.
I have the embed code
<model-viewer src=" ...
..... 
But I struggle to find how can I include it to woocommerce gallery as the last gallery image. Maybe there's a plugin to add a code as a gallery item?
Thanks for your help.

Woocommerce 2nd image on hover not working

We have a problem with a new webshop we want to put online. We want to display the 2nd image on a hover on desktop for our store. It works on the default shop page (https://www.festivalapparel.nl/shop/) but not on our homepage (https://www.festivalapparel.nl/). It has been created with the building block from woocommerce: featured item. It looks like it does not load two images per item, so it can't switch it.
In summary: it works on the preset shop page but not on the homepage using their building block, we also want it to help there. Thanks!
Replace your page builder block with this shortcode bellow:
[products limit="10" columns="5" best_selling="true"]
If you want to display best sellers manually you could use featured function with shortcode bellow. To set featured products there is a star icon in your woocommerce admin products list so you could just click on it and product will be featured.
[products limit="10" columns="5" visibility="featured" ]

Images in products are not fully displaying when using WooCommerce?

I'm working on WordPress WooCommerce, the thumbnail image is not fully showing.
site URL:tulipmark.com/product-category/womens/ethenic-wear/saree you can see the problem in the link provided above

Jetpack making the Desktop website weird

I am using Jetpack alongside Woocommerce (basically for the mobile theme). I have noticed that whenever the Jetpack plugin is activated, the look and feel of the desktop website changes.For instance, the products carousel just displays a single product. The menu hover doesn't work. The product images doesn't show at all etc. As soon as I deactivate Jetpack, the website goes back to its normal state. I want to use Jetpack, please help.

Resources