• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 05.10.20, 18:57
  • Opened by: Connectalia
  • Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #19346 - In iPad Pro the AMP module does not redirect the web to the responsive AMP version

Hi. We have a problem with the web. In iPad Pro the AMP module does not redirect the web to the responsive AMP version.

In addition, the desktop version, on wide screens, has problems. The columns only occupy half of the screen (col-lg-4 col-sm-6 col-xs-6), the buttons that appear when hovering the mouse over the products are raised, etc. We attach screenshots.

Web: https://sarabuirashop.com

Thank you.

Attachments:

Captura de Pantalla 2020-10-0... (1.51 MiB)

Comments

Fred 06 Oct 2020, 11:40

Hi, Connectalia.
AMP use native pretashop library to detect mobile devices, seems iPad Pro is not detected as a mobile device by prestashop

Connectalia 06 Oct 2020, 12:28

Well. The problem is that if the AMP version doesn’t fire, the non-AMP version doesn’t fit the screen correctly. We need a solution about this issue.

Fred 06 Oct 2020, 12:42

Ok, I’ll try to find out custom solution for that

Fred 07 Oct 2020, 12:10

we have spent much time and finally found a reason but not a solution, because that is not our fault.
Read details here https://getpolarized.io/2019/12/21/Apple-Lying-About-User-Agent-in-iPad-Pro.html

There is no mention about iPad in the user-agent what means there is no way to detect that is an iPad

Connectalia 07 Oct 2020, 12:42

Ok, this explains why the AMP module does not activate when visiting the web with an iPad Pro.

But I also commented to you that the web (without AMP) does not adapt correctly to the screens. In the screenshot that we sent you, you will see that the columns are not adapted correctly.

The columns only occupy half of the screen (css of the colums container is: “col-lg-4 col-sm-6 col-xs-6”), the buttons that appear when hovering the mouse over the products are raised, etc. We attach screenshots one more time.

Thanks.

Attachments:

Captura de Pantalla 2020-10-0... (1.51 MiB)
Fred 07 Oct 2020, 15:25

Please make sure you have configured Page builder layout for different screens https://monosnap.com/file/Gyh2wB8bzbVQu68jhvo5hQwwg6xREK