{"id":445,"date":"2026-07-17T14:38:36","date_gmt":"2026-07-17T14:38:36","guid":{"rendered":"https:\/\/kanzaman.yumly.uk\/?page_id=445"},"modified":"2026-07-17T15:16:10","modified_gmt":"2026-07-17T15:16:10","slug":"self-checkout","status":"publish","type":"page","link":"https:\/\/kanzaman.yumly.uk\/?page_id=445","title":{"rendered":"self checkout"},"content":{"rendered":"        <div class=\"opsc-wrap\" data-cols=\"3\">\n                        <div class=\"opsc-topbar\">\n                <strong class=\"opsc-title\">Self checkout<\/strong>\n                <input type=\"search\" id=\"opsc-search\" class=\"opsc-search\" placeholder=\"Search products\u2026\" autocomplete=\"off\">\n                <button type=\"button\" class=\"opsc-cart-btn\" id=\"opsc-open-cart\">\n                    <span class=\"opsc-cart-ico\">\ud83d\uded2<\/span>\n                    <span class=\"opsc-cart-count\" id=\"opsc-count\">0<\/span>\n                    <span class=\"opsc-cart-total\" id=\"opsc-topbar-total\"><\/span>\n                <\/button>\n            <\/div>\n\n                        <div class=\"opsc-cats\" id=\"opsc-cats\">\n                <button type=\"button\" class=\"opsc-cat active\" data-cat=\"\">All<\/button>\n                                    <button type=\"button\" class=\"opsc-cat\" data-cat=\"burgers\">Burgers<\/button>\n                                    <button type=\"button\" class=\"opsc-cat\" data-cat=\"desserts\">Desserts<\/button>\n                                    <button type=\"button\" class=\"opsc-cat\" data-cat=\"drinks\">Drinks<\/button>\n                                    <button type=\"button\" class=\"opsc-cat\" data-cat=\"kids-menu\">Kids Menu<\/button>\n                                    <button type=\"button\" class=\"opsc-cat\" data-cat=\"mains\">Mains<\/button>\n                                    <button type=\"button\" class=\"opsc-cat\" data-cat=\"manakeesh\">Manakeesh<\/button>\n                                    <button type=\"button\" class=\"opsc-cat\" data-cat=\"meal-deals\">Meal Deals<\/button>\n                                    <button type=\"button\" class=\"opsc-cat\" data-cat=\"sides\">Sides<\/button>\n                                    <button type=\"button\" class=\"opsc-cat\" data-cat=\"starters\">Starters<\/button>\n                                    <button type=\"button\" class=\"opsc-cat\" data-cat=\"wraps\">Wraps<\/button>\n                            <\/div>\n            \n            <div class=\"opsc-grid\" id=\"opsc-grid\"><!-- products load via AJAX --><\/div>\n            <div class=\"opsc-status\" id=\"opsc-status\"><\/div>\n            <div id=\"opsc-sentinel\" aria-hidden=\"true\"><\/div>\n\n            <!-- Cart dialog -->\n            <div class=\"opsc-overlay\" id=\"opsc-cart-dialog\" aria-hidden=\"true\">\n                <div class=\"opsc-modal\">\n                    <div class=\"opsc-modal-head\">\n                        <span>Your order<\/span>\n                        <button type=\"button\" class=\"opsc-x\" data-close>&times;<\/button>\n                    <\/div>\n                    <div class=\"opsc-modal-body\">\n                        <div id=\"opsc-cart-items\"><\/div>\n                        <div class=\"opsc-cart-total-row\">\n                            <span>Total<\/span>\n                            <strong id=\"opsc-cart-total\">\u2014<\/strong>\n                        <\/div>\n                    <\/div>\n                    <div class=\"opsc-modal-foot\">\n                        <button type=\"button\" class=\"opsc-btn ghost\" data-close>Keep shopping<\/button>\n                        <button type=\"button\" class=\"opsc-btn primary\" id=\"opsc-goto-checkout\">Checkout<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Checkout dialog -->\n            <div class=\"opsc-overlay\" id=\"opsc-checkout-dialog\" aria-hidden=\"true\">\n                <div class=\"opsc-modal\">\n                    <div class=\"opsc-modal-head\">\n                        <span>Checkout<\/span>\n                        <button type=\"button\" class=\"opsc-x\" data-close>&times;<\/button>\n                    <\/div>\n                    <div class=\"opsc-modal-body\">\n                        <p class=\"opsc-msg\" id=\"opsc-checkout-msg\"><\/p>\n                        <label class=\"opsc-field\"><span>Name *<\/span>\n                            <input type=\"text\" id=\"opsc-name\" autocomplete=\"name\"><\/label>\n                        <label class=\"opsc-field\"><span>Email *<\/span>\n                            <input type=\"email\" id=\"opsc-email\" autocomplete=\"email\"><\/label>\n                        <label class=\"opsc-field\"><span>Phone<\/span>\n                            <input type=\"text\" id=\"opsc-phone\" autocomplete=\"tel\"><\/label>\n\n                                                <div class=\"opsc-field opsc-service\">\n                            <span>Service<\/span>\n                            <div class=\"opsc-seg\">\n                                <label><input type=\"radio\" name=\"opsc_service\" value=\"dine_in\" checked><span>\ud83c\udf7d\ufe0f Dine in<\/span><\/label>\n                                <label><input type=\"radio\" name=\"opsc_service\" value=\"take_away\"><span>\ud83e\udd61 Take away<\/span><\/label>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"opsc-pay\">\n                            <div class=\"opsc-pay-label\">Payment method<\/div>\n                                                            <label class=\"opsc-pay-opt\" data-type=\"offline\" data-code=\"bacs\">\n                                    <input type=\"radio\" name=\"opsc_pay\" value=\"bacs\" data-type=\"offline\"  checked='checked'>\n                                    <span class=\"opsc-pay-title\">Direct bank transfer<\/span>\n                                                                            <span class=\"opsc-pay-desc\"><p>Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order will not be shipped until the funds have cleared in our account.<\/p>\n<\/span>\n                                                                                                            <span class=\"opsc-pay-fields\" id=\"opsc-pay-fields-bacs\">\n                                                                            <\/span>\n                                <\/label>\n                                                            <label class=\"opsc-pay-opt\" data-type=\"offline\" data-code=\"cheque\">\n                                    <input type=\"radio\" name=\"opsc_pay\" value=\"cheque\" data-type=\"offline\" >\n                                    <span class=\"opsc-pay-title\">Check payments<\/span>\n                                                                            <span class=\"opsc-pay-desc\"><p>Please send a check to Store Name, Store Street, Store Town, Store State \/ County, Store Postcode.<\/p>\n<\/span>\n                                                                                                            <span class=\"opsc-pay-fields\" id=\"opsc-pay-fields-cheque\">\n                                                                            <\/span>\n                                <\/label>\n                                                            <label class=\"opsc-pay-opt\" data-type=\"offline\" data-code=\"cod\">\n                                    <input type=\"radio\" name=\"opsc_pay\" value=\"cod\" data-type=\"offline\" >\n                                    <span class=\"opsc-pay-title\">Cash on delivery<\/span>\n                                                                            <span class=\"opsc-pay-desc\"><p>Pay with cash upon delivery.<\/p>\n<\/span>\n                                                                                                            <span class=\"opsc-pay-fields\" id=\"opsc-pay-fields-cod\">\n                                                                            <\/span>\n                                <\/label>\n                                                    <\/div>\n                    <\/div>\n                    <div class=\"opsc-modal-foot\">\n                        <button type=\"button\" class=\"opsc-btn ghost\" data-close>Cancel<\/button>\n                        <button type=\"button\" class=\"opsc-btn primary opsc-hidden\" id=\"opsc-retry-pay\">Retry payment<\/button>\n                        <button type=\"button\" class=\"opsc-btn primary\" id=\"opsc-place-order\">Place order<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Options (variation) dialog -->\n            <div class=\"opsc-overlay\" id=\"opsc-options-dialog\" aria-hidden=\"true\">\n                <div class=\"opsc-modal opsc-modal-sm\">\n                    <div class=\"opsc-modal-head\">\n                        <span id=\"opsc-opt-title\">Choose options<\/span>\n                        <button type=\"button\" class=\"opsc-x\" data-close>&times;<\/button>\n                    <\/div>\n                    <div class=\"opsc-modal-body\">\n                        <p class=\"opsc-msg\" id=\"opsc-opt-msg\"><\/p>\n                        <div id=\"opsc-opt-variants\"><\/div>\n                        <div id=\"opsc-opt-addons\"><\/div>\n                        <div class=\"opsc-opt-price\" id=\"opsc-opt-price\"><\/div>\n                    <\/div>\n                    <div class=\"opsc-modal-foot\">\n                        <button type=\"button\" class=\"opsc-btn ghost\" data-close>Cancel<\/button>\n                        <button type=\"button\" class=\"opsc-btn primary\" id=\"opsc-opt-add\" disabled>Add to cart<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Success dialog -->\n            <div class=\"opsc-overlay\" id=\"opsc-done-dialog\" aria-hidden=\"true\">\n                <div class=\"opsc-modal opsc-modal-sm\">\n                    <div class=\"opsc-modal-body opsc-done\">\n                        <div class=\"opsc-check\">\u2713<\/div>\n                        <h3 id=\"opsc-done-title\"><\/h3>\n                        <p id=\"opsc-done-text\"><\/p>\n                    <\/div>\n                    <div class=\"opsc-modal-foot center\">\n                        <button type=\"button\" class=\"opsc-btn primary\" data-close>Done<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-445","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kanzaman.yumly.uk\/index.php?rest_route=\/wp\/v2\/pages\/445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kanzaman.yumly.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kanzaman.yumly.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kanzaman.yumly.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kanzaman.yumly.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=445"}],"version-history":[{"count":2,"href":"https:\/\/kanzaman.yumly.uk\/index.php?rest_route=\/wp\/v2\/pages\/445\/revisions"}],"predecessor-version":[{"id":448,"href":"https:\/\/kanzaman.yumly.uk\/index.php?rest_route=\/wp\/v2\/pages\/445\/revisions\/448"}],"wp:attachment":[{"href":"https:\/\/kanzaman.yumly.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}