• Resolved helen2022

    (@helen2022)


    I’ve just started to build a woocommerce store on my site using the Neve theme. The main product image is crisp but the product gallery thumbnails on my product page are blurred. I’ve seen that blurry images was a problem for a lot of people a couple of years ago but this is a new installation and everything I read says it should have been fixed, yet I still have the problem. Is there a setting I need to change?

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter helen2022

    (@helen2022)

    So I’m still going round in circles with this. The product gallery thumbnail is using a 100px image but rendering it at 158px. Why? There doesn’t seem to be anywhere to change the settings for these images so this seems to be a pretty fundamental incompatibility between Neve and Woocommerce. I really don’t want to have to change theme but maybe that is my only option?

    Thread Starter helen2022

    (@helen2022)

    Ok, have fixed this so I’ll post here for anyone else having the same problem. I ended up creating a child theme and adding the following:

    add_filter( 'woocommerce_get_image_size_gallery_thumbnail', function( $size ) {
        return array(
            'width' => 200,
            'height' => 200,
            'crop' => 0,
            );
        }
    );

    I lifted the solution from the Astra support forum so it seems to be a pretty common problem. My thumbnails are now crystal clear ?? I’m glad I haven’t had to change theme and I’ve learned how to create a child theme which is useful!

    Thread Starter helen2022

    (@helen2022)

    Marking this as resolved

    Mat

    (@mateithemeisle)

    Hello @helen2022 ,

    Thank you for using Neve and please accept our apologies for the delayed reply!

    We are glad to see that you managed to fix the issue at hand and that you also posted the solution here for others to see.

    Although your solution is working and works correctly, I also want to post here the solution we offer specifically for Neve in case other users need it.

    function neve_change_product_thumbnail_size() {
    
    	$woocommerce_settings = array(
    		'single_image_width'            => 600,
    		'thumbnail_image_width'         => 300,
    		'gallery_thumbnail_image_width' => 160,
    		'product_grid'                  => array(
    			'default_columns' => 3,
    			'default_rows'    => 4,
    			'min_columns'     => 1,
    			'max_columns'     => 6,
    			'min_rows'        => 1,
    		),
    	);
    
    	return $woocommerce_settings;
    }
    add_filter( 'neves_woocommerce_args', 'neve_change_product_thumbnail_size' );

    The above code can be placed in a site-specific plugin so you don’t need to use a child theme. Here is our guide on how to build a site-specific plugin.

    Thank you and have an amazing day!

    Thread Starter helen2022

    (@helen2022)

    Brilliant, thank you for your response – really useful for me as I do manage another site which uses Neve and haven’t created a child theme for that yet.

    Thread Starter helen2022

    (@helen2022)

    Just wanted to add here that the code you provided does not fix the specific problem I had sadly, I do still need the add_filter code

    • This reply was modified 2 years, 4 months ago by helen2022.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Woocommerce product gallery thumbnails blurred Neve theme’ is closed to new replies.