Bug report

Hi,

i renew my license so i can report this..in last update when i choose color this happens
https://screenrec.com/share/1bnd6I5Sk0

Please provide me fix

Hello,

Navigate to Theme Settings -> Product archive -> Products styles and disable the Even product grid option – https://prnt.sc/_OayLnnV9Jix, clear the cache and check how it works.

Kind Regards

[luka.soldo007]

Didn’t help

it moves the empty space in the bottom and image still transform on choosing color
the issue was in transforming image when i chose color (it becomes larger thats why it happening)
that wasn’t happening before and disabled all plugins and tested its not conflict with other plugin
fix should be that image don’t change size when choosing color

here is video after your suggestion
https://screenrec.com/share/9h41VKteHd

• This reply was modified 2 days, 17 hours ago by luka.soldo007.

Hello,

It looks like your images have different dimensions, they should be equal sizes – https://prnt.sc/wtztOnvjKMMX

Also, give me access to the site so I can check the sizes of the images – https://prnt.sc/6h_6VoGOsd2w

Kind Regards

You can now join site i disabled GeoIP blocker

Size of image are same for images in that item (there are few Test products with different size, but thats not related to this issue) the issue is that height of image transform after picking color, it should remain the same height

You can now test it for yourself

Hello,

Send me admin access to the wp panel and confirm the permission for plugins deactivation.

Looking forward to collaborating with you.

Kind Regards

[luka.soldo007]

Okay, i created Administrator account for you

You can disable plugins just don’t disable buddypress plugin because it has to run.. if its disabled it will switch theme and then i’ll have to do backup

Please check and fix the issue

• This reply was modified 1 day, 13 hours ago by luka.soldo007.

Found also one more issue after last theme update

Empty space appears under navbar then after refresh it goes away

https://i.imgur.com/58SfVPM.jpeg (private incognito mod)

After page refresh (F5) its back to normal
https://i.imgur.com/eIzDB96.jpeg

Please fix that also, that wasn’t happening before

so is here any news? the issues are still there

Did you find the way how to resolve it? i tried disabling addons the issue is still there..i can’t fix it on my own, i need help i provided you login informations

[luka.soldo007]

i maybe found way how to fix issue number 1

.wd-product:not(.wd-hover-small) :is(.product-image-link,.hover-img) img {
max-height: 264px;
}
not the best fix but it will probably limit size of max height
i think that may resolve the issue, but don’t know how to fix issue number 2 (which is more important)

• This reply was modified 12 hours, 42 minutes ago by luka.soldo007.

Sorry for multiple messages i just had additional info to say

tried

.wd-product:not(.wd-hover-small) :is(.product-image-link,.hover-img) img {
max-height: 264px;
}

it does limit height but then image inside becames diffent (if i choose different color they then look like they aree not same size as one that is by default) but they should be because those images are same size, so this fix is not good..i hope you will find better way

Hello,

I apologize for the delay.

First of all, we wanted to explain that the functionality of swatches on the product archive is the same as on the single product page, including variation images, because by default, WooCommerce variations are only available on the single product page. While the main product images in the product archive can be cropped using WooCommerce settings, WooCommerce does not have any options for cropping images from the single product page. As a result, when a variation is selected, it displays the image from the single product page, which cannot be cropped to match the aspect ratio of the images in the product archive due to WooCommerce’s lack of this functionality.

This issue can be resolved in two ways:

1. Use the same aspect ratio for images on both the single product page and the archive. In your case, all images should be uploaded with a square aspect ratio of 1:1.

2. Since you are using a simple aspect ratio, alternatively, you can use the following custom CSS code for the product archive, which will not physically crop the image but will make it appear square using CSS.

.wd-product .attachment-woocommerce_thumbnail  {
	aspect-ratio: 1;
	object-fit: cover;
}

Kind Regards

[luka.soldo007]

Okay, thank you very much i really appreciate your help
i think this will help for issue number #1

.wd-product .attachment-woocommerce_thumbnail  {
	aspect-ratio: 1;
	object-fit: cover;
}

but can you help me witht issue number #2 which is much more important, the issue happend after last update
you can test it by opening site in new private window (then after refresh) it goes back to normal
i tried clearing cache (both server side and client side) but still experiencing the same issuee
when i check elementor everything looks fine, i can’t edit CSS for that one cause on first look it look bad but on refresh it goes back to normal, so if i for example add margin-top: -40px it will fix issue on first look but after refresh it will look bad if you understand what i’m trying to say..the issue happed after last theme update

• This reply was modified 12 hours, 1 minute ago by luka.soldo007.

Hello,

2. Could you please clear the browser/server cache and recheck that issue?

Looking forward to collaborating with you!

Kind Regards

[luka.soldo007]

Sure like i said i cleared everything multiple times (both server and client side) all history including cache and everything..then i open site and issue is the same (on first opening the site) it looks like this https://i.imgur.com/58SfVPM.jpeg

then after refresh it looks normal like this https://i.imgur.com/eIzDB96.jpeg

I tested it now again on multiple browsers its same issue (i cleared all cache both server and client side) still same issue

• This reply was modified 11 hours, 58 minutes ago by luka.soldo007.

Hello,

In the settings of your cache plugin disable this https://img001.prntscr.com/file/img001/JwCjwz_ATZiTsLOiXMThDw.png option, then clear the site cache and recheck the issue.

Kind Regards

[luka.soldo007]

Thank you, this does resolve the issue, but disabling Async completely is bad for performance
how to fix it without disabling async completely, can i exlude certain part from CSS Async and what exactly part should be exluded in this case and how?

• This reply was modified 7 hours, 51 minutes ago by luka.soldo007.

[Author]

Posts