Home Forums WoodMart – Premium Template Blurry pics on carousel

This topic contains 12 replies, has 4 voices, and was last updated by Elise Noromit Elise Noromit 2 weeks, 2 days ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #156016

    Hello,
    I put a caroussel on one of my pages but the images are VERY blurry… Why are they blurry? The actual image size is much bigger. The carousels images should be clear.
    See my site for example: https://www.razyya.com/home-collection/
    What could be causing this? and hoe to fix it?

    Thank you!

    Private Content Hidden
    #156032

    Hello,

    Could you please disable all plugins that are not related to our theme and provide us your admin access so we can check it?

    Thank you in advance

    #157303

    Admin access in Private.
    I suspected Smush might be responsible, or W3, but when I disabled the plugins including those, the problem persisted.
    I reactivated the plugins, when you are ready to take a look, you can deactivate them for your testing.

    Thanks!

    Private Content Hidden
    #157326

    Hello,

    Try to increase the image size in Thumbnail Image. https://prnt.sc/py33q0

    Please find more instructions here: https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/

    Best Regards

    #157363

    those images are much smaller than 600px in that carousel, but I still tried bringing it up to 1000px and it changed absolutely nothing.

    #157382

    Hello,

    Can you test on quite big images, for example, 800px at least? You say you bring it up to 1000? What do you mean: 1000px is initial size or you made 1000 from 600?

    When an image is blurred it means you took too small images.

    Best Regards

    #157390

    tank
    Customer

    1) Disable any cache plugins you may have on the plugins page.

    2) Then try to make the changes to the thumbnails again.

    3) After making changes to the thumbnail sizes, go to:

    Appearance -> Customize -> WooCommerce -> Product Images

    4) And check the sizes of your thumbnails there. Whatever they are, double them. Make sure you check the ratios are correct too (for me, I use 1:1 for square images).

    5) Publish your changes and then clear your browser cache and cookies and then go to your website and see if the images look better.

    Whether or not you have a cache plugin, try clearing your browser’s cookies and cache before trying anything further. It always helps start out fresh.

    The thumbnails settings in the theme settings (under Appearance -> Customize -> WooCommerce -> Product Images) have been helpful to me in many different themes in the past.

    Hope this helps.

    I attached a video showing how to get to those settings too.

    UPDATE: It wouldn’t let me upload it. So here is a link to it:

    https://drive.google.com/file/d/1vHFDSR0BPtSVar93Qb4xhetYzb4nN2sn/view?usp=sharing

    Regards,

    Tank

    #157408

    Hi, I don’t quite get how any of this is relevant.
    The images are my main product images. They are 1000px wide by 1400px high. this is the size if you look in the media library.
    the thumbnails in the shop or product-category pages are great, no issue. If you look at this screenshot (https://imgur.com/dWHkk3q), 4 thumbnails span the whole page so they are less than 500px on mt 1920px-wide screen.
    The issue is on the carousel on my home collection page. (https://imgur.com/DJ3Fl2E)
    https://www.razyya.com/home-collection/
    These images are also 4 in a row but next to another large image, so they are clearly smaller than the shop images (probably 300-350px) yet they are super blurry.
    How will increasing the width of the non-problematic shop images fix this carousel?
    Thanks.

    Private Content Hidden
    #157412

    Also, I copied that layout from one of the page templates that came with the theme. In that one the images are super clear!! the same damn pictures, same products.
    I don’t get it. Here is the link (I it is draft so I think you will need to be logged into my site)
    https://www.razyya.com/wp-admin/post.php?vc_action=vc_inline&post_id=2124&post_type=page

    #157413

    tank
    Customer

    It doesn’t hurt to try if all else has failed.

    When changing the sizes there (where I showed you), it always causes a force regenerate for all of my thumbnails.

    Those images are set in the carousel at 174×178 right now. Are there any places where you have/had used 174×178 image size configurations?

    • This reply was modified 2 weeks, 3 days ago by  tank. Reason: Forgot something
    • This reply was modified 2 weeks, 3 days ago by  tank. Reason: Forgot something
    • This reply was modified 2 weeks, 3 days ago by  tank. Reason: Forgot something
    #157500

    Hello, ahetu16@gmail.com,

    Have you solved the issue?

    Best Regards

    #157681

    Thanks a lot for the explanation Tank, didn’t know it forked like that. I don’t think I used that format anywhere. I just copied that row from one of the sample pages that came with the theme though. I’ll try deleting it and just making it on my own with the blocks, we’ll see if that has any impact. I’ll change the thumbnail pic width again where you showed me to regenerate when done.
    Elise, I will test this tomorrow (EST) and let you know.
    Thanks!

    #157706

    Hello,

    Fine. If you have any questions please feel free to contact us.

    Best Regards

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

You must be logged in to reply to this topic.