- Priority: 0
- Status: Closed
- Theme: Alysum
-
Assigned To:
Fred
- Private: No
- Open Date: 30.07.20, 17:08
- Opened by: Maria Giardina
- Closed by: Anonymous Submitter
- Closed on:
- Reason: Not a bug
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
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
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?
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?
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
Attachments:
pk_amp_cart_mobile_version.png(340.9 KiB)steasycheckout_desktop_versio...(291.7 KiB)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.
Ok, now I re-granted the FTP access. The target shop is https://test.erboristeria.com
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