how display the owl carousel (product image) on mobile

hello

I would like to hide the product image thumbnail and display the owl carousel dots on mobile only. please help

Thank you

Hello,

Thank you very much for choosing our theme and for contacting us.
Please add this code to the Theme Settings > Custom CSS > Mobile:

.woocommerce-product-gallery .thumbnails.thumbnails-ready {
display:none;
}

Best Regards

Thanks for the quick reply. I now want to display the OWL DOT CAROUSEL to replace product-gallery.

ALSO I wish I could make the image slightly bigger in mobile.

Thank you

Hello,

The file has changed in the recent update:

woodmart/js/scripts/global/helpers.js
Please try to replace
dots : false,
for
dots : true,

Best Regards

curvyone.com/public_html/wp-content/themes/woodmart/js/scripts/global/helpers.js

hello I have changed the line 151(see picture) but still not showing in mobile product image.

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

Please check the cache and check again.

Best Regards

hello i have checked the cache multiple time. and still i cant see the dots. please take a look. thank you

please I have pasted the password in the private section. thank you

Hello,

Please disable Include minified JS in the Theme Settings > Performance > JS and it will work: https://prnt.sc/12x8kq3 and https://prnt.sc/12x8llo

Best Regards

hello after the update the THE OWL CAROUSEL has disappeared again. can you please. thanks

Hello,

You need to go through the whole process we provided in the instruction.

The file has changed in the recent update:

woodmart/js/scripts/global/helpers.js
Please try to replace
dots : false,
for
dots : true,

Please disable Include minified JS in the Theme Settings > Performance > JS and it will work: https://prnt.sc/12x8kq3 and https://prnt.sc/12x8llo

Best Regards

[Author]

Posts