Home › Forums › WoodMart support forum › product thumbnail images blurry on Products grid page
product thumbnail images blurry on Products grid page
- This topic has 28 replies, 3 voices, and was last updated 2 weeks ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
November 11, 2024 at 4:36 am #611150
gzlongjuanfengkjParticipantHello, why are the product images on the Products grid page such as https://timelesstar.com/shop/ blurry, but become clear when the mouse is placed on the product thumbnail? How can I set the product thumbnails on the product category page to be clear from the beginning, without blurring? How can I solve this problem? Our images are 3500*3500 or 1600*1600 square high-pixel images. I also generate product thumbnails according to 1:1, which should not be blurry. Please help me fix the problem of blurry product images
November 11, 2024 at 4:58 am #611151
gzlongjuanfengkjParticipantI set it up in the background, is there any problem? Our site width is 1600px
Attachments:
You must be logged in to view attached files.November 11, 2024 at 5:01 am #611153
gzlongjuanfengkjParticipantThe settings in WooCommerce Product Images are like this, is it ok?
Attachments:
You must be logged in to view attached files.November 11, 2024 at 12:50 pm #611239
Aizaz Imtiaz AwanKeymasterHello,
Basically, the product images are controlled by WooCommerce and the WoodMart theme doesn’t influence this. The size of the thumbnail you set should be larger than the size of the product thumbnail displayed on the shop page. If the thumbnail size is smaller than what the default size expects, it may appear blurry or not display correctly.
You can find the sizes used on the demo here:
https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/and Regenerate thumbnails using the appropriate plugin. https://wordpress.org/plugins/regenerate-thumbnails/
Here is the WooCommerce Manual:
https://woocommerce.com/document/fixing-blurry-product-images/Best Regards
November 12, 2024 at 5:53 am #611470
gzlongjuanfengkjParticipantHello, please give me a targeted solution. Can you provide a solution based on our actual situation? Our Site width is 1600px, and the category page displays 4 columns of products. The original size of our product images is square, and they will be uniformly changed to 850px*850px later. I set the Thumbnail width in WooCommerce Product Images to 400px, and the Thumbnail cropping is 1:1, as shown in the screenshot uploaded. Is there a problem with my settings? I also set the Medium size of Media Settings in settings to 400, as shown in the screenshot. Is the setting correct? After completing all the above settings, why are the product images displayed on the product category page still blurry? What’s the problem? Please give me a specific solution
Attachments:
You must be logged in to view attached files.November 12, 2024 at 12:42 pm #611585
gzlongjuanfengkjParticipantWe decided to make a 1600px*1600px square product image and generate a thumbnail image of 800px. Is that ok? I generated all thumbnails in WooCommerce. Although it is clearer than before, it is still blurry. You can open https://timelesstar.com/shop/ and hover the mouse over the product image. You will eventually see a very clear image. How to remove the Hover image effect so that the products on the category page start with the product image? The final clear effect is definitely related to your theme, not what you said.
Attachments:
You must be logged in to view attached files.November 12, 2024 at 1:42 pm #611608
Aizaz Imtiaz AwanKeymasterHello,
Navigate to Appearance > Customize > WooCommerce > Product Images > Choose the Thumbnail cropping “Uncropped” and check the issue.
Navigate to Theme Settings > Product Archive > Product Styles > Disable the option “Hover image”.
Best Regards
November 13, 2024 at 5:17 am #611744
gzlongjuanfengkjParticipantI followed your instructions, but it didn’t improve the clarity of the product images on the product category page. I found that a large number of customers who used your theme encountered the same error of blurry product images. It seems that this is a problem with your theme, but you have never really solved this problem.
November 13, 2024 at 10:10 am #611798
Aizaz Imtiaz AwanKeymasterHello,
Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards
November 13, 2024 at 1:08 pm #611869
gzlongjuanfengkjParticipantok,admin info
November 13, 2024 at 3:16 pm #611905
Aizaz Imtiaz AwanKeymasterHello,
Now check back your site and check the issue.
Best Regards
November 14, 2024 at 5:42 am #612020
gzlongjuanfengkjParticipantOur current product images will be unified into 1600px*1600px later. I saw that you set some data, but the thumbnails are still blurry after regenerating. Why? You can compare the product images on the product category page with the product images after clicking into the product details. The clarity of the category page is obviously not as good as that in the product details. Our images are all square. In theory, they are compressed in the same proportion as the square, so they should not be blurry.
November 14, 2024 at 11:10 am #612100
Aizaz Imtiaz AwanKeymasterHello,
Could you please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand if is it our theme issue or not?
Best Regards
November 15, 2024 at 4:57 am #612298
gzlongjuanfengkjParticipantI tested it with the above two themes respectively, and the product images on the category pages are not blurry, as shown in the screenshots. It is definitely a problem with your theme. Do you have any technical staff to help solve this problem?
Attachments:
You must be logged in to view attached files.November 15, 2024 at 5:26 am #612301
gzlongjuanfengkjParticipantOur products are all square. Why did you set the data ratio like the screenshot in Media Settings? Is this the reason?
Attachments:
You must be logged in to view attached files.November 15, 2024 at 10:24 am #612330
gzlongjuanfengkjParticipantHello, why did the company logo on the bottom left of our website suddenly disappear? How can we restore it? Our website originally had 5 columns, and the policies column was at the end. Why did it suddenly change? How can we fix it?
Attachments:
You must be logged in to view attached files.November 15, 2024 at 2:16 pm #612426
Aizaz Imtiaz AwanKeymasterHello,
01. I have further investigated the issue on your site. I have added a test product on your site and uploaded images. The images are not blurry. Please check the test product on the shop page.
Please try using images of higher resolution as the images now are displaying the same quality as uploaded. Then clear cache and check back.
02. Navigate to Appearance > Widgets > Add the “Footer 1 column Dark” HTML block in the footer 1 column.
Best Regards
November 16, 2024 at 5:21 am #612577
gzlongjuanfengkjParticipantThe picture you uploaded is rectangular, and the pixel requirement is not high. In fact, your chart band is also blurred. Is it because your theme requires that product pictures must be rectangular, such as clothing, but jewelry pictures are all square, and rectangular pictures are not good-looking. Is it because of this reason? Do pictures on product category pages require square shapes?
November 16, 2024 at 5:45 am #612578
gzlongjuanfengkjParticipantI have another question for you. Why can only one product in Frequently bought together of WordPress choose attribute values, but the other product cannot choose attribute values? How can I modify it so that both of them can choose attribute values? It is unreasonable that they cannot choose attribute values. How can I modify it?
Attachments:
You must be logged in to view attached files.November 16, 2024 at 6:01 am #612580
gzlongjuanfengkjParticipantI have the Frequently bought together theme on my WooCommerce website. I have never installed the Frequently bought together plugin and I don’t know where to set it so that other product attributes can also be selected.
November 18, 2024 at 10:24 am #612818
gzlongjuanfengkjParticipantHello, why is the size of the featured image displayed on the homepage not aligned with other blogs every time I upload a blog? The size of the images we upload is uniformly 1200 * 742 pixels
Attachments:
You must be logged in to view attached files.November 18, 2024 at 4:57 pm #613001
Aizaz Imtiaz AwanKeymasterHello,
Your given login details are not working anymore. Please share the correct login details so I will check the issue and give you the possible solution.
Best Regards
November 20, 2024 at 7:10 am #613613
gzlongjuanfengkjParticipantLogin Information
November 20, 2024 at 7:11 am #613614
gzlongjuanfengkjParticipantPlease help me check how to solve the previous few problems
November 21, 2024 at 11:33 am #614160
Aizaz Imtiaz AwanKeymasterHello,
Now again your given login details are not working for me, please share the correct login details and please do not change the logins until I will check and give you a solution about your issue.
Best Regards.
November 21, 2024 at 12:22 pm #614201
gzlongjuanfengkjParticipantThe new login password is correct
November 21, 2024 at 5:04 pm #614372
Aizaz Imtiaz AwanKeymasterHello,
No the logins are not working for me, if you will share your email, I have sent you the video that the logins are not working for me.
Best Regards.
November 21, 2024 at 6:04 pm #614410
spas459ParticipantMy friend, most of your problems are your faults, not the faults of your woodmart colleagues. If I was a support I wouldn’t answer your every question a lot of things are elementary to fix…
November 22, 2024 at 1:24 pm #614644
Aizaz Imtiaz AwanKeymasterHello @gzlongjuanfengkj,
No the logins are not working for me, if you will share your email, I have sent you the video that the logins are not working for me.
Best Regards.
-
AuthorPosts
Tagged: product images thumbnail blurry
- You must be logged in to create new topics. Login / Register