{"id":1210,"date":"2025-12-29T06:57:38","date_gmt":"2025-12-29T06:57:38","guid":{"rendered":"https:\/\/navaaro.com\/demo1\/?page_id=1210"},"modified":"2025-12-30T12:12:59","modified_gmt":"2025-12-30T12:12:59","slug":"catalogue","status":"publish","type":"page","link":"https:\/\/navaaro.com\/demo1\/catalogue\/","title":{"rendered":"catalogue"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1210\" class=\"elementor elementor-1210\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9a0b9c e-flex e-con-boxed e-con e-parent\" data-id=\"b9a0b9c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31ef08a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"31ef08a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Wooden Handicraft Product Catalogue<\/title>\r\n  <style>\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n   \r\n    html, body {\r\n      width: 100%;\r\n      height: 100%;\r\n      font-family: 'Segoe UI', system-ui, sans-serif;\r\n      background: #000000;\r\n      overflow: hidden;\r\n    }\r\n   \r\n    .pdf-header {\r\n      background: linear-gradient(135deg, #4b2a10, #6d3f1f);\r\n      color: white;\r\n      height: 80px;\r\n      display: flex;\r\n      align-items: center;\r\n      padding: 0 20px;\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      z-index: 1000;\r\n    }\r\n   \r\n    .back-btn {\r\n      background: rgba(255,255,255,0.15);\r\n      color: white;\r\n      border: 1px solid rgba(255,255,255,0.3);\r\n      border-radius: 6px;\r\n      padding: 6px 14px;\r\n      text-decoration: none;\r\n      font-size: 13px;\r\n      margin-right: 15px;\r\n    }\r\n   \r\n    .pdf-header h1 {\r\n      font-size: 17px;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .pdf-container {\r\n      position: fixed;\r\n      top: 60px;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      background: #000;\r\n      overflow: hidden;\r\n    }\r\n   \r\n    #pdf-viewer {\r\n      width: 100%;\r\n      height: 100%;\r\n      border: none;\r\n    }\r\n   \r\n    @media (max-width: 768px) {\r\n      .pdf-header {\r\n        height: 75px;\r\n      }\r\n     \r\n      .pdf-container {\r\n        top: 55px;\r\n      }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n      .pdf-header {\r\n        height: 90px;\r\n        padding: 0 10px;\r\n      }\r\n      \r\n      .pdf-container {\r\n        top: 50px;\r\n      }\r\n      \r\n      .pdf-header h1 {\r\n        font-size: 15px;\r\n      }\r\n      \r\n      .back-btn {\r\n        padding: 5px 10px;\r\n        font-size: 12px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <!-- Header -->\r\n  <div class=\"pdf-header\">\r\n    <a href=\"https:\/\/navaaro.com\/demo1\/\" class=\"back-btn\" target=\"_parent\">\r\n      <span>\u2190 Back<\/span>\r\n    <\/a>\r\n    <h1>Wooden Handicraft Product Catalogue<\/h1>\r\n  <\/div>\r\n \r\n  <!-- PDF Viewer -->\r\n  <div class=\"pdf-container\">\r\n    <iframe\r\n      id=\"pdf-viewer\"\r\n      src=\"https:\/\/docs.google.com\/viewer?url=https:\/\/navaaro.com\/demo1\/wp-content\/uploads\/2025\/12\/Wooden_Handicraft_Product_Catalogue.pdf&embedded=true&a=b\"\r\n      frameborder=\"0\"\r\n      allowfullscreen\r\n    >\r\n    <\/iframe>\r\n  <\/div>\r\n \r\n  <script>\r\n    \/\/ Function to properly calculate and set heights\r\n    function setPDFHeight() {\r\n      const header = document.querySelector('.pdf-header');\r\n      const viewer = document.getElementById('pdf-viewer');\r\n      const container = document.querySelector('.pdf-container');\r\n      const headerHeight = header.offsetHeight;\r\n      const windowHeight = window.innerHeight;\r\n     \r\n      \/\/ Set container and viewer heights\r\n      const pdfHeight = windowHeight - headerHeight;\r\n      container.style.height = pdfHeight + 'px';\r\n      container.style.top = headerHeight + 'px';\r\n      viewer.style.height = pdfHeight + 'px';\r\n      \r\n      console.log('Window Height:', windowHeight, 'Header:', headerHeight, 'PDF Height:', pdfHeight);\r\n    }\r\n   \r\n    \/\/ Set height on load\r\n    document.addEventListener('DOMContentLoaded', setPDFHeight);\r\n    window.addEventListener('resize', setPDFHeight);\r\n    window.addEventListener('orientationchange', function() {\r\n      \/\/ Add delay for orientation change to complete\r\n      setTimeout(setPDFHeight, 300);\r\n    });\r\n   \r\n    \/\/ Force Google Docs to show complete PDF\r\n    setTimeout(() => {\r\n      const viewer = document.getElementById('pdf-viewer');\r\n      const currentSrc = viewer.src;\r\n      \r\n      \/\/ Use minimal parameters for Google Docs viewer\r\n      let newSrc = currentSrc;\r\n      \r\n      \/\/ Remove complex parameters that might cause issues\r\n      newSrc = newSrc.replace(\/&[^&]*\/g, function(match) {\r\n        \/\/ Keep only essential parameters\r\n        if (match.includes('url=') || match.includes('embedded=') || match.includes('a=')) {\r\n          return match;\r\n        }\r\n        return '';\r\n      }).replace(\/&&+\/g, '&').replace(\/&$\/, '');\r\n      \r\n      \/\/ Add a=b to show all pages\r\n      if (!newSrc.includes('a=')) {\r\n        newSrc += '&a=b';\r\n      }\r\n      \r\n      \/\/ Add cache busting timestamp\r\n      const timestamp = new Date().getTime();\r\n      newSrc += '&t=' + timestamp;\r\n      \r\n      \/\/ Update the source\r\n      viewer.src = newSrc;\r\n      \r\n      \/\/ Force resize after load\r\n      setTimeout(() => {\r\n        try {\r\n          if (viewer.contentWindow) {\r\n            viewer.contentWindow.postMessage('resize', '*');\r\n          }\r\n        } catch (e) {\r\n          console.log('Google Docs viewer loaded');\r\n        }\r\n        \r\n        \/\/ Extra check for mobile\r\n        if (\/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent)) {\r\n          \/\/ On mobile, try to ensure full PDF display\r\n          setTimeout(() => {\r\n            try {\r\n              \/\/ Scroll inside iframe to trigger full render\r\n              if (viewer.contentWindow) {\r\n                viewer.contentWindow.scrollTo(0, document.body.scrollHeight);\r\n                setTimeout(() => {\r\n                  viewer.contentWindow.scrollTo(0, 0);\r\n                }, 500);\r\n              }\r\n            } catch(e) {\r\n              \/\/ Ignore CORS\r\n            }\r\n          }, 2000);\r\n        }\r\n      }, 1000);\r\n    }, 500);\r\n  <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Wooden Handicraft Product Catalogue \u2190 Back Wooden Handicraft Product Catalogue<\/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-1210","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/navaaro.com\/demo1\/wp-json\/wp\/v2\/pages\/1210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/navaaro.com\/demo1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/navaaro.com\/demo1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/navaaro.com\/demo1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/navaaro.com\/demo1\/wp-json\/wp\/v2\/comments?post=1210"}],"version-history":[{"count":97,"href":"https:\/\/navaaro.com\/demo1\/wp-json\/wp\/v2\/pages\/1210\/revisions"}],"predecessor-version":[{"id":1330,"href":"https:\/\/navaaro.com\/demo1\/wp-json\/wp\/v2\/pages\/1210\/revisions\/1330"}],"wp:attachment":[{"href":"https:\/\/navaaro.com\/demo1\/wp-json\/wp\/v2\/media?parent=1210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}