Is it possible to disable the OWL carrousel on responsive (tablet & mobile) ?
When i edit the product template with elementor, the responsive looks nice (with thumbnails) but on front, when i check the website the photos are displayed with a carrousel and i don't know how to disable it :(
Hi,
Is it possible to disable the OWL carrousel on responsive (tablet & mobile) ?
When i edit the product template with elementor, the responsive looks nice (with thumbnails) but on front, when i check the website the photos are displayed with a carrousel and i don't know how to disable it :(
Please help ;)
Thanks
Attached files: IMG_54F6ACDD6C9A-1.jpeg
Capture d’écran 2023-08-27 à 20.19.22.png
Hi,
I tried using custom code to enable thumbnails for mobile devices, but the gallery is not designed to display thumbnails on mobile devices.
You can enable thumbnails on mobile devices using the following code:
@media(max-width:767px){ .product-gallery-thumbs.owl-carousel.owl-loaded { display: block !important; } .product-gallery .owl-dots { display:none !important; } }Attached files: Screenshot_203.png
Screenshot_202.png
Hi ! works great on mobile ;)
A last problem is on normal (desktop version) it looks like there is a little bug as you can see on the screenshot.
It seems that there is 2 thumbnails outside the box, maybe a way to add a carousel for the thumbnail ?
It could be great if it will be possible to chose in the theme option to activate the own carousel or not ;) maybe in a next update ?
Thanks for your help Michael !
Attached files: 2023-08-28_15h51_15.jpg
Fixed.
Please check your site now.
Great! Could you please explain me what you did to fix this problem ?
Thanks
pls. use following css:
.thegem-te-product-gallery, .vc_thegem_te_product_gallery { overflow: hidden; }