Home › Forums › WoodMart – Premium Template › Blurry pics on carousel
- You must be logged in to create new topics. Login / Register
Tagged: blurry, Cache, carousel, Thumbnails, WoodMart
This topic contains 12 replies, has 4 voices, and was last updated by Elise Noromit 2 weeks, 2 days ago.
-
AuthorPosts
-
November 9, 2019 at 11:28 pm #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 HiddenNovember 10, 2019 at 7:44 am #156032Hello,
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
November 17, 2019 at 3:20 am #157303Admin 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 HiddenNovember 17, 2019 at 11:29 am #157326Hello,
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
November 17, 2019 at 4:26 pm #157363those images are much smaller than 600px in that carousel, but I still tried bringing it up to 1000px and it changed absolutely nothing.
November 17, 2019 at 6:20 pm #157382Hello,
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
November 17, 2019 at 7:31 pm #1573901) 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
November 17, 2019 at 11:04 pm #157408Hi, 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 HiddenNovember 18, 2019 at 2:10 am #157412Also, 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=pageNovember 18, 2019 at 2:13 am #157413It 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?
November 18, 2019 at 9:55 am #157500November 19, 2019 at 6:19 am #157681Thanks 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!November 19, 2019 at 8:15 am #157706Hello,
Fine. If you have any questions please feel free to contact us.
Best Regards
-
AuthorPosts
You must be logged in to reply to this topic.
- You must be logged in to create new topics. Login / Register