{
    "body": {
        "background-image": "https://www.bluereefaquarium.co.uk/portsmouth/wp-content/uploads/2024/08/iStock-146059113-1024x683.jpg",
        "background-color": "#FF6666",
        "width": "80%",
        "height": "100vh",
        "leftPanelObjects": [
            "logo",
            "merchantName",
            "totalAmount",
            "cartItems"
        ],
        "rightPanelObjects": [
            "billing",
            "paymentMethods",
            "terms",
            "cancelPayment",
            "contactInfo",
            "shipping"
        ],
        "leftPanel": {
            "background-image": "https://upload.wikimedia.org/wikipedia/commons/0/0a/Standing_jaguar.jpg",
            "background-color": "orange",
            "width": "35%",
            "subelement-alignment": {
                "width": "600px",
                "alignment": "left"
            }
        },
        "rightPanel": {
            "background-image": "https://as1.ftcdn.net/jpg/02/78/45/22/1000_F_278452298_4JwsFZijXI3ixwVSoTFK3DKHO1dsnDLi.jpg",
            "background-color": "cyan",
            "width": "65%",
            "subelement-alignment": {
                "width": "600px",
                "alignment": "left"
            }
        }
    },
    "logo": {
        "subTitle": {
            "text": "This is logo subtitle",
            "textStyle": {
                "color": "green",
                "fontSize": "22px",
                "fontStyle": "italic",
                "fontWeight": "normal",
                "fontFamily": "Comic Sans MS"
            }
        },
        "imageParameters": {
            "width": "315px",
            "height": "117px",
            "alt": "Logo",
            "src": "https://docs.oppwa.com/themes/devportal_theme/images/more-than-sportswear/logo.png"
        }
    },
    "merchantName": {
        "name": {
            "color": "blue",
            "fontSize": "16px",
            "fontStyle": "italic",
            "fontWeight": "normal",
            "fontFamily": "comic sans"
        },
        "orderId": {
            "color": "indigo",
            "fontSize": "16px",
            "fontStyle": "italic",
            "fontWeight": "normal",
            "fontFamily": "comic sans"
        }
    },
    "totalAmount": {
        "prefixLabel": {
            "text": "Total",
            "textStyle": {
                "color": "violet",
                "fontSize": "18px",
                "fontStyle": "italic",
                "fontWeight": "normal",
                "fontFamily": "comic sans"
            }
        },
        "amount": {
            "color": "red",
            "fontSize": "14px",
            "fontStyle": "italic",
            "fontWeight": "normal",
            "fontFamily": "comic sans"
        },
        "subTitle": {
            "text": "This is a subtitle",
            "textStyle": {
                "color": "orange",
                "fontSize": "14px",
                "fontStyle": "italic",
                "fontWeight": "normal",
                "fontFamily": "comic sans"
            }
        }
    },
    "cartItems": {
        "color": "yellow",
        "fontSize": "12px",
        "fontStyle": "italic",
        "fontWeight": "normal",
        "fontFamily": "comic sans"
    },
    "paymentMethods": {
        "title": {
            "text": "How do you want to pay?",
            "textStyle": {
                "color": "green",
                "fontSize": "12px",
                "fontStyle": "italic",
                "fontWeight": "normal",
                "fontFamily": "comic sans"
            }
        },
        "subTitle": {
            "text": "Select you preferred payment method",
            "textStyle": {
                "color": "blue",
                "fontSize": "12px",
                "fontStyle": "italic",
                "fontWeight": "normal",
                "fontFamily": "comic sans"
            }
        },
        "paymentMethodList": [
            {
                "key": "card",
                "type": "label",
                "paymentMethodTitle": {
                    "text": "Pay with DC/CC",
                    "textStyle": {
                        "color": "indigo",
                        "fontSize": "12px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                },
                "width": "350px",
                "height": "150px",
                "alt": "Logo"
            },
            {
                "key": "PAYPAL_CONTINUE",
                "type": "label",
                "paymentMethodTitle": {
                    "text": "Pay with Paypal Continue",
                    "textStyle": {
                        "color": "indigo",
                        "fontSize": "12px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                },
                "width": "350px",
                "height": "150px",
                "alt": "Logo"
            },
            {
                "key": "PAYPAL",
                "type": "label",
                "paymentMethodTitle": {
                    "text": "Pay with Paypal",
                    "textStyle": {
                        "color": "orange",
                        "fontSize": "12px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                },
                "width": "350px",
                "height": "150px",
                "alt": "Logo"
            },
            {
                "key": "ACI_PAYAFTER",
                "type": "label",
                "paymentMethodTitle": {
                    "text": "Pay with ACI Payafter",
                    "textStyle": {
                        "color": "green",
                        "fontSize": "12px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                },
                "width": "350px",
                "height": "150px",
                "alt": "Logo"
            }
        ]
    },
    "payButton": {
        "color": "violet",
        "backgroundColor": "red",
        "borderColor": "orange",
        "text": {
            "color": "yellow",
            "fontSize": "12px",
            "fontStyle": "italic",
            "fontWeight": "normal",
            "fontFamily": "comic sans"
        }
    },
    "terms": {
        "color": "green",
        "fontSize": "12px",
        "fontStyle": "italic",
        "fontWeight": "normal",
        "fontFamily": "comic sans"
    },
    "cancelButton": {
        "cancelResultUrl": "https://docs.oppwa.com",
        "type": "link/button",
        "buttonBackgroundColor": "red",
        "linkAlignment": "right",
        "wording": {
            "text": "Cancel payment",
            "textStyle": {
                "color": "green",
                "fontSize": "12px",
                "fontStyle": "italic",
                "fontWeight": "normal",
                "fontFamily": "comic sans"
            }
        }
    },
    "contactInfo": {
        "title": {
            "text": "Contact information",
            "textStyle": {
                "color": "red",
                "fontSize": "18px",
                "fontStyle": "italic",
                "fontWeight": "normal",
                "fontFamily": "comic sans"
            }
        },
        "subTitle": {
            "text": "Contact information subtitle",
            "textStyle": {
                "color": "orange",
                "fontSize": "16px",
                "fontStyle": "italic",
                "fontWeight": "normal",
                "fontFamily": "comic sans"
            }
        },
        "email": {
            "label": {
                "text": "Email Tmpl:",
                "textStyle": {
                    "color": "yellow",
                    "fontSize": "14px",
                    "fontStyle": "italic",
                    "fontWeight": "normal",
                    "fontFamily": "comic sans"
                }
            },
            "input": {
                "text": "john.doe@aci.com",
                "textStyle": {
                    "color": "green",
                    "fontSize": "14px",
                    "fontStyle": "italic",
                    "fontWeight": "normal",
                    "fontFamily": "comic sans"
                }
            }
        },
        "phone": {
            "label": {
                "text": "Phone Tmpl:",
                "textStyle": {
                    "color": "blue",
                    "fontSize": "14px",
                    "fontStyle": "italic",
                    "fontWeight": "normal",
                    "fontFamily": "comic sans"
                }
            },
            "input": {
                "text": "+123456789",
                "textStyle": {
                    "color": "indigo",
                    "fontSize": "14px",
                    "fontStyle": "italic",
                    "fontWeight": "normal",
                    "fontFamily": "comic sans"
                }
            }
        }
    },
    "shipping": {
        "oneLineFormatting": {
            "label": {
                "text": "Ship To tmpl: ",
                "textStyle": {
                    "color": "violet",
                    "fontSize": "16px",
                    "fontStyle": "italic",
                    "fontWeight": "normal",
                    "fontFamily": "comic sans"
                }
            },
            "input": {
                "color": "red",
                "fontSize": "16px",
                "fontStyle": "italic",
                "fontWeight": "normal",
                "fontFamily": "comic sans"
            }
        },
        "order": [
            "houseNumber1",
            "street1",
            "postcode",
            "city",
            "country"
        ],
        "title": {
            "text": "Shipping title tmpl",
            "textStyle": {
                "color": "blue",
                "fontSize": "16px",
                "fontStyle": "italic",
                "fontWeight": "normal",
                "fontFamily": "comic sans"
            }
        },
        "subTitle": {
            "text": "Shipping subtitle tmpl",
            "textStyle": {
                "color": "indigo",
                "fontSize": "16px",
                "fontStyle": "italic",
                "fontWeight": "normal",
                "fontFamily": "comic sans"
            }
        },
        "address": {
            "street1": {
                "label": {
                    "text": "Street L tmpl",
                    "textStyle": {
                        "color": "violet",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                },
                "input": {
                    "text": "Street V tmpl",
                    "textStyle": {
                        "color": "red",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                }
            },
            "houseNumber1": {
                "label": {
                    "text": "House Number L tmpl",
                    "textStyle": {
                        "color": "orange",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                },
                "input": {
                    "text": "House Number V tmpl",
                    "textStyle": {
                        "color": "yellow",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                }
            },
            "postcode": {
                "label": {
                    "text": "Postal Code L tmpl",
                    "textStyle": {
                        "color": "green",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                },
                "input": {
                    "text": "Postal Code V tmpl",
                    "textStyle": {
                        "color": "blue",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                }
            },
            "city": {
                "label": {
                    "text": "City L tmpl",
                    "textStyle": {
                        "color": "indigo",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                },
                "input": {
                    "text": "City V tmpl",
                    "textStyle": {
                        "color": "violet",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                }
            },
            "country": {
                "label": {
                    "text": "Country L tmpl",
                    "textStyle": {
                        "color": "red",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                },
                "input": {
                    "text": "Country V tmpl",
                    "textStyle": {
                        "color": "orange",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                }
            }
        }
    },
    "billing": {
        "oneLineFormatting": {
            "label": {
                "text": "Billing Address tmpl: ",
                "textStyle": {
                    "color": "violet",
                    "fontSize": "16px",
                    "fontStyle": "italic",
                    "fontWeight": "normal",
                    "fontFamily": "comic sans"
                }
            },
            "input": {
                "color": "red",
                "fontSize": "16px",
                "fontStyle": "italic",
                "fontWeight": "normal",
                "fontFamily": "comic sans"
            }
        },
        "order": [
            "street1",
            "street2",
            "houseNumber1",
            "postcode",
            "city",
            "country"
        ],
        "title": {
            "text": "Billing Title tmpl",
            "textStyle": {
                "color": "red",
                "fontSize": "16px",
                "fontStyle": "italic",
                "fontWeight": "normal",
                "fontFamily": "comic sans"
            }
        },
        "subTitle": {
            "text": "Billing Subtitle tmpl",
            "textStyle": {
                "color": "orange",
                "fontSize": "16px",
                "fontStyle": "italic",
                "fontWeight": "normal",
                "fontFamily": "comic sans"
            }
        },
        "address": {
            "street1": {
                "label": {
                    "text": "Street1 L tmpl",
                    "textStyle": {
                        "color": "yellow",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                },
                "input": {
                    "text": "Street1 V tmpl",
                    "textStyle": {
                        "color": "green",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                }
            },
            "street2": {
                "label": {
                    "text": "Street2 L tmpl",
                    "textStyle": {
                        "color": "green",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                },
                "input": {
                    "text": "Street2 V tmpl",
                    "textStyle": {
                        "color": "yellow",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                }
            },
            "houseNumber1": {
                "label": {
                    "text": "House Number L tmpl",
                    "textStyle": {
                        "color": "blue",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                },
                "input": {
                    "text": "House Number V tmpl",
                    "textStyle": {
                        "color": "indigo",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                }
            },
            "houseNumber2": {
                "label": {
                    "text": "House Number L tmpl",
                    "textStyle": {
                        "color": "indigo",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                },
                "input": {
                    "text": "House Number V tmpl",
                    "textStyle": {
                        "color": "blue",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                }
            },
            "postcode": {
                "label": {
                    "text": "Postal Code L tmpl",
                    "textStyle": {
                        "color": "violet",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                },
                "input": {
                    "text": "Postal Code V tmpl",
                    "textStyle": {
                        "color": "red",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                }
            },
            "city": {
                "label": {
                    "text": "City L tmpl",
                    "textStyle": {
                        "color": "orange",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                },
                "input": {
                    "text": "City V tmpl",
                    "textStyle": {
                        "color": "yellow",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                }
            },
            "country": {
                "label": {
                    "text": "Country L tmpl",
                    "textStyle": {
                        "color": "green",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                },
                "input": {
                    "text": "GB",
                    "textStyle": {
                        "color": "blue",
                        "fontSize": "16px",
                        "fontStyle": "italic",
                        "fontWeight": "normal",
                        "fontFamily": "comic sans"
                    }
                }
            }
        }
    },
    "mainContentError": {
        "background-image": "https://",
        "background-color": "#FFFFFF",
        "errorImage": {
            "width": "350px",
            "height": "150px",
            "alt": "Logo",
            "src": "https://..."
        },
        "errorMessage": {
            "color": "#000000",
            "fontSize": "12px",
            "fontStyle": "italic",
            "fontWeight": "normal",
            "fontFamily": "comic sans"
        }
    }
}