search

ampproject / amp-by-example

DEPRECATED: AMP by Example has been merged into amp.dev
http://amp.dev
Apache License 2.0
753 stars 505 forks source link

FR: Add e-commerce example that uses pop-over purchase sheet #803

Open ericlindley-g opened 7 years ago

ericlindley-g commented 7 years ago

Feature request to add an e-commerce pop-over sheet for completing a purchase (customizing) from a product detail page. AliExpress, for instance, uses this pattern, once you click "buy now".

Should be possible with amp-bind, but definitely worth flagging any barriers that need implementation in amphtml

/cc @sebastianbenz @kul3r4

kul3r4 commented 7 years ago

Happy to take a look, which step of the purchase do you mean? "Review your order", "payment" or "done"? The page loads very very slow for me

ericlindley-g commented 7 years ago

(note that we can hold off on this until after I/O :)

If I open the link on mobile (I forgot to mention to use mobile—sorry about that!), I land here:

screen shot 2017-05-11 at 8 15 50 am

When I click "buy now" a sheet pops up from the bottom:

screen shot 2017-05-11 at 8 15 57 am

Which allows you to configure your purchase with additional options, without leaving the page.

The idea is to demo this general interaction of a popover sheet to configure the purchase with details not available on the main product page. I'm not sure what page has "review your order", "payment", or "done" on it — maybe that's on the desktop version?

kul3r4 commented 7 years ago

Yes, that was on desktop. Sounds good, thanks for the snapshots!

@sebastianbenz I could add this to the new Ecommerce and retail page ( #804 )