HirePOS v5 Online Store - iFrame Code

Copy the code below and paste within the <head> tags of your web page.


    <meta name="viewport" content="width=device-width, initial-scale=1">

Copy the html and javascript code below and paste within the <body> tags of your web page.


    <div id="divFrameContainer" style="margin-top: 10px">
        <iframe id="iframeStore" src="https://store.hirepos.com/Store/Home?StoreKey=" frameborder="1"></iframe>
    </div>
    <script>
        var yMargin=16; // CHANGE BOTTOM MARGIN AS NEEDED
        document.addEventListener('DOMContentLoaded',(event) => {
            jsResizeFrame();
        });
        window.addEventListener('resize',jsResizeFrame);
        function jsResizeFrame() {
            var divFrameContainer=document.getElementById("divFrameContainer");
            divFrameContainer.clientWidth=divFrameContainer.parentElement.innerWidth;
            var iFrame=document.getElementById("iframeStore");
            var topPos=iFrame.getBoundingClientRect().top+window.scrollY;            
            iFrame.height=window.innerHeight-topPos-yMargin;
            iFrame.width=divFrameContainer.clientWidth;
        };
    </script>