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
.
