{"id":2662,"date":"2024-01-15T14:47:53","date_gmt":"2024-01-15T07:47:53","guid":{"rendered":"http:\/\/cpanel.jblstore.co.id\/?page_id=2662"},"modified":"2025-08-05T15:18:06","modified_gmt":"2025-08-05T08:18:06","slug":"e-catalogue","status":"publish","type":"page","link":"https:\/\/jblstore.co.id\/en\/e-catalogue\/","title":{"rendered":"E-catalogue"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2662\" class=\"elementor elementor-2662\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-60ad264 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"60ad264\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6ed70b8\" data-id=\"6ed70b8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b3ea7b7 elementor-widget elementor-widget-shortcode\" data-id=\"b3ea7b7\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t\t<style>\n\t\t\t\t#title > .container {\n\t\t\t\t\tpadding-top: 0 !important;\n\t\t\t\t}\n\n\t\t\t\t.only-desktop {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t\t.only-mobile {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t.only-mobile-flex {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t@media (max-width: 767px) {\n\t\t\t\t\t.only-desktop {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t\t.only-mobile {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\t\t\t\t\t.only-mobile-flex {\n\t\t\t\t\t\tdisplay: initial;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.my-img-container {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\tbackground-size: cover;\n\t\t\t\t\tbackground-position: center;\n\t\t\t\t\tbackground-image: url('\/wp-content\/uploads\/2025\/12\/catalogue-cover-jbl-hk.webp');\n\n\t\t\t\t\theight: 80vh;\n\t\t\t\t\t\/* height: 55vh; *\/\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t}\n\t\t\t\t@media (max-width: 767px) {\n\t\t\t\t\t.my-img-container {\n\t\t\t\t\t\t\/* height: 83vh; *\/\n\t\t\t\t\t\tmin-height: 650px;\n\t\t\t\t\t\tbackground-image: url('\/wp-content\/uploads\/2025\/12\/peak-3-aura-3-mobile2-1.webp')\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.my-img-container-christmas {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\tbackground-size: cover;\n\t\t\t\t\tbackground-position: center;\n\t\t\t\t\tbackground-image: url('\/wp-content\/uploads\/2025\/12\/christmas-cover-catalogue.webp');\n\n\t\t\t\t\theight: calc(80vh \/ 2);\n\t\t\t\t\t\/* height: calc(55vh \/ 2); *\/\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t}\n\t\t\t\t@media (max-width: 767px) {\n\t\t\t\t\t.my-img-container-christmas {\n\t\t\t\t\t\t\/* height: 83vh; *\/\n\t\t\t\t\t\tmin-height: calc(650px \/ 2);\n\t\t\t\t\t\tbackground-image: url('\/wp-content\/uploads\/2025\/12\/christmast-mobile-1.webp')\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.my-button {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 50%;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tbackground-color: white;\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t\t.my-button-1 {\n\t\t\t\t\ttop: 0;\n\t\t\t\t}\n\t\t\t\t.my-button-2 {\n\t\t\t\t\ttop: 50%;\n\t\t\t\t}\n\t\t\t\t.my-button-1:hover,\n\t\t\t\t.my-button-2:hover {\n\t\t\t\t\topacity: 0.1;\n\t\t\t\t}\n\t\t\t<\/style>\n\t\t\t<style>\n\t\t\t\t.brand-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tpadding-left: 9vw;\n\t\t\t\t\theight: 100%;\n\t\t\t\t}\n\t\t\t\t.brand-wrapper {\n\t\t\t\t\tz-index: 1;\n\t\t\t\t}\n\t\t\t\t@media (max-width: 768px) {\n\t\t\t\t\t.brand-container {\n\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\talign-items: flex-end;\n\t\t\t\t\t\tpadding-bottom: 3%;\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t.brand-wrapper {\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media (max-width: 768px) {\n\t\t\t\t\t.brand-image-container {\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.brand-image {\n\t\t\t\t\twidth: 93%;\n\t\t\t\t\tz-index: 1100;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\tmargin-bottom: 40px;\n\t\t\t\t}\n\t\t\t\t.brand-image.brand-image-JBL {\n\t\t\t\t\tmax-width: 150px;\n\t\t\t\t\t\/* max-width: 100px; *\/\n\t\t\t\t}\n\t\t\t\t.brand-image.brand-image-Harman {\n\t\t\t\t\tmax-width: 700px;\n\t\t\t\t\t\/* max-width: 400px; *\/\n\t\t\t\t}\n\n\t\t\t\t.brand-image.brand-image-Christmas {\n\t\t\t\t\tmax-width: 350px;\n\t\t\t\t}\n\n\t\t\t\t@media (max-width: 768px) {\n\t\t\t\t\t.brand-image {\n\t\t\t\t\t\tmargin-bottom: 3px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.brand-image.brand-image-JBL {\n\t\t\t\t\t\twidth: 40%;\n\t\t\t\t\t\tmax-width: 80px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.brand-image.brand-image-Harman {\n\t\t\t\t\t\twidth: 60%;\n\t\t\t\t\t}\n\n\t\t\t\t\t.brand-image.brand-image-Christmas {\n\t\t\t\t\t\tmax-width: 200px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.cta:hover {\n\t\t\t\t\topacity: 0.9;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t.cta {\n\t\t\t\t\tcolor: white;\n\t\t\t\t\tpadding: 14px 25px;\n\t\t\t\t\tborder-width: 0;\n\t\t\t\t\tborder-radius: 10px;\n\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\tfont-family: 'Grostesk-Medium',Arial, Helvetica, sans-serif;\n\t\t\t\t}\n\n\t\t\t\t@media (max-width: 768px) {\n\t\t\t\t\t.cta {\n\t\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\t\tpadding: 10px 20px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.cta.cta-JBL {\n\t\t\t\t\tbackground: #fa430d;\n\t\t\t\t}\n\n\t\t\t\t.cta.cta-Harman {\n\t\t\t\t\tbackground: #353535;\n\t\t\t\t}\n\n\t\t\t\t.cta.cta-Christmas {\n\t\t\t\t\tcolor: #f40202;\n\t\t\t\t\tbackground-color: white;\n\t\t\t\t}\n\t\t\t\t.cta.cta-Christmas a {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\twill-change: opacity;\n\t\t\t\t}\n\t\t\t\t.cta.cta-Christmas:hover {\n\t\t\t\t\tcolor: #f40202;\n\t\t\t\t\topacity: 0.9;\n\t\t\t\t}\n\n\t\t\t<\/style>\n\n\t\t\t<!-- iframe style -->\n\t\t\t<style>\n\t\t\t\t.iframe-container {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t\tposition: fixed;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tz-index: 10000;\n\t\t\t\t\tpadding-top: 43px;\n\t\t\t\t\t\/* background-color: black; *\/\n\t\t\t\t\tbackground-color: #fff;\n\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\tbackground-position: center; \n\t\t\t\t\tbackground-position: center; \n\t\t\t\t\tbackground-size: 80px;\n\t\t\t\t}\n\t\t\t\t.iframe-container.is-open {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\talign-items: center;\n\t\t\t\t}\n\t\t\t\t.iframe-close {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 0%;\n\t\t\t\t\tright: 0%;\n\t\t\t\t\tz-index: 100;\n\t\t\t\t\t\/* color: white; *\/\n\t\t\t\t\tcolor: #000;\n\t\t\t\t\tpadding: 0px 16px;\n\t\t\t\t\tfont-size: 1.5em;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t}\n\t\t\t\t.iframe-close:hover {\n\t\t\t\t\topacity: 0.8;\n\t\t\t\t}\n\t\t\t\t.iframe-loading {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 45%;\n\t\t\t\t\tleft: 50%;\n\t\t\t\t}\n\t\t\t\t.iframe-loading-text {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 50%;\n\t\t\t\t\tpadding-top: 50px;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tcolor: white;\n\t\t\t\t\tfont-family: 'Open Sans',Arial, Helvetica, sans-serif;\n\t\t\t\t}\n\t\t\t\t.iframe-loading-text.is-open {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t\t.iframe {\n\t\t\t\t\tborder: none;\n\t\t\t\t}\n\t\t\t\t.elementor-widget:not(:last-child) {\n\t\t\t\t\tmargin-bottom: 0 !important;\n\t\t\t\t}\n\t\t\t<\/style>\n\t\t\t<!-- end iframe style -->\n\n\t\t\t<div id=\"iframeContainer\" class=\"iframe-container\" style=\"background-image: url('https:\/\/jblstore.co.id\/wp-content\/plugins\/jblweb-e-flyer\/images\/loading.gif')\">\n\t\t\t<!-- <div id=\"iframeContainer\" class=\"iframe-container\"> -->\n\t\t\t\t<div class='iframe-close'>&times;<\/div>\n\t\t\t\t<div class=\"iframe-loading-text\"><\/div>\n\t\t\t\t<iframe id=\"iframeCatalogue\" class='iframe' src=\"\" width=\"100%\" height=\"100%\" seamless=\"seamless\" scrolling=\"no\" frameborder=\"0\" allowfullscreen allow=\"autoplay; clipboard-read; clipboard-write\"><\/iframe>\n\t\t\t<\/div>\n\t\t\t<div class=\"my-img-container\">\n\t\t\t\t<div class=\"brand-container\">\n\t\t\t\t\t<div class='brand-wrapper'>\n\t\t\t\t\t\t<div class='brand-image-container'>\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"brand-image brand-image-JBL\" src=\"\/wp-content\/uploads\/2025\/11\/logo-jbl-scaled.png\" width=\"150px\" height=\"auto\" \/>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<button class=\"cta cta-JBL\" data-brandid=\"6025fbb272c231001505aae1\" data-brandname=\"JBL\" data-catalogue=\"https:\/\/heyzine.com\/flip-book\/718a04eb71.html\">\n\t\t\t\t\t\t\t\tExplore catalogue\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"brand-container\">\n\t\t\t\t\t<div class='brand-wrapper'>\n\t\t\t\t\t\t<div class='brand-image-container'>\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"brand-image brand-image-Harman\" src=\"\/wp-content\/uploads\/2025\/11\/hk_new_black.png\" width=\"150px\" height=\"auto\" \/>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<button class=\"cta cta-Harman\" data-brandid=\"6025fc1672c231001505aae2\" data-brandname=\"Harman\" data-catalogue=\"https:\/\/heyzine.com\/flip-book\/160ccd7570.html\">\n\t\t\t\t\t\t\t\tExplore catalogue\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<!-- <div class=\"my-img-container-christmas\">\n\t\t\t\t<div class=\"brand-container\">\n\t\t\t\t\t<div class='brand-wrapper'>\n\t\t\t\t\t\t<div class='brand-image-container'>\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"brand-image brand-image-Christmas only-desktop\" src=\"\/wp-content\/uploads\/2025\/12\/christmas-white.webp\" width=\"150px\" height=\"auto\" \/>\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"brand-image brand-image-Christmas only-mobile-flex\" src=\"\/wp-content\/uploads\/2025\/12\/christmas-white-mid.webp\" width=\"150px\" height=\"auto\" \/>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<button class=\"cta cta-Christmas\" data-brandid=\"2jpx8dbtt6odnwy29oskdtwiw\" data-brandname=\"Christmas\" data-catalogue=\"https:\/\/heyzine.com\/flip-book\/e0da50dba6.html\">\n\t\t\t\t\t\t\t\tJelajahi katalog\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div> -->\n\n\t\t\t<script>\n\n\t\t\t\t\/\/ tracking\n\t\t\t\tjQuery(document).ready(function(){\n\t\t\t\t\ttrackStore()\n\t\t\t\t})\n\n\t\t\t\tfunction trackStore(){\n\t\t\t\t\tjQuery.ajax({\n\t\t\t\t\t\ttype: \"POST\",\n\t\t\t\t\t\turl: \"https:\/\/jblstore.co.id\/wp-admin\/admin-ajax.php?action=ajax_create_report_store\",\n\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\tstore_id: \"63bb96ba5db76100b82e3bd5\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\tsuccess: function(data){\n\t\t\t\t\t\t\tconsole.log(\"success tracking store\", data)\n\t\t\t\t\t\t}, error: function (xhr, status, error) {\n\t\t\t\t\t\t\tconsole.log(\"error tracking store\", xhr, status, error)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\n\t\t\t\tfunction trackBrand(brandId){\n\t\t\t\t\tjQuery.ajax({\n\t\t\t\t\t\ttype: \"POST\",\n\t\t\t\t\t\turl: \"https:\/\/jblstore.co.id\/wp-admin\/admin-ajax.php?action=ajax_create_report_brand\",\n\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\tstore_id: \"63bb96ba5db76100b82e3bd5\",\n\t\t\t\t\t\t\tbrand_id: brandId\n\t\t\t\t\t\t},\n\t\t\t\t\t\tsuccess: function(data){\n\t\t\t\t\t\t\tconsole.log(\"success tracking brand\", data)\n\t\t\t\t\t\t}, error: function (xhr, status, error) {\n\t\t\t\t\t\t\tconsole.log(\"error tracking brand\", xhr, status, error)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\t\/\/ end tracking\n\n\t\t\t\t\/\/ iframe and catalogue\n\t\t\t\tlet ver = new Date().getTime()\n\t\t\t\tconst timeoutSecs = 5\n\t\t\t\tconst maxRetry = 6 \/\/ 6 * 10 secs = 60 secs\n\t\t\t\tlet totalRetry = 0\n\t\t\t\tlet timeElapsed = 0\n\t\t\t\tlet isLoadingIframe = false\n\t\t\t\tlet isIframeLoaded = false\n\t\t\t\tlet currentCatalogue = \"\"\n\n\t\t\t\tfunction checkLoadCatalogue(cat) {\n\t\t\t\t\t\/\/ console.log(\"checkLoadCatalogue\")\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\ttimeElapsed++\n\t\t\t\t\t\tconsole.log(\"timeElapsed: \", timeElapsed)\n\t\t\t\t\t\t\/\/ console.log(\"totalRetry: \", totalRetry)\n\t\t\t\t\t\t\/\/ console.log(\"isIframeLoaded: \", isIframeLoaded)\n\t\t\t\t\t\tconst currentCatalogueSrc = jQuery(\"#iframeCatalogue\").attr(\"src\")\n\t\t\t\t\t\t\/\/ console.log(\"currentCatalogueSrc: \", currentCatalogueSrc)\n\n\t\t\t\t\t\t\n\t\t\t\t\t\tif(isIframeLoaded === false){\n\t\t\t\t\t\t\tif(totalRetry < maxRetry){\n\t\t\t\t\t\t\t\tif(totalRetry === 1){\n\t\t\t\t\t\t\t\t\tjQuery(\".iframe-loading-text\").text(\"This may take a bit longer, please wait.\")\n\t\t\t\t\t\t\t\t} else if(totalRetry > 1){\n\t\t\t\t\t\t\t\t\tjQuery(\".iframe-loading-text\").html(`This may take a bit longer, please wait<div>${(timeoutSecs+1) - timeElapsed} seconds to retry<\/div>`)\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\/\/ console.log(\"totalRetry < maxRetry: \", totalRetry, maxRetry, totalRetry < maxRetry)\n\t\t\t\t\t\t\t\tif(timeElapsed >= timeoutSecs){\n\t\t\t\t\t\t\t\t\tjQuery(\"#iframeCatalogue\").attr(\"src\", \"\")\n\t\t\t\t\t\t\t\t\tcurrentCatalogue = \"\"\n\t\t\t\t\t\t\t\t\ttotalRetry++\n\t\t\t\t\t\t\t\t\tif(totalRetry > 0){\n\t\t\t\t\t\t\t\t\t\tjQuery(\".iframe-loading-text\").addClass(\"is-open\")\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\t\t\t\tver = new Date().getTime()\n\t\t\t\t\t\t\t\t\t\ttimeElapsed = 0\n\t\t\t\t\t\t\t\t\t\tconst iframeCatalogue = `https:\/\/docs.google.com\/viewerng\/viewer?url=${cat}&embedded=true&ver=${ver}`\n\t\t\t\t\t\t\t\t\t\tjQuery(\"#iframeCatalogue\").attr(\"src\", iframeCatalogue)\n\t\t\t\t\t\t\t\t\t\tcurrentCatalogue = iframeCatalogue\n\t\t\t\t\t\t\t\t\t\tcheckLoadCatalogue(cat)\n\t\t\t\t\t\t\t\t\t}, 10);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tcheckLoadCatalogue(cat)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\ttotalRetry = 0\n\t\t\t\t\t\t\t\tjQuery(\".iframe-loading-text\").removeClass(\"is-open\")\n\t\t\t\t\t\t\t\tjQuery(\"#iframeContainer\").removeClass(\"is-open\")\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\/\/ totalRetry = 0\n\t\t\t\t\t\t\t\/\/ jQuery(\".iframe-loading-text\").removeClass(\"is-open\")\n\t\t\t\t\t\t\t\/\/ timeElapsed = 0\n\t\t\t\t\t\t}\n\t\t\t\t\t}, 1000);\n\t\t\t\t}\n\n\t\t\t\tjQuery(\".cta\").each((idx, el) => {\n\t\t\t\t\tjQuery(el).on(\"click\", function(e){\n\t\t\t\t\t\tconst brandId = e.target.dataset.brandid\n\t\t\t\t\t\tconst brandName = e.target.dataset.brandname\n\t\t\t\t\t\tconst catalogue = e.target.dataset.catalogue\n\t\t\t\t\t\ttrackBrand(brandId)\n\n\t\t\t\t\t\t\/\/ new: using flipbook heyzine\n\t\t\t\t\t\t\/\/ jQuery(\"#iframeContainer\").addClass(\"is-open\")\n\t\t\t\t\t\t\/\/ if(brandName === \"Harman\"){\n\t\t\t\t\t\t\/\/ \tjQuery(\"#iframeCatalogue\").attr(\"src\", \"https:\/\/heyzine.com\/flip-book\/f4147e675c.html#page\/1\")\n\t\t\t\t\t\t\/\/ } else if(brandName === \"JBL\"){\n\t\t\t\t\t\t\/\/ \tjQuery(\"#iframeCatalogue\").attr(\"src\", \"https:\/\/heyzine.com\/flip-book\/8bff2450a9.html#page\/1\")\n\t\t\t\t\t\t\/\/ }\n\n\t\t\t\t\t\t\/\/ new2: using flipbook heyzine from default catalogue set by admin\n\t\t\t\t\t\tjQuery(\"#iframeContainer\").addClass(\"is-open\")\n\t\t\t\t\t\tjQuery(\"#iframeCatalogue\").attr(\"src\", catalogue)\n\n\t\t\t\t\t\t\/\/ old: using drive\n\t\t\t\t\t\t\/\/ const catalogueOri = e.target.dataset.catalogue\n\t\t\t\t\t\t\/\/ let catalogue = catalogueOri.includes(\"url=\") ? catalogueOri.split(\"url=\")[1].replace(\"http\", \"https\") : catalogueOri.replace(\"http\", \"https\")\n\t\t\t\t\t\t\/\/ const iframeCatalogue = `https:\/\/docs.google.com\/viewerng\/viewer?url=${catalogue}&embedded=true&ver=${ver}`\n\t\t\t\t\t\t\n\t\t\t\t\t\t\/\/ isIframeLoaded = false\n\t\t\t\t\t\t\/\/ currentCatalogue = \"\"\n\t\t\t\t\t\t\/\/ jQuery(\"#iframeCatalogue\").attr(\"src\", \"\")\n\t\t\t\t\t\t\/\/ \/\/ isLoadingIFrame = true\n\t\t\t\t\t\t\/\/ timeElapsed = 0\n\t\t\t\t\t\t\/\/ totalRetry = 0\n\t\t\t\t\t\t\n\t\t\t\t\t\t\/\/ setTimeout(() => {\n\t\t\t\t\t\t\/\/ \tjQuery(\"#iframeContainer\").addClass(\"is-open\")\n\t\t\t\t\t\t\/\/ \tjQuery(\"#iframeCatalogue\").attr(\"src\", iframeCatalogue)\n\t\t\t\t\t\t\/\/ \tcurrentCatalogue = iframeCatalogue\n\t\t\t\t\t\t\/\/ \tcheckLoadCatalogue(catalogue)\n\t\t\t\t\t\t\/\/ }, 100);\n\t\t\t\t\t})\n\t\t\t\t})\n\n\t\t\t\tjQuery(\"#iframeCatalogue\").on(\"load\", function(){\n\t\t\t\t\t\/\/ isLoadingIFrame = false\n\t\t\t\t\tif(currentCatalogue !== \"\"){\n\t\t\t\t\t\tisIframeLoaded = true\n\t\t\t\t\t\ttotalRetry = 0\n\t\t\t\t\t\tjQuery(\".iframe-loading-text\").removeClass(\"is-open\")\n\t\t\t\t\t\ttimeElapsed = 0\n\t\t\t\t\t\t\/\/ console.log(\"isIframeLoaded: true. \", currentCatalogue)\n\t\t\t\t\t}\n\t\t\t\t})\n\n\t\t\t\tjQuery(\".iframe-close\").on(\"click\", function(e){\n\t\t\t\t\tjQuery(\"#iframeContainer\").removeClass(\"is-open\")\n\t\t\t\t})\n\t\t\t\t\/\/ end iframe and catalogue\n\n\t\t\t<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2dd633 elementor-widget elementor-widget-html\" data-id=\"e2dd633\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\n  window.addEventListener('DOMContentLoaded', function () {\n    if (window.location.hash === '#\/public') {\n    \/\/   history.replaceState(null, '', window.location.pathname);\n      \n      \/\/ Jika perlu, kamu bisa redirect (reload) ke URL bersih:\n      \/\/ window.location.href = window.location.pathname;\n    }\n  });\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-2662","page","type-page","status-publish","hentry","no-post-thumbnail"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>E-catalogue<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jblstore.co.id\/en\/e-catalogue\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"E-catalogue\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jblstore.co.id\/en\/e-catalogue\/\" \/>\n<meta property=\"og:site_name\" content=\"JBL Store\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/JBLAudioIndonesia\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-05T08:18:06+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jblstore.co.id\/en\/e-catalogue\/\",\"url\":\"https:\/\/jblstore.co.id\/en\/e-catalogue\/\",\"name\":\"E-catalogue - JBL Store\",\"isPartOf\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#website\"},\"datePublished\":\"2024-01-15T07:47:53+00:00\",\"dateModified\":\"2025-08-05T08:18:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/e-catalogue\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jblstore.co.id\/en\/e-catalogue\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jblstore.co.id\/en\/e-catalogue\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jblstore.co.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"E-catalogue\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jblstore.co.id\/en\/#website\",\"url\":\"https:\/\/jblstore.co.id\/en\/\",\"name\":\"JBL Store\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jblstore.co.id\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jblstore.co.id\/en\/#organization\",\"name\":\"JBL Store\",\"url\":\"https:\/\/jblstore.co.id\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/\",\"url\":\"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png\",\"contentUrl\":\"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png\",\"width\":70,\"height\":52,\"caption\":\"JBL Store\"},\"image\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/JBLAudioIndonesia\/\",\"https:\/\/www.instagram.com\/jblindonesia\/\",\"https:\/\/www.youtube.com\/c\/JBLIndonesia\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"E-catalogue","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jblstore.co.id\/en\/e-catalogue\/","og_locale":"en_US","og_type":"article","og_title":"E-catalogue","og_url":"https:\/\/jblstore.co.id\/en\/e-catalogue\/","og_site_name":"JBL Store","article_publisher":"https:\/\/www.facebook.com\/JBLAudioIndonesia\/","article_modified_time":"2025-08-05T08:18:06+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jblstore.co.id\/en\/e-catalogue\/","url":"https:\/\/jblstore.co.id\/en\/e-catalogue\/","name":"E-catalogue - JBL Store","isPartOf":{"@id":"https:\/\/jblstore.co.id\/en\/#website"},"datePublished":"2024-01-15T07:47:53+00:00","dateModified":"2025-08-05T08:18:06+00:00","breadcrumb":{"@id":"https:\/\/jblstore.co.id\/en\/e-catalogue\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jblstore.co.id\/en\/e-catalogue\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jblstore.co.id\/en\/e-catalogue\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jblstore.co.id\/"},{"@type":"ListItem","position":2,"name":"E-catalogue"}]},{"@type":"WebSite","@id":"https:\/\/jblstore.co.id\/en\/#website","url":"https:\/\/jblstore.co.id\/en\/","name":"JBL Store","description":"","publisher":{"@id":"https:\/\/jblstore.co.id\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jblstore.co.id\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jblstore.co.id\/en\/#organization","name":"JBL Store","url":"https:\/\/jblstore.co.id\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/","url":"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png","contentUrl":"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png","width":70,"height":52,"caption":"JBL Store"},"image":{"@id":"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/JBLAudioIndonesia\/","https:\/\/www.instagram.com\/jblindonesia\/","https:\/\/www.youtube.com\/c\/JBLIndonesia"]}]}},"_links":{"self":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/2662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/comments?post=2662"}],"version-history":[{"count":11,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/2662\/revisions"}],"predecessor-version":[{"id":112068,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/2662\/revisions\/112068"}],"wp:attachment":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/media?parent=2662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}