February 14, 2013 at 9:23 am #20357
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?
RichardFebruary 14, 2013 at 3:14 pm #107341
Use this plugin to identify which thumbnail is set to 145×192. 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.
DevinFebruary 19, 2013 at 9:39 am #107342
I have downloaded that plugin and the shop catalog is using the 145×192 pixel dimension. But I dont see why the prouct slider do so aswell. According to the plugin it should use 210×100. Is there something wrong in the code somewhere? So the wrong image sixe for the slide_thumbs size is loaded?February 19, 2013 at 7:24 pm #107343
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.
NickFebruary 20, 2013 at 4:00 pm #107344
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 210×100 size is available. But why isnt abundance using it and instead the 145×192?
RFebruary 21, 2013 at 6:49 am #107345
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.February 21, 2013 at 9:12 am #107346
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 145×192 px files.February 21, 2013 at 4:27 pm #107347
Yes, after making any change to an image thumbnail size the images have to be regenerated to take the new setting.
DevinFebruary 22, 2013 at 7:43 am #107348
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 160×212 to 145×192. Seriously, there must be a better way to do this?February 22, 2013 at 2:51 pm #107349
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 – 145×192 while the slider container for each image pushes them up to be a minimum height for 212 so they are displayed at 160×212 (based on settings for how many should be displayed at once).
The topic ‘Images are blurry in the product slider’ is closed to new replies.