• Priority: High
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 30.07.20, 17:08
  • Opened by: Maria Giardina

Ticket #18738 - Checkout module with amp

Hi,

I have a problem on displaying a custom checkout module page with AMP.
Clicking “Checkout” button from desktop browsers I correctly display the custom module checkout page.
When I click “Checkout” from mobile browser I got redirected to

https://dev.erboristeria.com/module/pk_amp/checkout

which display the standard alysum checkout page.
How can I correct this behavior?

Thanks

Comments

Fred 31 Jul 2020, 11:31

Hi, Maria Giardina.
Any third party module is not compatible with AMP by default. To make it work with AMP we have to extend AMP module what requires some time.
You can find an option to load "desktop" version of checkout page in AMP Settins, maybe that is a solution for you

Maria Giardina 31 Jul 2020, 12:05

Thank you Fred,

now it's clear the problem. I have just tested the desktop version of the checkout as you seggested.
The only section is not fine using this solution is the navbar of the desktop version. Do you know if it's possible to hook the AMP navbar in the desktop version of the checkout?
Otherwise, which is the correct way to extend the AMP module using the custom checkout module?

Fred 02 Aug 2020, 11:29

1. navbar of the desktop version - please take a screenshot, because I don't clearly understand what part of page you a talking about.
2. what custom checkout module do you want to use?

Maria Giardina 02 Aug 2020, 17:04

1. As suggested, I enabled the option to load "desktop" version of the checkout page in AMP settings and the checkout page is now correct.
The problem is that now the navbar is different during the cart-checkout process. To clarify:

- I attached the screenshot of the page /module/pk_amp/cart (pk_amp_cart_mobile_version.png) which shows the AMP version of the navbar (white).
- I attached the screenshot of the page /module/steasycheckout/default (steasycheckout_desktop_version.png) which shows the "desktop" version of the navbar (green).

2. The checkout module I am using is Easy checkout, which is not compatible with AMP: https://www.sunnytoo.com/product/easycheckout-one-page-checkout-module-prestashop-1-7

I rephrase the questions:
- it is possible to hook the AMP navbar just in the checkout page?
- otherwise, can you suggest a way to extend the AMP module in order to take advantage the Easycheckout module?

Hope this clarify the problem.
Thanks for the support

Fred 03 Aug 2020, 11:55

1. There is no way to hook AMP Header to desktop. It's only possible to try to do that with CSS

2. I need access to your server through FTP to check is it possible to implement your checkout module to AMP. Right now I can connect but I don't see any files there, seems permissions issue.

Maria Giardina 03 Aug 2020, 12:18

Ok, now I re-granted the FTP access. The target shop is https://test.erboristeria.com

Fred 06 Aug 2020, 18:06

it seems too hard to make your checkout module compatible with AMP. Ad for header as I can see you have pretty similar headers in AMP and "not AMP" mobile pages