Home › Forums › WoodMart support forum › Zoom on the product page
Zoom on the product page
- This topic has 12 replies, 3 voices, and was last updated 1 month, 2 weeks ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
February 13, 2023 at 5:05 pm #442585
andrzejParticipantIs it possible to change the magnification (in settings or in code)?
What is now is too big for me, because the photos are not super quality and I need a little less magnification.February 14, 2023 at 10:43 am #442770
Aizaz Imtiaz AwanKeymasterHi,
You can select the “Zoom” functionality for the “Main image click action” option from theme settings >> Product Page >> Images.
Screenshot for clarification: https://ibb.co/RHtG0nG
Best Regards
February 14, 2023 at 12:26 pm #442854
andrzejParticipantI know that there you can turn it on or off in settings- this is very easy, but I was asking about something else.
Once again
Is it possible to change the magnification (in settings or in code)? Change I mean bigger or lower magnification
What is now is too big for me, because the photos are not super quality and I need a little less magnification.And I ask where is is possible, in code , or i setting, how can I do it ?
February 14, 2023 at 4:08 pm #442957
Aizaz Imtiaz AwanKeymasterHi,
WooCommerce Allows some settings that you can find under Appearance >> Customize >> WooCommerce >> Product Images.
You can also read our detailed documentation for further help:
https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/Best Regards.
February 14, 2023 at 4:26 pm #442968
andrzejParticipantNo, no, no, i try again to explain my problem
Suppose I have a 1000×1000 pixel photo in the gallery. On product page I see a smaller- this is norma; situation
If I turn on the magnification (zoom) in the theme settings, then after hovering over the photo on the product page, the photo enlarges 1: 1, so if the original photo has 1000×1000 pixels, the magnification also shows this size. So i see a big foto and this is too big.
How to reduce the magnification, for example to 600×600 pixels or 800×800 or 700×700 etc. . That is, after hovering over the photo product, the enlarged photo would be smaller, and not like the original, so 1000×1000 pixels
Simply, how can you smoothly adjust the magnification to make it bigger or smaller?
February 15, 2023 at 10:23 am #443156
Aizaz Imtiaz AwanKeymasterHello,
Although unfortunately there isn’t a direct option available to adjust the Product Image zoom effect but you can try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:
.single-product .zoomImg { transform: scale(1.8) !important; }
In this CSS, you can change the value of scale according to your choice. We have added 1.8 as an example.
Best Regards
May 27, 2025 at 1:12 pm #663530
Censio.dkParticipantI tried this, but it did not work.
I added the code in Dashboard >> Theme Settings >> Custom CSS >> Global CSS section.
This is on: https://baerebyg.dk.linux215.curanetserver.dk/product/bordplade-med-vask-og-hane-61×280-cm/
May 27, 2025 at 1:14 pm #663532
Censio.dkParticipantI tried this, but it did not work.
I added the code in Global CSS section.
This is on: https://baerebyg.dk.linux215.curanetserver.dk/product/bordplade-med-vask-og-hane-61×280-cm/
May 27, 2025 at 3:11 pm #663585
Aizaz Imtiaz AwanKeymasterHello,
Sorry to hear about the inconvenience. Kindly, 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,
May 27, 2025 at 3:16 pm #663588
Censio.dkParticipantHere is the login
May 27, 2025 at 4:23 pm #663609
Aizaz Imtiaz AwanKeymasterHello,
I’ve tested it, and the solution is working fine.
Please try changing the magnification value in to suit your preference and check the result on your site.
Best Regards,
June 2, 2025 at 4:49 pm #664749
Censio.dkParticipantHi Woodmart,
The webshop is now live but the setting is stil not working.
I recorded a 2.5 min video to show what I mean 🙂
https://www.loom.com/share/072a032de0f64fbabe33382180fdec15?sid=39d2bba0-100a-4138-a1ab-7886afe63891June 3, 2025 at 9:22 am #664934
Aizaz Imtiaz AwanKeymasterHello,
Unfortunately, there is no built-in option in the Woodmart Theme Settings to adjust the image zoom magnification level. This would require custom code modifications, which are beyond the scope of our standard support policy.
To ensure the best image quality and avoid excessive zoom distortion, we recommend:
Uploading product images at 800×800 pixels (WooCommerce standard size).This ensures optimal clarity without pixelation.
Here is the Guide: https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/
Best Regards,
-
AuthorPosts
- You must be logged in to create new topics. Login / Register