Skip to content

Ability to purchase with Apple|Google|PayPal #618

@cathryngriffiths

Description

@cathryngriffiths

Description

We need to add the ability to purchase product(s) with Apple Pay.
In Shopify storefronts with Liquid, there are two use cases for the Apple Pay button:

  • On the product page
    • When clicked, it opens the Apple Pay flow for purchasing just the product from the product page
  • On the cart page
    • When clicked, it open the Apple Pay flow for purchasing the entire cart

Requirements

  • The button should only be visible when the merchant has Apple Pay enabled and the buyer is using a supported device for Apple Pay
  • When clicked, the Apple Pay checkout flow should be initiated
    • On the product page: for purchasing just that product
    • On the cart page: for purchasing the entire cart
  • The button should be rendered by the DynamicCheckoutButton component when appropriate

Notes

  • The DynamicCheckoutButton component has a really rough first pass on displaying the ApplePay button (see code here. We'll likely want to extract this code into its own component ApplePayButton and iterate on it from there.

Metadata

Metadata

Assignees

No one assigned

    Labels

    @shopify/hydrogen-reactBlockedProgress on this issue is blocked by something outside of our controlStorefront APIIssues related to https://shopify.dev/docs/api/storefrontinactive

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions