Checkout

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

Example image

ab81d81 checkout

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"
}
]
}
]
}
Clipboard icon
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;
Clipboard icon