• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 12.09.22, 15:25
  • Opened by: Rizak
  • Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #23747 - display on mobile for horizontal picture

Hi,

How can I display correctly horizontal image on mobile version of alysum?
Please see atached files.
Thank you

Attachments:

1.JPG (243.2 KiB)
2.JPG (507.8 KiB)

Comments

Fred 12 Sep 2022, 19:41

Hi, Rizak.
It’s a complex question.
First of all I need to mention that Prestashop also generates all images with the same dimensions and doesn’t matter what image you uploading, vertical or horizontal it will always generate images with the same dimensions, like 1000×1300. You can see images configuration in your back office.


The second important part is that every image should have “height” and “width” attribute where should be defined correct values. That’s important for rendering in browser. In your case as I can see images are modified and you displaying not generated image but original one and it has wrong width and height value in it’s attributes.


Now about AMP. AMP is very strict for every detail of page that’s related to rendering. You can have an image with wrong width and height attributes, but just will be rendered wrongly as you currently have.

Rizak 19 Sep 2022, 17:07

Hi Fred,

Ok I understand.

Thank you

Fred 19 Sep 2022, 17:19

You are welcome!