- This topic has 19 replies, 4 voices, and was last updated 5 years, 5 months ago by
Leo.
-
AuthorPosts
-
November 9, 2020 at 5:55 pm #1524693
Matthieu
Hello, I have a somewhat complex request (well especially for me, I don’t really see how to do it😅)
On an article page, I would like to know if it was possible to reduce the size of the large image and prevent the zoom on mouse over and remove the magnifying glass at the top right of the image.
Thanks 😃
November 9, 2020 at 6:05 pm #1524698Elvin
StaffCustomer SupportHi again, 🙂
This is a WooCommerce question. It may be best to ask them about this.
But to help you address your concern:
Try this guy’s answer:
https://wordpress.org/support/topic/remove-magnifying-glass-icon-on-product-page-wordpress-woocommerce/#post-10291155November 9, 2020 at 6:20 pm #1524711Matthieu
Thank you for your reply !
But when adding the php line I got this error message: Your PHP code changes were rolled back due to an error on line 18 of the wp-content / themes / generatepress_child / functions.php file. Please correct it and try to save again. ☹️
November 9, 2020 at 6:50 pm #1524717Elvin
StaffCustomer SupportOh my bad. I meant this part of his replies:
This is to remove the magnifying glass.
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { display: none; }Here’s another topic about this: https://generatepress.com/forums/topic/remove-zoom-effect-on-woocommerce-product-image/page/2/
Perhaps the answers here can help you.
November 10, 2020 at 5:43 am #1525153Matthieu
Hello thank you for your answers, I was able to deactivate the zoom on hover as well as on click it’s perfect! 😁
Last quick question, know if it is possible to adjust the size of the large item image?
Thanks
November 10, 2020 at 6:00 am #1525177David
StaffCustomer SupportHi there,
couple of things:
1. the size of the image attachment is set in Customizer > Woocommerce > Product Images –> Main Image Width
2. Then in Customizer > Layout > Woocommmerce you can adjust Product Image Area Width
to reduce its visible size.November 10, 2020 at 9:05 am #1525655Matthieu
Hello thank you for your answer,
I was already going to the settings to modify the size of the image except that it only reduces the size of the images on the article page and not the cart page. ☹️
November 11, 2020 at 12:55 am #1526363David
StaffCustomer SupportWhat size image do you have for the Thumbnail Width in Customizer > Woocommerce?
I am only seeing a single large image being displayed for the Shop images, which is what Woo uses in the Cart page.November 11, 2020 at 5:40 am #1526611Matthieu
Ok that’s good, I was able to reduce the of the cart image. On the other hand I do not know if you have seen, there is a white background in the background. Do you know if it is possible to adjust its size ?
Thank you so much
November 11, 2020 at 6:27 am #1526665David
StaffCustomer SupportWhich background ? Could you provide a screenshot of what needs changing ?
November 11, 2020 at 6:55 am #1526915Matthieu
Yes of course, how can I insert a screen shot ?
Thanks
November 11, 2020 at 7:14 am #1526939David
StaffCustomer SupportYou will need to save the screenshot in a cloud share drive or your WP Media Library and share us the URL. Or use on of the may image sharing sites like imgur.
November 11, 2020 at 7:28 am #1526960Matthieu
This is the page where I would like to change the size of the white background.
November 11, 2020 at 12:11 pm #1527343Leo
StaffCustomer SupportCan you provide the direct link to that page?
November 11, 2020 at 12:17 pm #1527348Matthieu
Hello, I can’t directly provide the link, you have to manually add an item to the cart.
To do this, go to: https://www.mmgraphik.com/
then click on one of the “Kaiso” articles and you will be on the correct page.Thanks
-
AuthorPosts
- The topic ‘Minimize woocommerce article image’ is closed to new replies.