[ECOMMERCE-344] SF COMMERCE. Images are squashed in ecommerce templates Created: 03/Dec/20  Updated: 31/Mar/21  Resolved: 30/Mar/21

Status: Closed
Project: E-commerce
Component/s: None
Affects Version/s: None
Fix Version/s: 1.2.4

Type: Bug Priority: Major
Reporter: Christopher Zimmermann Assignee: Antonín Juran
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: 0d
Time Spent: 2d 1h
Original Estimate: Not Specified

Attachments: PNG File Screenshot 2021-03-02 at 10.33.09.png     PNG File ecomm-squashed-image.png    
Template:
Acceptance criteria:
Empty
Task DoD:
[X]* Doc/release notes changes? Comment present?
[X]* Downstream builds green?
[X]* Solution information and context easily available?
[X]* Tests
[X]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[X]* Steps to reproduce, expected, and actual results filled
[X]* Affected version filled
Epic Link: Commerce fixes and improvements 1.2.4 - 1.2.5
Sprint: Add-Ons 60
Story Points: 5

 Description   

Context

The default templates will be used in demos and in evaluations. They need to look good, otherwise they reduce confidence in our product.

Steps to reproduce

  1.  Add a "Product detail" component to a page.
  2.  Pick a product like "Mens/Suits/Charcol suit"

Logs, screenshots, gifs...

Expected results

The images look good - they have their proper/native aspect ratios.

 

Actual results

The image looks bad - it is squashed in different ways depending on the browser width.

 

Workaround

None known.

Development notes

Probably needs some tweaks to the CSS.

For example remove the fixed height property.

I put in the steps for one of the components, but please ensure that all of the components render product images properly.

Check that this is fixed for all connectors

 


Generated at Mon Feb 12 01:43:09 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.