{"id":3298,"date":"2026-05-16T15:25:41","date_gmt":"2026-05-16T15:25:41","guid":{"rendered":"https:\/\/laterna-lighting.de\/?post_type=product&#038;p=3298"},"modified":"2026-05-17T10:58:21","modified_gmt":"2026-05-17T10:58:21","slug":"linear-light","status":"publish","type":"product","link":"https:\/\/laterna-lighting.de\/?product=linear-light","title":{"rendered":"Linear Light"},"content":{"rendered":"\r\n    <div class=\"laterna-configurator\">\r\n      <div class=\"lc-preview\">\r\n        <div class=\"lc-lamp\">\r\n          <div class=\"lc-cable lc-left\"><\/div>\r\n          <div class=\"lc-cable lc-right\"><\/div>\r\n\r\n          <div class=\"lc-fixture white\">\r\n            <div class=\"lc-glow\"><\/div>\r\n            <div class=\"lc-cells\">\r\n              <span><\/span><span><\/span><span><\/span><span><\/span>\r\n              <span><\/span><span><\/span><span><\/span><span><\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lc-desk\"><\/div>\r\n        <p class=\"lc-preview-label\">Live Product Preview<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"lc-controls\">\r\n        <h2>Linear Pendant Configurator<\/h2>\r\n        <p>Configure length, CCT, body color, and driver option.<\/p>\r\n\r\n        <label>Product Length<\/label>\r\n        <select class=\"lc-length\">\r\n          <option value=\"450\" data-power=\"32\" data-flux=\"4800\">450 mm \u2014 32 W<\/option>\r\n          <option value=\"900\" data-power=\"64\" data-flux=\"9600\">900 mm \u2014 64 W<\/option>\r\n        <\/select>\r\n\r\n        <label>Color Temperature<\/label>\r\n        <select class=\"lc-cct\">\r\n          <option value=\"2700\">2700 K \u2014 Extra Warm White<\/option>\r\n          <option value=\"3000\">3000 K \u2014 Warm White<\/option>\r\n          <option value=\"4000\">4000 K \u2014 Neutral White<\/option>\r\n          <option value=\"5000\">5000 K \u2014 Cool White<\/option>\r\n          <option value=\"6000\">6000 K \u2014 Daylight White<\/option>\r\n        <\/select>\r\n\r\n        <label>Body Color<\/label>\r\n        <select class=\"lc-color\">\r\n          <option value=\"white\">White<\/option>\r\n          <option value=\"black\">Black<\/option>\r\n        <\/select>\r\n\r\n        <label>Driver<\/label>\r\n        <select class=\"lc-driver\">\r\n          <option value=\"Standard\">Standard<\/option>\r\n          <option value=\"DALI Dimmable\">DALI Dimmable<\/option>\r\n        <\/select>\r\n\r\n        <div class=\"lc-table\">\r\n          <div><strong>Power<\/strong><span class=\"lc-power\">32 W<\/span><\/div>\r\n          <div><strong>Luminous Flux<\/strong><span class=\"lc-flux\">4800 lm<\/span><\/div>\r\n          <div><strong>CCT<\/strong><span class=\"lc-cct-out\">2700 K<\/span><\/div>\r\n          <div><strong>CRI<\/strong><span>Ra &gt; 90<\/span><\/div>\r\n          <div><strong>Voltage<\/strong><span>220\u2013240 Vac, 50 Hz<\/span><\/div>\r\n          <div><strong>Body Color<\/strong><span class=\"lc-color-out\">White<\/span><\/div>\r\n          <div><strong>Driver<\/strong><span class=\"lc-driver-out\">Standard<\/span><\/div>\r\n        <\/div>\r\n\r\n        <a class=\"lc-button\" href=\"\/contact\">Request Quote<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n    .laterna-configurator{\r\n      display:grid;\r\n      grid-template-columns:1fr 1fr;\r\n      gap:40px;\r\n      align-items:center;\r\n      padding:40px;\r\n      background:#f7f7f4;\r\n      border-radius:24px;\r\n      font-family:Arial,sans-serif;\r\n      color:#222;\r\n    }\r\n\r\n    .lc-preview{\r\n      position:relative;\r\n      min-height:420px;\r\n      background:linear-gradient(#fff,#ecebe6);\r\n      border-radius:22px;\r\n      overflow:hidden;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n    }\r\n\r\n    .lc-lamp{\r\n      position:absolute;\r\n      top:110px;\r\n      width:100%;\r\n      display:flex;\r\n      justify-content:center;\r\n    }\r\n\r\n    .lc-cable{\r\n      position:absolute;\r\n      top:-80px;\r\n      width:2px;\r\n      height:80px;\r\n      background:#aaa;\r\n    }\r\n\r\n    .lc-left{left:32%;}\r\n    .lc-right{right:32%;}\r\n\r\n    .lc-fixture{\r\n      height:42px;\r\n      width:320px;\r\n      border-radius:8px;\r\n      position:relative;\r\n      transition:0.3s ease;\r\n      box-shadow:0 18px 35px rgba(0,0,0,0.18);\r\n    }\r\n\r\n    .lc-fixture.white{\r\n      background:#fff;\r\n      border:1px solid #ddd;\r\n    }\r\n\r\n    .lc-fixture.black{\r\n      background:#111;\r\n      border:1px solid #333;\r\n    }\r\n\r\n    .lc-glow{\r\n      position:absolute;\r\n      left:5%;\r\n      right:5%;\r\n      top:36px;\r\n      height:160px;\r\n      transition:0.3s ease;\r\n    }\r\n\r\n    .lc-cells{\r\n      display:flex;\r\n      justify-content:space-around;\r\n      align-items:center;\r\n      height:100%;\r\n      padding:0 16px;\r\n      position:relative;\r\n      z-index:2;\r\n    }\r\n\r\n    .lc-cells span{\r\n      width:23px;\r\n      height:20px;\r\n      border-radius:4px;\r\n      transition:0.3s ease;\r\n    }\r\n\r\n    .lc-desk{\r\n      position:absolute;\r\n      bottom:85px;\r\n      width:72%;\r\n      height:16px;\r\n      background:#c6b29a;\r\n      border-radius:30px;\r\n    }\r\n\r\n    .lc-preview-label{\r\n      position:absolute;\r\n      bottom:28px;\r\n      color:#666;\r\n      font-size:14px;\r\n    }\r\n\r\n    .lc-controls h2{\r\n      margin:0 0 8px;\r\n      font-size:28px;\r\n    }\r\n\r\n    .lc-controls p{\r\n      color:#666;\r\n      margin-bottom:24px;\r\n    }\r\n\r\n    .lc-controls label{\r\n      display:block;\r\n      margin-top:16px;\r\n      margin-bottom:6px;\r\n      font-weight:600;\r\n    }\r\n\r\n    .lc-controls select{\r\n      width:100%;\r\n      padding:12px;\r\n      border-radius:12px;\r\n      border:1px solid #ccc;\r\n      background:white;\r\n      font-size:15px;\r\n    }\r\n\r\n    .lc-table{\r\n      margin-top:24px;\r\n      border-top:1px solid #ddd;\r\n    }\r\n\r\n    .lc-table div{\r\n      display:flex;\r\n      justify-content:space-between;\r\n      padding:11px 0;\r\n      border-bottom:1px solid #ddd;\r\n      gap:20px;\r\n    }\r\n\r\n    .lc-table span{\r\n      text-align:right;\r\n      color:#555;\r\n    }\r\n\r\n    .lc-button{\r\n      display:inline-block;\r\n      margin-top:24px;\r\n      padding:13px 24px;\r\n      background:#111;\r\n      color:white;\r\n      text-decoration:none;\r\n      border-radius:999px;\r\n      font-weight:600;\r\n    }\r\n\r\n    @media(max-width:768px){\r\n      .laterna-configurator{\r\n        grid-template-columns:1fr;\r\n        padding:24px;\r\n      }\r\n\r\n      .lc-preview{\r\n        min-height:360px;\r\n      }\r\n\r\n      .lc-fixture{\r\n        max-width:85%;\r\n      }\r\n    }\r\n    <\/style>\r\n\r\n    <script>\r\n    document.addEventListener(\"DOMContentLoaded\", function(){\r\n\r\n      document.querySelectorAll(\".laterna-configurator\").forEach(function(config){\r\n\r\n        const length = config.querySelector(\".lc-length\");\r\n        const cct = config.querySelector(\".lc-cct\");\r\n        const color = config.querySelector(\".lc-color\");\r\n        const driver = config.querySelector(\".lc-driver\");\r\n\r\n        const fixture = config.querySelector(\".lc-fixture\");\r\n        const glow = config.querySelector(\".lc-glow\");\r\n\r\n        const powerOut = config.querySelector(\".lc-power\");\r\n        const fluxOut = config.querySelector(\".lc-flux\");\r\n        const cctOut = config.querySelector(\".lc-cct-out\");\r\n        const colorOut = config.querySelector(\".lc-color-out\");\r\n        const driverOut = config.querySelector(\".lc-driver-out\");\r\n\r\n        function getCCTStyle(value){\r\n          const styles = {\r\n            \"2700\": {\r\n              cell:\"radial-gradient(circle,#fff0b0,#b87320)\",\r\n              shadow:\"0 0 16px rgba(255,180,70,0.9)\",\r\n              glow:\"radial-gradient(ellipse at top,rgba(255,190,80,0.48),rgba(255,190,80,0))\"\r\n            },\r\n            \"3000\": {\r\n              cell:\"radial-gradient(circle,#fff2c2,#b98525)\",\r\n              shadow:\"0 0 16px rgba(255,205,100,0.85)\",\r\n              glow:\"radial-gradient(ellipse at top,rgba(255,214,120,0.45),rgba(255,214,120,0))\"\r\n            },\r\n            \"4000\": {\r\n              cell:\"radial-gradient(circle,#fffef4,#cfc9a8)\",\r\n              shadow:\"0 0 16px rgba(245,240,210,0.85)\",\r\n              glow:\"radial-gradient(ellipse at top,rgba(245,240,210,0.42),rgba(245,240,210,0))\"\r\n            },\r\n            \"5000\": {\r\n              cell:\"radial-gradient(circle,#f5fbff,#9fb8c8)\",\r\n              shadow:\"0 0 16px rgba(210,235,255,0.85)\",\r\n              glow:\"radial-gradient(ellipse at top,rgba(210,235,255,0.42),rgba(210,235,255,0))\"\r\n            },\r\n            \"6000\": {\r\n              cell:\"radial-gradient(circle,#eef8ff,#7fa9c8)\",\r\n              shadow:\"0 0 16px rgba(180,220,255,0.9)\",\r\n              glow:\"radial-gradient(ellipse at top,rgba(180,220,255,0.45),rgba(180,220,255,0))\"\r\n            }\r\n          };\r\n\r\n          return styles[value];\r\n        }\r\n\r\n        function updateConfigurator(){\r\n          const selected = length.options[length.selectedIndex];\r\n          const style = getCCTStyle(cct.value);\r\n\r\n          powerOut.textContent = selected.dataset.power + \" W\";\r\n          fluxOut.textContent = selected.dataset.flux + \" lm\";\r\n          cctOut.textContent = cct.value + \" K\";\r\n          colorOut.textContent = color.value.charAt(0).toUpperCase() + color.value.slice(1);\r\n          driverOut.textContent = driver.value;\r\n\r\n          fixture.className = \"lc-fixture \" + color.value;\r\n\r\n          fixture.style.width = length.value === \"450\" ? \"320px\" : \"560px\";\r\n\r\n          config.querySelectorAll(\".lc-cells span\").forEach(function(cell){\r\n            cell.style.background = style.cell;\r\n            cell.style.boxShadow = style.shadow;\r\n          });\r\n\r\n          glow.style.background = style.glow;\r\n        }\r\n\r\n        length.addEventListener(\"change\", updateConfigurator);\r\n        cct.addEventListener(\"change\", updateConfigurator);\r\n        color.addEventListener(\"change\", updateConfigurator);\r\n        driver.addEventListener(\"change\", updateConfigurator);\r\n\r\n        updateConfigurator();\r\n\r\n      });\r\n\r\n    });\r\n    <\/script>\r\n\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":3294,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"product_brand":[],"product_cat":[16],"product_tag":[],"class_list":{"0":"post-3298","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-all-products","7":"desktop-align-left","8":"tablet-align-left","9":"mobile-align-left","11":"first","12":"instock","13":"shipping-taxable","14":"product-type-simple"},"acf":[],"aioseo_notices":[],"uagb_featured_image_src":{"full":["https:\/\/laterna-lighting.de\/wp-content\/uploads\/2026\/05\/Linear-light-P2.png",1402,1122,false],"thumbnail":["https:\/\/laterna-lighting.de\/wp-content\/uploads\/2026\/05\/Linear-light-P2-150x150.png",150,150,true],"medium":["https:\/\/laterna-lighting.de\/wp-content\/uploads\/2026\/05\/Linear-light-P2-300x240.png",300,240,true],"medium_large":["https:\/\/laterna-lighting.de\/wp-content\/uploads\/2026\/05\/Linear-light-P2-768x615.png",768,615,true],"large":["https:\/\/laterna-lighting.de\/wp-content\/uploads\/2026\/05\/Linear-light-P2-1024x819.png",1024,819,true],"1536x1536":["https:\/\/laterna-lighting.de\/wp-content\/uploads\/2026\/05\/Linear-light-P2.png",1402,1122,false],"2048x2048":["https:\/\/laterna-lighting.de\/wp-content\/uploads\/2026\/05\/Linear-light-P2.png",1402,1122,false],"woocommerce_thumbnail":["https:\/\/laterna-lighting.de\/wp-content\/uploads\/2026\/05\/Linear-light-P2-300x300.png",300,300,true],"woocommerce_single":["https:\/\/laterna-lighting.de\/wp-content\/uploads\/2026\/05\/Linear-light-P2-600x480.png",600,480,true],"woocommerce_gallery_thumbnail":["https:\/\/laterna-lighting.de\/wp-content\/uploads\/2026\/05\/Linear-light-P2-100x100.png",100,100,true]},"uagb_author_info":{"display_name":"gogreen4cleanenergy@gmail.com","author_link":"https:\/\/laterna-lighting.de\/?author=0"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/laterna-lighting.de\/index.php?rest_route=\/wp\/v2\/product\/3298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/laterna-lighting.de\/index.php?rest_route=\/wp\/v2\/product"}],"about":[{"href":"https:\/\/laterna-lighting.de\/index.php?rest_route=\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/laterna-lighting.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3298"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/laterna-lighting.de\/index.php?rest_route=\/wp\/v2\/media\/3294"}],"wp:attachment":[{"href":"https:\/\/laterna-lighting.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3298"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/laterna-lighting.de\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_brand&post=3298"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/laterna-lighting.de\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_cat&post=3298"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/laterna-lighting.de\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_tag&post=3298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}