{"id":2817,"date":"2026-01-14T11:43:38","date_gmt":"2026-01-14T11:43:38","guid":{"rendered":"https:\/\/fcvizela.pt\/loja\/simulator\/"},"modified":"2026-01-14T11:43:38","modified_gmt":"2026-01-14T11:43:38","slug":"simulator","status":"publish","type":"page","link":"https:\/\/fcvizela.pt\/loja\/simulator\/","title":{"rendered":"Simulator"},"content":{"rendered":"            <!-- Loading overlay -->\n            <div id=\"step-kit-loading-1780\" style=\"background-color: white !important; \n                        height: 100vh !important; \n                        width: 100vw !important; \n                        position: fixed !important; \n                        top: 0 !important; \n                        left: 0 !important; \n                        right: 0 !important; \n                        bottom: 0 !important; \n                        z-index: 999999 !important; \n                        margin: 0 !important; \n                        padding: 0 !important; \n                        border: none !important; \n                        box-sizing: border-box !important;\n                        transform: translateX(0) translateY(0) !important;\n                        max-width: none !important;\n                        min-width: 100vw !important;\n                        overflow: hidden !important;\">\n            <\/div>\n            \n            <!-- Full screen iframe using same CSS as orange div -->\n            <iframe src=\"https:\/\/simulador-vizela-beta.vercel.app?product_id=2277\" \n                    id=\"custom_iframe_9778\" \n                    width=\"100%\" \n                    height=\"100%\" \n                    style=\"height: 100% !important; \n                           width: 100vw !important; \n                           position: fixed !important; \n                           top: 0 !important; \n                           left: 0 !important; \n                           right: 0 !important; \n                           bottom: 0 !important; \n                           z-index: 999998 !important; \n                           margin: 0 !important; \n                           padding: 0 !important; \n                           border: none !important; \n                           box-sizing: border-box !important;\n                           transform: translateX(0) translateY(0) !important;\n                           max-width: none !important;\n                           min-width: 100vw !important;\n                           overflow: hidden !important;\n                           opacity: 0 !important;\" \n                    onload=\"stepKitHideLoading('step-kit-loading-1780', 'custom_iframe_9778')\"><\/iframe>\n                    \n            <script>\n            \/\/ Hide scrollbars immediately when page loads\n            document.documentElement.style.overflow = \"hidden\";\n            document.body.style.overflow = \"hidden\";\n            \n            \/\/ Add global scrollbar hiding styles\n            var globalStyle = document.createElement(\"style\");\n            globalStyle.innerHTML = `\n                ::-webkit-scrollbar { display: none !important; }\n                html { scrollbar-width: none !important; }\n                body { -ms-overflow-style: none !important; }\n                * { scrollbar-width: none !important; -ms-overflow-style: none !important; }\n                *::-webkit-scrollbar { display: none !important; }\n            `;\n            document.head.appendChild(globalStyle);\n            \n            function stepKitHideLoading(loadingId, iframeId) {\n                console.log(\"Step Kit: Iframe loaded, hiding loading overlay\");\n                \n                \/\/ Hide ALL scrollbars immediately when iframe shows\n                document.documentElement.style.overflow = \"hidden\";\n                document.body.style.overflow = \"hidden\";\n                \n                \/\/ WebKit scrollbar hiding\n                var style = document.createElement(\"style\");\n                style.innerHTML = `\n                    ::-webkit-scrollbar { display: none !important; }\n                    html { scrollbar-width: none !important; }\n                    body { -ms-overflow-style: none !important; }\n                    * { scrollbar-width: none !important; -ms-overflow-style: none !important; }\n                    *::-webkit-scrollbar { display: none !important; }\n                `;\n                document.head.appendChild(style);\n                \n                \/\/ Hide loading overlay first\n                var loadingDiv = document.getElementById(loadingId);\n                if (loadingDiv) {\n                    loadingDiv.style.opacity = \"0\";\n                    loadingDiv.style.transition = \"opacity 0.5s ease-out\";\n                    setTimeout(function() {\n                        loadingDiv.style.display = \"none\";\n                    }, 500);\n                }\n                \n                \/\/ Show iframe immediately (no animation)\n                var iframe = document.getElementById(iframeId);\n                if (iframe) {\n                    iframe.style.opacity = \"1\";\n                    iframe.style.transition = \"none\";\n                    console.log(\"Step Kit: Iframe now visible and full screen\");\n                }\n            }\n            \n            \/\/ Fallback timeout in case iframe never loads\n            setTimeout(function() {\n                var loadingDiv = document.getElementById(\"step-kit-loading-1780\");\n                if (loadingDiv && loadingDiv.style.display !== \"none\") {\n                    console.log(\"Step Kit: Iframe load timeout, hiding loading overlay anyway\");\n                    \n                    \/\/ Hide scrollbars even on timeout\n                    document.documentElement.style.overflow = \"hidden\";\n                    document.body.style.overflow = \"hidden\";\n                    \n                    stepKitHideLoading(\"step-kit-loading-1780\", \"custom_iframe_9778\");\n                }\n                         }, 15000); \/\/ 15 second timeout\n            <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Interactive product customization simulator.<\/p>\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-2817","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fcvizela.pt\/loja\/wp-json\/wp\/v2\/pages\/2817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fcvizela.pt\/loja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fcvizela.pt\/loja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fcvizela.pt\/loja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fcvizela.pt\/loja\/wp-json\/wp\/v2\/comments?post=2817"}],"version-history":[{"count":0,"href":"https:\/\/fcvizela.pt\/loja\/wp-json\/wp\/v2\/pages\/2817\/revisions"}],"wp:attachment":[{"href":"https:\/\/fcvizela.pt\/loja\/wp-json\/wp\/v2\/media?parent=2817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}