Tagged: tabs
-
AuthorPosts
-
September 16, 2020 at 11:58 am #1246289
Hi
The woocommerce product images in “TABS” (in advanced layout builder) are very blurry, I am not sure that what I did wrong so all images are blurry.
If I click on the product and click back again sometime it solved the problem.Please kindly see below link to the sample page that has problem
https://reedthai.com/พวงหรีดดอกไม้สด/#tab-id-2-activeHere is a screenshot:
https://drive.google.com/file/d/1l7FzqeuH-owDl73YHpBda7JvWJySwy7X/view?usp=sharingBest Regards
Methee S.September 18, 2020 at 8:10 pm #1246930I noticed that it happens with Chrome but firefox is ok,
Anyone can help meSeptember 20, 2020 at 11:07 am #1247083Hi pingbara,
https://share.getcloudapp.com/o0u859Al They seem to look ok on my end in Chrome in a Mac.
Could you please clear the cache, check again and get back to us.
Best regards,
VictoriaSeptember 20, 2020 at 6:38 pm #1247179Hi Victoria
I have tried clear the cache both onmy website and browser, the result is the same. I have also deactivate all the plugins but still the problem there.
I have attach 2 more screenshots as below:1st screenshot: Example of blurry product image
https://drive.google.com/file/d/1dIeDftbwu9piiT9DkM4FuXmEIrZBBTpq/view?usp=sharing2nd screenshot: After clicked the product to see the single product page and clicked back to the page that has problem, immediately the image not blurry and looks very clear.
https://drive.google.com/file/d/1cl6BuZygp2TU128z-tz1VsE9IR1Ah6p9/view?usp=sharingHere is the link to the sample page that has problem
https://reedthai.com/พวงหรีดดอกไม้สด/September 20, 2020 at 6:49 pm #1247180More information
I am currently using child theme
Not sure whether this is the cause of problemHere is the screenshot of what inside my child theme folder
https://drive.google.com/file/d/10431HxoMoA14ZykgtHi–HXkTN6hIP5g/view?usp=sharingSeptember 21, 2020 at 1:38 pm #1247330Hi pingbara,
Please have a look at the following article:
If you need further assistance please let us know.
Best regards,
VictoriaSeptember 22, 2020 at 6:06 am #1247521I have read through your suggested article but I don’t think that it is related to my problem. I don’t think that the problem happened because i use the wrong file format (i use jpg), and i don’t think the problem happenned because i have not compressed the images with plugin. I have many websites running with woocommerce and all of them are fine (not enfold theme). Even your theme, other wocommerce product page the product images also looks sharp and clear. The problem only in the PRODUCT IMAGE TAB.
I think u still not understand my problem may be because my explanation is poor.
The problem is very strange the image is blurry and when i click on the product image and click back then the image looks sharp and clear immediately.
- This reply was modified 4 years, 2 months ago by pingbara.
September 24, 2020 at 8:48 am #1248079Hi,
Thank you for the inquiry.
By default, the product slider uses the Portfolio thumbnail which has a maximum size of 450x450px, so the actual resized dimension of the images in tab is only 381x381px. To increase the size, we could either edit the thumbnail size manually by editing the functions.php file or install the following plugin and edit the size in the Settings > Media panel.
// https://wordpress.org/plugins/simple-image-sizes/
After adjusting the size of the Portfolio thumbnail, please don’t forget to regenerate the images.
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.