{"id":297,"date":"2026-06-25T03:18:43","date_gmt":"2026-06-25T03:18:43","guid":{"rendered":"https:\/\/www.rkzero.com\/?page_id=297"},"modified":"2026-07-03T13:47:28","modified_gmt":"2026-07-03T13:47:28","slug":"fill-box","status":"publish","type":"page","link":"https:\/\/www.rkzero.com\/ar\/fill-box\/","title":{"rendered":"Fill-Box"},"content":{"rendered":"<!-- BOXORA \u2014 FILL IT (HTML only). JS loaded by the Boxora plugin (v1.2+).\n     Paste into a Custom HTML block. -->\n<div class=\"bxf\">\n\n  <!-- steps (pinned top) -->\n  <div class=\"bxf-steps\">\n    <div class=\"bxf-steps__list\">\n      <span class=\"bxf-step active\">1 Fill it<\/span>\n      <span class=\"bxf-step\">2 Customize<\/span>\n      <span class=\"bxf-step\">3 Review<\/span>\n    <\/div>\n    <button class=\"bxf-next disabled\" id=\"bxf-next\" type=\"button\">Next &rsaquo;<\/button>\n  <\/div>\n\n  <!-- shop (full width, more columns) -->\n  <div class=\"bxf-shop\">\n    <div class=\"bxf-shop__head\">\n      <h2>Fill your box<\/h2>\n      <p>Tap to drop an item in. Mix anything \u2014 there are no rules.<\/p>\n    <\/div>\n    <div class=\"bxf-filters\" id=\"bxf-filters\"><\/div>\n    <div class=\"bxf-products\" id=\"bxf-products\"><p class=\"bxf-loading\">Loading products\u2026<\/p><\/div>\n  <\/div>\n\n  <!-- edge handle -->\n  <button class=\"bxf-handle\" id=\"bxf-handle\" type=\"button\">\n    <span class=\"bxf-handle__ico\">\ud83c\udf81<\/span>\n    <span class=\"bxf-handle__label\">Your box<\/span>\n    <span class=\"bxf-handle__count\" id=\"bxf-hcount\">0<\/span>\n  <\/button>\n\n  <!-- backdrop -->\n  <div class=\"bxf-backdrop\" id=\"bxf-backdrop\"><\/div>\n\n  <!-- drawer -->\n  <aside class=\"bxf-drawer\" id=\"bxf-drawer\" aria-label=\"Your box\">\n    <div class=\"bxf-drawer__head\">\n      <span class=\"bxf-drawer__title\">Your <b id=\"bxf-sizename\">medium<\/b> box<\/span>\n      <div class=\"bxf-drawer__acts\">\n        <button class=\"bxf-iconbtn\" id=\"bxf-expand\" type=\"button\" title=\"Expand\">\u2922<\/button>\n        <button class=\"bxf-iconbtn\" id=\"bxf-close\" type=\"button\" title=\"Close\">\u2715<\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"bxf-drawer__body\">\n      <div class=\"bxf-meter\">\n        <span class=\"bxf-meter__count\"><b id=\"bxf-count\">0<\/b> \/ <span id=\"bxf-cap\">8<\/span> filled<\/span>\n        <span class=\"bxf-meter__bar\"><span id=\"bxf-fill\" class=\"bxf-meter__fill\"><\/span><\/span>\n      <\/div>\n\n      <!-- narrow: selected items list -->\n      <div class=\"bxf-list\" id=\"bxf-list\"><\/div>\n\n      <!-- wide: the live box -->\n      <div class=\"bxf-boxwrap\">\n        <div class=\"bxf-box\">\n          <div class=\"bxf-box__bow\"><\/div>\n          <div class=\"bxf-box__interior\"><div class=\"bxf-slots\" id=\"bxf-slots\"><\/div><\/div>\n          <p class=\"bxf-box__note\" id=\"bxf-note\">Add up to 8 items.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"bxf-drawer__foot\">\n      <div class=\"bxf-total\"><span>Subtotal<\/span><strong id=\"bxf-subtotal\">OMR 0.000<\/strong><\/div>\n      <a href=\"#\" class=\"bxf-btn disabled\" id=\"bxf-continue\">Continue<\/a>\n      <p class=\"bxf-microcopy\" id=\"bxf-micro\">Box, ribbon &amp; monogram card included \u00b7 Delivered across Oman<\/p>\n    <\/div>\n  <\/aside>\n\n<\/div>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>1 Fill it 2 Customize 3 Review Next &rsaquo; Fill your box Tap to drop an item in. Mix anything \u2014 there are no rules. Loading products\u2026 \ud83c\udf81 Your box 0 Your medium box \u2922 \u2715 0 \/ 8 filled Add up to 8 items. SubtotalOMR 0.000 Continue Box, ribbon &amp; monogram card included \u00b7 [&#8230;]\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-297","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.rkzero.com\/ar\/wp-json\/wp\/v2\/pages\/297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rkzero.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rkzero.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rkzero.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rkzero.com\/ar\/wp-json\/wp\/v2\/comments?post=297"}],"version-history":[{"count":7,"href":"https:\/\/www.rkzero.com\/ar\/wp-json\/wp\/v2\/pages\/297\/revisions"}],"predecessor-version":[{"id":344,"href":"https:\/\/www.rkzero.com\/ar\/wp-json\/wp\/v2\/pages\/297\/revisions\/344"}],"wp:attachment":[{"href":"https:\/\/www.rkzero.com\/ar\/wp-json\/wp\/v2\/media?parent=297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}