Skip to main content

Checkout

Submitted by v-shyam.mahanta on
Component machine name
CO-1114-Checkout
Form
Personal Details
Shipping Address
Billing Address
Shipping Type
Payment Method
What type of payment method do you want?
Component type
Form with shell
Shell sections
{
    "sections": [
        {
            "sectionKey": "section_page_title",
            "sectionTitle": "Page Title",
            "fields": [
                {
                    "fieldKey": "field_page_title",
                    "fieldLabel": "Checkout | Kawasaki",
                    "type": "field"
                }
            ],
            "sections": []
        },
        {
            "sectionKey": "section_back_button",
            "sectionTitle": "Back Button",
            "fields": [
                {
                    "fieldKey": "field_back_button",
                    "fieldLabel": "BACK",
                    "type": "link",
                    "linkText": "BACK",
                    "url": "\/cart"
                }
            ],
            "sections": []
        },
        {
            "sectionKey": "section_progress_bar",
            "sectionTitle": "Progress bar",
            "fields": [
                {
                    "fieldKey": "field_cart_items",
                    "fieldLabel": "Cart Items",
                    "type": "field"
                },
                {
                    "fieldKey": "field_order_form",
                    "fieldLabel": "Order Form",
                    "type": "field"
                },
                {
                    "fieldKey": "field_order_summary",
                    "fieldLabel": "Order Success",
                    "type": "field"
                }
            ],
            "sections": []
        },
        {
            "sectionKey": "section_page_data",
            "sectionTitle": "Page Data",
            "fields": [
                {
                    "fieldKey": "field_form_heading",
                    "fieldLabel": "ORDER FORM",
                    "type": "field"
                },
                {
                    "fieldKey": "field_loading_payment_methods",
                    "fieldLabel": "Loading payment methods...",
                    "type": "field"
                },
                {
                    "fieldKey": "field_setting_shipping_address",
                    "fieldLabel": "Setting shipping address...",
                    "type": "field"
                },
                {
                    "fieldKey": "field_loading_shipping_methods",
                    "fieldLabel": "Loading shipping methods...",
                    "type": "field"
                }
            ],
            "sections": []
        },
        {
            "sectionKey": "section_cart_summary",
            "sectionTitle": "Cart Summary",
            "fields": [
                {
                    "fieldKey": "field_cart_summary",
                    "fieldLabel": "CART SUMMARY",
                    "type": "field"
                },
                {
                    "fieldKey": "field_payment_summary",
                    "fieldLabel": "Payment Summary",
                    "type": "field"
                },
                {
                    "fieldKey": "field_items",
                    "fieldLabel": "ITEMS",
                    "type": "field"
                },
                {
                    "fieldKey": "field_prices",
                    "fieldLabel": "PRICES",
                    "type": "field"
                },
                {
                    "fieldKey": "field_subtotal_items",
                    "fieldLabel": "Subtotal Items",
                    "type": "field"
                },
                {
                    "fieldKey": "field_shipping_charges",
                    "fieldLabel": "Shipping Charges",
                    "type": "field"
                },
                {
                    "fieldKey": "field_discount",
                    "fieldLabel": "Discount",
                    "type": "field"
                },
                {
                    "fieldKey": "field_coupon_applied",
                    "fieldLabel": "Coupon Applied",
                    "type": "field"
                },
                {
                    "fieldKey": "field_total",
                    "fieldLabel": "Total",
                    "type": "field"
                }
            ],
            "sections": []
        },
        {
            "sectionKey": "section_coupon_applied",
            "sectionTitle": "Coupon Applied",
            "fields": [
                {
                    "fieldKey": "field_coupon_applied",
                    "fieldLabel": "Coupon Applied",
                    "type": "field"
                },
                {
                    "fieldKey": "field_remove_button",
                    "fieldLabel": "REMOVE",
                    "type": "field"
                }
            ],
            "sections": []
        },
        {
            "sectionKey": "section_checkout_button",
            "sectionTitle": "Checkout Button",
            "fields": [
                {
                    "fieldKey": "field_checkout_button",
                    "fieldLabel": "checkout button",
                    "type": "link",
                    "linkText": "CHECKOUT",
                    "url": "#"
                }
            ],
            "sections": []
        }
    ]
}