Product page image gallery Mobile version

Is it possible to show the bullets underneath the main image in mobile devices?

.wd-owl :is(.owl-nav.disabled,.owl-dots.disabled) {
display: none;
}

This is the coding I assume.

Hi,

Go to Theme Settings > Single Product > Images and enable “Carousel pagination in main gallery” option.
But, it shows on Desktop as well. In case you want to hide it on Desktop only, add below Custom CSS to Theme Settings > Custom CSS > Custom CSS for desktop

.single-product .woocommerce-product-gallery .owl-dots{
	display: none;
}

Regards

Hi Artem,

Could you check the link I have shared as private content? The desktop Product image gallery looks good, however, we wanted dots for the mobile users.

Hi spnutratea,

Did you follow my instruction in previous replies? https://xtemos.com/forums/topic/product-page-image-gallery-mobile-version/#post-498598

If not, please try again and let me know how it goes.

Provide me temporary wp-admin access to help you in case it still doesn’t work.

Regards,

Yes, I have followed the instruction mentioned above. Later today, I will share the WP admin access.

Admin access attached in the private content.

Hi spnutratea,

Thanks for the details.

You are using WoodMart 7.2.5 version while this option added since 7.3 version.

Make sure you follow our documentation to update theme and WoodMart Core plugin https://xtemos.com/docs-topic/update-the-theme/

I kindly recommend that you take a complete backup of your site before proceeding.

Regards,

Updating Theme Woodmart (1/1)
Downloading update from https://xtemos.com/licenses/api/files/get/woodmart.zip?token=1…
Unpacking the update…
An error occurred while updating Woodmart: The package could not be installed. PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature

Disabling Maintenance mode…

All updates have been completed. I have followed the instructions as per your website. Could you please look into the WP Admin area?

I look forward to hearing from you.

Kind regards,
Satya

Hi spnutratea,

If you face this error when tried to update theme, please read our documentation to fix it.

https://xtemos.com/docs-topic/update-the-theme/

Regards,

Hi There,

I have updated theme and Product gallery still does not show the dots for mobile users.

I look forward to hearing from you.

Kind regards,
Satya

Hi spnutratea,

You have not enabled “Carousel pagination in main gallery” option https://prnt.sc/zW2APUyvACDy

Please double check.

Regards,

Now dots are visible in the desktops. I made it display none for the desktops. If you have other alternatives please let us know.

Hi spnutratea,

Currently, there is no option to hide it on Desktop so you can use Custom CSS.

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

Regards,

Please can we close this topic issue is sorted. Thank you for your help.

Hi spnutratea,

Keep us in mind for future questions and concerns, we’re always here to help!

Regards,

[Author]

Posts