Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #20357

    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

    #107341

    Hi Richard,

    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.

    Regards,

    Devin

    #107342

    Hi Devin,

    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?

    #107343

    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

    #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?

    Kind regards,

    R

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

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

    #107347

    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

    #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?

    #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).

    Regards,

    Devin

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Images are blurry in the product slider’ is closed to new replies.