Okay
  Public Ticket #2327053
product image gallery resolution problem
Closed

Comments

  • Camila Gimeno started the conversation

    Im having an image resolution problem in the image gallery of the single product pages.
    Once on the single product page, the main image is show is shown in a lower resolution, pixelated. If you hover it, it shows the better quality. But it looks ugly on the preview.

    Thumbnails in the shop page are fine, same for the thumbnails on the related products section... all good.

    Is just the main image that looks very bad.

    Im not interest on the "zoom" option, I would rather have the image shown in a fixed size, but on the right resolution.


  •  675
    Neuron replied

    Hi Camila,

    I am very sorry for the late reply, I hope for understanding in these times, I hope you and your family are safe.

    We add a snippet that changes that resolution to medium, you can add the following PHP snippet in functions.php of the child theme, it will change their resolution to full.

    add_filter('woocommerce_gallery_thumbnail_size', 'custom_woocommerce_gallery_thumbnail_size');
    function custom_woocommerce_gallery_thumbnail_size() {     return 'full';
    }

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Camila Gimeno replied

    Hello ! Thanks for this reply, no problem for the delai, its all more than good.

    ... I tried what you suggested, but  :

    1- it did not changed anything on the main photo of the gallery, its still blury,
    2 - and worst,  it changed few of the appearence setting i had already worked on. 

    So i went back to the parent theme.
    Anything I can do from there?.
    Hope you can help me/guide me on what to do.

    Stay home, stay safe !
    Camila

  •  675
    Neuron replied

    Hi Camilia,

    Thank you, I wish you the best on your health.

    Can you please provide me with your wp-admin, make sure to tick private on the reply.

    We'll have a brief look to see what's going on.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •   Camila Gimeno replied privately
  •  675
    Neuron replied

    Hi Camila,

    I am sorry for the late reply.

    I have installed the plugin PHP snippets, so it will allow us to add snippets without changing to child theme.

    I've added the snippet and now the product images are on full size in product page.

    https://prnt.sc/rjoffx

    - https://prnt.sc/rjog2f

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •   Camila Gimeno replied privately
  •  675
    Neuron replied

    Hi Camila,

    Can you please enter the following Custom CSS in Appearance > Customize > Additional CSS.

    .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
        opacity: 1 !important;
    }

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •   Camila Gimeno replied privately
  •  675
    Neuron replied

    Hi Camila,

    I am sorry for the late reply, I hope for an understanding in these times. Stay safe.

    Please check the following article, it explains how you can disable completely the zoom effect.

    - https://wporb.com/disable-zoom-effect-and-lightbox-on-featured-image-for-woocommerce-products/

    Let me know if you need further help.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •   Camila Gimeno replied privately
  •  675
    Neuron replied

    Hi Camila,

    Can you please provide me with your wp-admin, I will have a quick look in the PHP.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •   Camila Gimeno replied privately
  •  675
    Neuron replied

    Hi Camila,

    I am very sorry for the late reply.

    It seems like you did a great job with the website, kudos for thatsmile.png

    I've forgot about one thing, that's the image regeneration.

    Old: https://prnt.sc/ruuxr0

    New: https://prnt.sc/ruuy1o

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •   Camila Gimeno replied privately
  •  675
    Neuron replied

    Hi Camila,

    I am truly sorry for the late reply.

    Please add the following style in Appearance > Customize > Additional CSS.

    .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
        width: 100% !important;
    }

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •   Camila Gimeno replied privately
  •  675
    Neuron replied

    Hi Camila,

    I am very sorry for the late reply, we did not work on the weekend.

    Please check it again, some CSS that I've previously sent seems to broke the layout.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.