Site logo

[Resolved] Minimize woocommerce article image

Home Forums Support [Resolved] Minimize woocommerce article image

Home Forums Support Minimize woocommerce article image

Viewing 15 posts - 1 through 15 (of 20 total)
  • Author
    Posts
  • #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 😃

    #1524698
    Elvin
    Staff
    Customer Support

    Hi 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-10291155

    #1524711
    Matthieu

    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. ☹️

    #1524717
    Elvin
    Staff
    Customer Support

    Oh 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.

    #1525153
    Matthieu

    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

    #1525177
    David
    Staff
    Customer Support

    Hi 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.

    #1525655
    Matthieu

    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. ☹️

    #1526363
    David
    Staff
    Customer Support

    What 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.

    #1526611
    Matthieu

    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

    #1526665
    David
    Staff
    Customer Support

    Which background ? Could you provide a screenshot of what needs changing ?

    #1526915
    Matthieu

    Yes of course, how can I insert a screen shot ?

    Thanks

    #1526939
    David
    Staff
    Customer Support

    You 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.

    #1526960
    Matthieu

    This is the page where I would like to change the size of the white background.

    #1527343
    Leo
    Staff
    Customer Support

    Can you provide the direct link to that page?

    #1527348
    Matthieu

    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

Viewing 15 posts - 1 through 15 (of 20 total)
  • The topic ‘Minimize woocommerce article image’ is closed to new replies.