Images are blurry in the product slider

10 posts from 4 voices

• Started 4 months ago by Rajkurt
• Latest reply from Devin
• This topic is not a support question

Tags:

No tags yet.

1. 

   Rajkurt
   Member

   Hello,

   I ahve done all the neccessary steps to make my images sharp on the site http://www.icelandicherbs.se/. But when It comes to the product slider on the start page they are blurry. I guess its because abundance is using the 145 x 192 px (which is correct for the productcatalog in woocommerce) in the slider which has a size of 160 x 212 px.

   Is it possible to change the size somwhere so that the slider uses the correct dimensions of 160 x 212 px instead of 145 x 192?
   I know that i can ad new sizes in the functions.php, but where do i tell the slider to use those dimension instead of 145 x 192?

   Kind regards,
   Richard

   Posted 4 months ago #
2. 

   Devin
   Moderator

   Hi Richard,

   Use this plugin to identify which thumbnail is set to 145x192. I don't see that in the default thumb sizes in either functions.php or the config.php in the woocommerce config folder: http://wordpress.org/extend/plugins/simple-image-sizes/

   Then change that image size and regenerate the thumbnails.

   Regards,

   Devin

   Posted 4 months ago #
3. 

   Rajkurt
   Member

   Hi Devin,

   I have downloaded that plugin and the shop catalog is using the 145x192 pixel dimension. But I dont see why the prouct slider do so aswell. According to the plugin it should use 210x100. Is there something wrong in the code somewhere? So the wrong image sixe for the slide_thumbs size is loaded?

   Posted 4 months ago #
4. 

   Nick
   Moderator

   Hi,

   What size is the image that you are uploading? Are all the images the same size that you are uploading ? The images you are uploading need to be bigger then the preset size and they need to be proportional to the preset size (aspect ratio), otherwise Wordpress will either crop the images or stretch them.

   Thanks,

   Nick

   Posted 3 months ago #
5. 

   Rajkurt
   Member

   The original size of all the product images has the dimensions of 604 x 800 and then wordpress makes all of theese versions of the original image: https://www.dropbox.com/s/n01ksk8ydzy05n5/bildih.png

   And it seems that the 210x100 size is available. But why isnt abundance using it and instead the 145x192?

   Kind regards,
   R

   Posted 3 months ago #
6. 

   Dude
   Dude

   Yes, Kriesi uses the default product loop/catalog template for the shop slider and the default template uses the "shop_catalog" thumbnail size. Please go to WooCommerce > Settings > Catalog and change the thumbnail size on this option page.

   Posted 3 months ago #
7. 

   Rajkurt
   Member

   Ok, do I need to regenerate the thumbnails or something? Because changing the product catalog images didnt do diddly... And in the code for the slider it still retrives the 145x192 px files.

   Posted 3 months ago #
8. 

   Devin
   Moderator

   Hey Rajkurt,

   Yes, after making any change to an image thumbnail size the images have to be regenerated to take the new setting.

   Regards,

   Devin

   Posted 3 months ago #
9. 

   Rajkurt
   Member

   Okay, so now I have generated the the thumbnails and the product slider images is not blurry anymore. Great!
   BUT, now all the other product images in the product catalog gets blurry instead because WP downsizes the images from 160x212 to 145x192. Seriously, there must be a better way to do this?

   Posted 3 months ago #
10. 

    Devin
    Moderator

    Downsizing the images should make them blurry. This is the only way I know of to work with images unless you are creating specific single use image sizes for each implementation.

    Looking at your site now, the catalog pages seem to look fine. The slider on the home page however is still using the images that are too small for the displayed size. eg - 145x192 while the slider container for each image pushes them up to be a minimum height for 212 so they are displayed at 160x212 (based on settings for how many should be displayed at once).

    Regards,

    Devin

    Posted 3 months ago #

RSS feed for this topic

Reply

You must log in to post.