Converting to Colossus: Significant Google Search Console Warnings Have Increased

[afiumano]

So adding this that I found from the Shadows thread to a products 'main_image' sets the width correctly:

width="&mvte:product_display_imagemachine:image_width;" height="&mvte:product_display_imagemachine:image_height;"

But the height sometimes varies. Is there a way to pull the image height from the generated image instead of using the image machine setting?

[Matt Zimmermann]

Not directly as only the maximum desired widths and heights are stored in the database. You could try modifying the tag to use inline CSS using a combination of min/max measurements and then maybe a bit of JavaScript to remove those styles once the image is loaded.

[afiumano]

In playing with this more and researching more I found that having the width & height use the imagemachine dimensions is okay - it helps to set the aspect ratio. I think the problem now is needing to set a min-heights on the surrounding div. The problem is the product images are not all the same height. In a perfect world that would be the case. Any ideas how to accommodate for that?

[Matt Zimmermann]

You might doing a combination of min/max height where the maximum is whatever your image machine settings are and the minimum is the average height of your generated images.

[lesliekirk]

To pile on to this a "bit" more, I have a site that is using the Base ReadyTheme (Bootstrap 3) and it is getting far, far, far better results and seems to be easier to make Google's Core Web Vitals happy. Also I have discovered that Live Chat needs some serious improvements...but that's story for another day.