[Bug 4.7.4] Commerce - Product images missing ALT text / image size issues

[The Old Man]

Hi,

Please can you address some Commerce related HTML/CSS issues:

1) Commerce product carousel images (featured products) are missing alt text which presumably would usually be the product name for SEO:

<li class="ipsGrid_span3 ipsCarousel_item cNexusWidgetProduct cNexusProduct_mini ipsPad_half ipsClearfix ">
<a href="https://example.com/store/product/6-giant-furry-underpants-mucus-green/" class="cNexusProduct_image">
<img src="https://example.com/uploads/monthly_2021_12/6-giant-furry-underpants-mucus-green.webp" data-src="https://example.com/uploads/monthly_2021_12/6-giant-furry-underpants-mucus-green.webp" class="ipsImage" alt="" style="height: auto;" data-loaded="true">
</a>
...

 

2) There is no width attribute leading to a increased CLS penalty (content layout shift).

https://web.dev/optimize-cls/?utm_source=lighthouse&utm_medium=lr#images-without-dimensions

3) The thumbnails are still using the actual full size product images instead of a thumbnail, e.g. 2048x1461 image being displayed at 176x125, which I think has been reported many times.

Many thanks!

[Marc Stridgen]

Thank you for bringing this issue to our attention! I can confirm this should be further reviewed and I have logged an internal bug report for our development team to investigate and address as necessary, in a future maintenance release.

 

[The Old Man]

Thanks Marc, much obliged.

[Marc Stridgen]

This has now been resolved in our latest 4.7.6 release. Please upgrade to that release if you are seeing this issue. If you have the same problem after upgrading, please let us know.