{"id":1302,"date":"2026-02-06T03:03:44","date_gmt":"2026-02-06T03:03:44","guid":{"rendered":"https:\/\/saiweiglass.com\/?page_id=1302"},"modified":"2026-02-06T03:24:28","modified_gmt":"2026-02-06T03:24:28","slug":"optical-glass-coating-stack-configurator","status":"publish","type":"page","link":"https:\/\/saiweiglass.com\/pt\/products\/optical-glass-solutions\/optical-glass-coating-stack-configurator\/","title":{"rendered":"Configurador de pilha de revestimento de vidro \u00f3ptico"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-48f04c7\" data-block-id=\"48f04c7\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-48f04c7-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-ce62128\" data-v=\"4\" data-block-id=\"ce62128\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-ce62128-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-ce62128-inner-blocks\">\n<section id=\"og-coating-config-v3\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');\n    #og-coating-config-v3 *,#og-coating-config-v3 *::before,#og-coating-config-v3 *::after{margin:0;padding:0;box-sizing:border-box}\n    #og-coating-config-v3{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif!important;background:linear-gradient(135deg,#0F172A 0%,#1E293B 100%)!important;padding:40px 20px!important;width:100%!important;color:#F1F5F9!important;line-height:1.6!important;border-radius:20px!important}\n    #og-coating-config-v3 .csc-wrapper{max-width:1100px!important;margin:0 auto!important}\n    #og-coating-config-v3 .csc-header{text-align:center!important;margin-bottom:36px!important}\n    #og-coating-config-v3 .csc-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;background:rgba(48,72,144,0.3)!important;border:1px solid rgba(48,72,144,0.4)!important;padding:6px 14px!important;border-radius:100px!important;font-size:11px!important;font-weight:600!important;color:#93C5FD!important;text-transform:uppercase!important;letter-spacing:0.08em!important;margin-bottom:16px!important}\n    #og-coating-config-v3 h2.csc-title{font-family:'Plus Jakarta Sans',-apple-system,sans-serif!important;font-size:32px!important;font-weight:700!important;color:#FFF!important;margin:0 0 10px 0!important;padding:0!important;letter-spacing:-0.02em!important;border:none!important;background:none!important;text-transform:none!important}\n    #og-coating-config-v3 .csc-subtitle{font-size:15px!important;color:#94A3B8!important;max-width:550px!important;margin:0 auto!important}\n    #og-coating-config-v3 .csc-main{display:grid!important;grid-template-columns:1fr 340px!important;gap:28px!important}\n    @media(max-width:900px){#og-coating-config-v3 .csc-main{grid-template-columns:1fr!important}}\n    #og-coating-config-v3 .csc-builder{background:rgba(255,255,255,0.03)!important;border:1px solid rgba(255,255,255,0.08)!important;border-radius:16px!important;overflow:hidden!important}\n    #og-coating-config-v3 .csc-builder-header{background:rgba(255,255,255,0.05)!important;padding:18px 22px!important;border-bottom:1px solid rgba(255,255,255,0.06)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}\n    #og-coating-config-v3 h3.csc-builder-title{font-family:'Plus Jakarta Sans',-apple-system,sans-serif!important;font-size:14px!important;font-weight:600!important;color:#FFF!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;border:none!important;background:none!important;text-transform:none!important}\n    #og-coating-config-v3 .csc-layer-count{font-size:12px!important;font-weight:600!important;color:#304890!important;background:rgba(48,72,144,0.2)!important;padding:4px 10px!important;border-radius:100px!important}\n    #og-coating-config-v3 .csc-coating-list{padding:20px!important;display:flex!important;flex-direction:column!important;gap:14px!important}\n    #og-coating-config-v3 .csc-coating-item{background:rgba(255,255,255,0.04)!important;border:2px solid rgba(255,255,255,0.08)!important;border-radius:12px!important;padding:18px!important;cursor:pointer!important;transition:all 0.2s ease!important;position:relative!important}\n    #og-coating-config-v3 .csc-coating-item:hover{border-color:rgba(255,255,255,0.15)!important;background:rgba(255,255,255,0.06)!important}\n    #og-coating-config-v3 .csc-coating-item.active{border-color:#304890!important;background:rgba(48,72,144,0.1)!important}\n    #og-coating-config-v3 .csc-coating-item.active::before{content:'\u2713'!important;position:absolute!important;top:-8px!important;right:12px!important;width:22px!important;height:22px!important;background:#304890!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;color:#FFF!important}\n    #og-coating-config-v3 .csc-coating-header{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:10px!important}\n    #og-coating-config-v3 .csc-coating-icon{width:40px!important;height:40px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important}\n    #og-coating-config-v3 .csc-coating-icon.ar{background:linear-gradient(135deg,#3B82F6 0%,#1D4ED8 100%)!important}\n    #og-coating-config-v3 .csc-coating-icon.ag{background:linear-gradient(135deg,#F59E0B 0%,#D97706 100%)!important}\n    #og-coating-config-v3 .csc-coating-icon.af{background:linear-gradient(135deg,#10B981 0%,#059669 100%)!important}\n    #og-coating-config-v3 .csc-coating-icon.ito{background:linear-gradient(135deg,#8B5CF6 0%,#6D28D9 100%)!important}\n    #og-coating-config-v3 h4.csc-coating-name{font-family:'Plus Jakarta Sans',-apple-system,sans-serif!important;font-size:15px!important;font-weight:600!important;color:#FFF!important;margin:0!important;padding:0!important;border:none!important;background:none!important;text-transform:none!important}\n    #og-coating-config-v3 .csc-coating-full{font-size:12px!important;color:#94A3B8!important}\n    #og-coating-config-v3 .csc-coating-specs{display:flex!important;flex-wrap:wrap!important;gap:8px!important}\n    #og-coating-config-v3 .csc-spec-tag{font-size:11px!important;font-weight:500!important;color:#CBD5E1!important;background:rgba(255,255,255,0.06)!important;padding:4px 10px!important;border-radius:6px!important}\n    #og-coating-config-v3 .csc-preview{background:rgba(255,255,255,0.03)!important;border:1px solid rgba(255,255,255,0.08)!important;border-radius:16px!important;overflow:hidden!important}\n    #og-coating-config-v3 .csc-preview-header{background:rgba(255,255,255,0.05)!important;padding:16px 20px!important;border-bottom:1px solid rgba(255,255,255,0.06)!important}\n    #og-coating-config-v3 h3.csc-preview-title{font-family:'Plus Jakarta Sans',-apple-system,sans-serif!important;font-size:14px!important;font-weight:600!important;color:#FFF!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;border:none!important;background:none!important;text-transform:none!important}\n    #og-coating-config-v3 .csc-preview-body{padding:20px!important}\n    #og-coating-config-v3 .csc-glass-visual{background:linear-gradient(180deg,rgba(255,255,255,0.02) 0%,rgba(255,255,255,0.05) 100%)!important;border:1px solid rgba(255,255,255,0.1)!important;border-radius:12px!important;padding:20px!important;margin-bottom:20px!important;min-height:180px!important}\n    #og-coating-config-v3 .csc-layer-stack{display:flex!important;flex-direction:column!important;gap:6px!important}\n    #og-coating-config-v3 .csc-layer{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 14px!important;border-radius:8px!important;font-size:12px!important;font-weight:600!important;color:#FFF!important}\n    #og-coating-config-v3 .csc-layer.glass{background:linear-gradient(90deg,rgba(148,163,184,0.3) 0%,rgba(148,163,184,0.2) 100%)!important;border:1px dashed rgba(148,163,184,0.4)!important}\n    #og-coating-config-v3 .csc-layer.ar{background:linear-gradient(90deg,rgba(59,130,246,0.3) 0%,rgba(59,130,246,0.15) 100%)!important;border-left:3px solid #3B82F6!important}\n    #og-coating-config-v3 .csc-layer.ag{background:linear-gradient(90deg,rgba(245,158,11,0.3) 0%,rgba(245,158,11,0.15) 100%)!important;border-left:3px solid #F59E0B!important}\n    #og-coating-config-v3 .csc-layer.af{background:linear-gradient(90deg,rgba(16,185,129,0.3) 0%,rgba(16,185,129,0.15) 100%)!important;border-left:3px solid #10B981!important}\n    #og-coating-config-v3 .csc-layer.ito{background:linear-gradient(90deg,rgba(139,92,246,0.3) 0%,rgba(139,92,246,0.15) 100%)!important;border-left:3px solid #8B5CF6!important}\n    #og-coating-config-v3 .csc-layer-name{flex:1!important}\n    #og-coating-config-v3 .csc-layer-thickness{font-size:11px!important;color:#94A3B8!important;font-weight:500!important}\n    #og-coating-config-v3 .csc-empty-state{text-align:center!important;padding:40px 20px!important;color:#64748B!important}\n    #og-coating-config-v3 .csc-empty-icon{font-size:36px!important;margin-bottom:12px!important;opacity:0.5!important}\n    #og-coating-config-v3 .csc-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:16px!important}\n    #og-coating-config-v3 .csc-stat{background:rgba(255,255,255,0.04)!important;border-radius:10px!important;padding:14px!important;border:1px solid rgba(255,255,255,0.06)!important}\n    #og-coating-config-v3 .csc-stat-label{font-size:10px!important;font-weight:600!important;color:#64748B!important;text-transform:uppercase!important;letter-spacing:0.05em!important;margin-bottom:4px!important}\n    #og-coating-config-v3 .csc-stat-value{font-size:18px!important;font-weight:700!important;color:#FFF!important}\n    #og-coating-config-v3 .csc-stat-value.highlight{color:#10B981!important}\n    #og-coating-config-v3 .csc-features{margin-bottom:20px!important}\n    #og-coating-config-v3 .csc-features-title{font-size:11px!important;font-weight:600!important;color:#64748B!important;text-transform:uppercase!important;letter-spacing:0.05em!important;margin-bottom:10px!important}\n    #og-coating-config-v3 .csc-feature-list{display:flex!important;flex-wrap:wrap!important;gap:6px!important}\n    #og-coating-config-v3 .csc-feature{font-size:11px!important;font-weight:500!important;color:#10B981!important;background:rgba(16,185,129,0.1)!important;padding:5px 10px!important;border-radius:6px!important;display:flex!important;align-items:center!important;gap:4px!important}\n    #og-coating-config-v3 .csc-cta-btn{width:100%!important;padding:14px!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;color:#FFF!important;background:linear-gradient(135deg,#304890 0%,#1E3A8A 100%)!important;border:none!important;border-radius:10px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;transition:all 0.25s ease!important;text-decoration:none!important}\n    #og-coating-config-v3 .csc-cta-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(48,72,144,0.4)!important}\n  <\/style>\n\n  <div class=\"csc-wrapper\">\n    <div class=\"csc-header\">\n      <div class=\"csc-badge\">Coating Configurator<\/div>\n      <h2 class=\"csc-title\">Coating Stack Builder<\/h2>\n      <p class=\"csc-subtitle\">Select and combine optical coatings to visualize your custom glass stack and preview performance specifications.<\/p>\n    <\/div>\n    <div class=\"csc-main\">\n      <div class=\"csc-builder\">\n        <div class=\"csc-builder-header\">\n          <h3 class=\"csc-builder-title\"><span>\ud83c\udfa8<\/span> Available Coatings<\/h3>\n          <span class=\"csc-layer-count\" id=\"cscLayerCount\">0 Selected<\/span>\n        <\/div>\n        <div class=\"csc-coating-list\">\n          <div class=\"csc-coating-item\" data-coating=\"ar\">\n            <div class=\"csc-coating-header\">\n              <div class=\"csc-coating-icon ar\">\ud83d\udc8e<\/div>\n              <div><h4 class=\"csc-coating-name\">AR Coating<\/h4><span class=\"csc-coating-full\">Anti-Reflective<\/span><\/div>\n            <\/div>\n            <div class=\"csc-coating-specs\">\n              <span class=\"csc-spec-tag\">Transmittance \u226598%<\/span>\n              <span class=\"csc-spec-tag\">Reflectance \u22640.5%<\/span>\n              <span class=\"csc-spec-tag\">Multi-layer<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"csc-coating-item\" data-coating=\"ag\">\n            <div class=\"csc-coating-header\">\n              <div class=\"csc-coating-icon ag\">\ud83d\udd06<\/div>\n              <div><h4 class=\"csc-coating-name\">AG Coating<\/h4><span class=\"csc-coating-full\">Anti-Glare<\/span><\/div>\n            <\/div>\n            <div class=\"csc-coating-specs\">\n              <span class=\"csc-spec-tag\">Gloss 40-120 GU<\/span>\n              <span class=\"csc-spec-tag\">Haze 2-28%<\/span>\n              <span class=\"csc-spec-tag\">Chemical\/Spray<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"csc-coating-item\" data-coating=\"af\">\n            <div class=\"csc-coating-header\">\n              <div class=\"csc-coating-icon af\">\ud83d\udd90\ufe0f<\/div>\n              <div><h4 class=\"csc-coating-name\">AF Coating<\/h4><span class=\"csc-coating-full\">Anti-Fingerprint<\/span><\/div>\n            <\/div>\n            <div class=\"csc-coating-specs\">\n              <span class=\"csc-spec-tag\">Water Angle \u2265110\u00b0<\/span>\n              <span class=\"csc-spec-tag\">3000+ Abrasion<\/span>\n              <span class=\"csc-spec-tag\">Oleophobic<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"csc-coating-item\" data-coating=\"ito\">\n            <div class=\"csc-coating-header\">\n              <div class=\"csc-coating-icon ito\">\u26a1<\/div>\n              <div><h4 class=\"csc-coating-name\">ITO Coating<\/h4><span class=\"csc-coating-full\">Conductive Layer<\/span><\/div>\n            <\/div>\n            <div class=\"csc-coating-specs\">\n              <span class=\"csc-spec-tag\">3-8000 \u03a9\/sq<\/span>\n              <span class=\"csc-spec-tag\">Transmittance \u226585%<\/span>\n              <span class=\"csc-spec-tag\">Touch\/Solar<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"csc-preview\">\n        <div class=\"csc-preview-header\">\n          <h3 class=\"csc-preview-title\"><span>\ud83d\udc41\ufe0f<\/span> Stack Preview<\/h3>\n        <\/div>\n        <div class=\"csc-preview-body\">\n          <div class=\"csc-glass-visual\">\n            <div class=\"csc-layer-stack\" id=\"cscLayerStack\">\n              <div class=\"csc-empty-state\" id=\"cscEmptyState\"><div class=\"csc-empty-icon\">\ud83d\udce6<\/div><div>Click coatings to build your stack<\/div><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"csc-stats\">\n            <div class=\"csc-stat\"><div class=\"csc-stat-label\">Est. Transmittance<\/div><div class=\"csc-stat-value highlight\" id=\"cscTransmittance\">\u2014<\/div><\/div>\n            <div class=\"csc-stat\"><div class=\"csc-stat-label\">Total Layers<\/div><div class=\"csc-stat-value\" id=\"cscTotalLayers\">0<\/div><\/div>\n          <\/div>\n          <div class=\"csc-features\">\n            <div class=\"csc-features-title\">Stack Features<\/div>\n            <div class=\"csc-feature-list\" id=\"cscFeatureList\"><span style=\"font-size:12px;color:#64748B;\">Select coatings to see features<\/span><\/div>\n          <\/div>\n          <a href=\"#ct-popup-787\" class=\"csc-cta-btn\"><span>\ud83d\udccb<\/span> Get Quote for This Stack<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      'use strict';\n      var container=document.getElementById('og-coating-config-v3');\n      var coatingItems=container.querySelectorAll('.csc-coating-item');\n      var layerCount=container.querySelector('#cscLayerCount');\n      var layerStack=container.querySelector('#cscLayerStack');\n      var emptyState=container.querySelector('#cscEmptyState');\n      var transmittanceDisplay=container.querySelector('#cscTransmittance');\n      var totalLayersDisplay=container.querySelector('#cscTotalLayers');\n      var featureList=container.querySelector('#cscFeatureList');\n      var popupBtn=container.querySelector('.csc-cta-btn'); \/\/ Get popup trigger\n      var selectedCoatings=[];\n      var coatingData={ar:{name:'AR Coating',thickness:'120-180nm',transmittance:98,features:['High Clarity','Reduced Reflection','Better Contrast']},ag:{name:'AG Coating',thickness:'10-30\u03bcm',transmittance:92,features:['Glare Reduction','Outdoor Readable','Matte Finish']},af:{name:'AF Coating',thickness:'5-15nm',transmittance:99,features:['Easy Clean','Smudge Resistant','Hydrophobic']},ito:{name:'ITO Layer',thickness:'50-200nm',transmittance:88,features:['Touch Capable','Conductive','EMI Shield']}};\n      \n      function updatePreview(){\n        layerStack.innerHTML='';\n        if(selectedCoatings.length===0){layerStack.appendChild(emptyState.cloneNode(true));transmittanceDisplay.textContent='\u2014';totalLayersDisplay.textContent='0';featureList.innerHTML='<span style=\"font-size:12px;color:#64748B;\">Select coatings to see features<\/span>';layerCount.textContent='0 Selected';return}\n        var glassLayer=document.createElement('div');glassLayer.className='csc-layer glass';glassLayer.innerHTML='<span class=\"csc-layer-name\">Glass Substrate<\/span><span class=\"csc-layer-thickness\">1.0mm<\/span>';layerStack.appendChild(glassLayer);\n        var totalTransmittance=100,allFeatures=[];\n        selectedCoatings.forEach(function(coating){var data=coatingData[coating];var layer=document.createElement('div');layer.className='csc-layer '+coating;layer.innerHTML='<span class=\"csc-layer-name\">'+data.name+'<\/span><span class=\"csc-layer-thickness\">'+data.thickness+'<\/span>';layerStack.appendChild(layer);totalTransmittance=totalTransmittance*(data.transmittance\/100);allFeatures=allFeatures.concat(data.features)});\n        transmittanceDisplay.textContent='\u2265'+Math.round(totalTransmittance)+'%';totalLayersDisplay.textContent=selectedCoatings.length+1;layerCount.textContent=selectedCoatings.length+' Selected';\n        featureList.innerHTML='';allFeatures.forEach(function(feature){var featureEl=document.createElement('span');featureEl.className='csc-feature';featureEl.innerHTML='<span>\u2713<\/span> '+feature;featureList.appendChild(featureEl)})\n      }\n      \n      coatingItems.forEach(function(item){item.addEventListener('click',function(){var coating=this.getAttribute('data-coating');var index=selectedCoatings.indexOf(coating);if(index===-1){selectedCoatings.push(coating);this.classList.add('active')}else{selectedCoatings.splice(index,1);this.classList.remove('active')}updatePreview()})});\n      \n      \/\/ Blocksy Popup Event\n      if(popupBtn){\n        popupBtn.addEventListener('click', function(e) {\n          if (window.ctEvents) {\n            window.ctEvents.trigger('ct:popup:open', { id: '787' });\n          }\n        });\n      }\n\n      updatePreview()\n    })();\n  <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Coating Configurator Coating Stack Builder Select and combine optical coatings to visualize your custom glass stack and preview performance specifications. \ud83c\udfa8 Available Coatings 0 Selected \ud83d\udc8e AR Coating Anti-Reflective Transmittance \u226598% Reflectance \u22640.5% Multi-layer \ud83d\udd06 AG Coating Anti-Glare Gloss 40-120 GU Haze 2-28% Chemical\/Spray \ud83d\udd90\ufe0f AF Coating Anti-Fingerprint Water Angle \u2265110\u00b0 3000+ Abrasion Oleophobic \u26a1 [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":816,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1302","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/1302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/comments?post=1302"}],"version-history":[{"count":0,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/1302\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/816"}],"wp:attachment":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/media?parent=1302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}