On the single product page, how to click the main product image to zoom it out
-
Hi,
Currently in the default template, users have to click on the icon ”click to enlarge” to zoom out the product image. Most people cannot find the small icon. I want to get rid of the icon and just click on any spot of the image to zoom it out. How to do this?
Attachments:
You must be
logged in to view attached files.
Hello,
Navigate to Theme Settings > Single Product > Gallery > Main image click action > Enable “zoom” option.
Best Regards
Thanks. The default background color is black once the image is zoomed out. It does not look good. How to change to white or transparent? Also how to make the arrows bigger and closer to the image once zoomed out? See attached.
Attachments:
You must be
logged in to view attached files.
Hello,
Can you please share the page URL so I will check and give you a possible solution?
Best Regards
Hi, click on any product on the home page and then click on the main image of that product, you will see the image zoom out with the black background. Link in the private section. do you still need the login?
Hello,
I am unable to visit your site due to maintenance mode. Please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards
Hello,
Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
.pswp__item {
background-color: white;
}
Best Regards
Thank you. how to make the arrows closer to the image too? They are currently too much apart from the image. Being closer will make it easier for users to scroll.
Attachments:
You must be
logged in to view attached files.
Hello,
Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
.pswp__button--arrow--left:before {
left: 300px !important;
}
.pswp__button--arrow--right {
right: 300px !important;
}
Best Regards
.
