My products are very tall and narrow.
So my thumbnails are exactly the same as my base product image, except rotated 90degrees, to fit better in cart, search results etc.
I would have hoped that I could configure that in view.xml, so only 1 image is uploaded per product and then a rotated version is created in image cache.
<image id="recently_viewed_products_list_content_widget" type="image">
<width>320</width>
<height>200</height>
<angle>90</angle>
<transparency>true</transparency>
</image>
<image id="product_thumbnail_image" type="image">
<width>96</width>
<height>96</height>
<angle>90</angle>
<background>[255,255,255]</background>
</image>
But it seems while that “angle” existed at some point and is still in the image transformations it was deprecated and does not work (everything dies) when put in view.xml 🙁
So at the moment I upload an upright and a sideways image. The same one just rotated. And since there’s many size variants, each one is mulitple times with endless _1_1_1
That’s a waste of space and bandwidth and time!
I HATE THIS!
What are my options?
- css, but that’s a LOT of different places to customise?
- extending view.xml to put angle back in?
- cloudflare images or similar?