Checkout

The Checkout component can be used on a dynamic checkout page.

Example image

Code samples

{
  "tasticType": "commercetools/ui/checkout",
  "name": "commercetools UI checkout",
  "icon": "add_shopping_cart",
  "category": "Checkout",
  "schema": [
    {
      "name": "Content",
      "fields": [
        {
          "label": "Login link",
          "field": "loginLink",
          "type": "reference",
          "required": true
        },
        {
          "label": "Terms & conditions link",
          "field": "termsLink",
          "type": "reference"
        },
        {
          "label": "Cancellation policy link",
          "field": "cancellationLink",
          "type": "reference"
        },
        {
          "label": "Privacy policy link",
          "field": "privacyLink",
          "type": "reference"
        }
      ]
    }
  ]
}

import React from 'react';
import AdyenCheckout from 'components/commercetools-ui/adyen-checkout';

const CheckoutTastic = ({ data }) => {
  return (
    <AdyenCheckout
      termsLink={data.termsLink}
      cancellationLink={data.cancellationLink}
      privacyLink={data.privacyLink}
    />
  );
};

export default CheckoutTastic;