{"product_id":"expolinc-popup-magnetic-gerade-messewand","title":"Expolinc PopUp Magnetic gerade Messewand","description":"\u003cul style=\"margin: 20px 0; padding-left: 0; list-style: none; font-size: 16px; line-height: 1.8; color: #444;\"\u003e\n\u003cli style=\"margin-bottom: 6px;\"\u003e✔ \u003cstrong\u003eKomplettsystem – sofort einsatzbereit\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 6px;\"\u003e✔ Vormontiert \u0026amp; geprüft (kein Risiko)\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 6px;\"\u003e✔ In wenigen Minuten aufgebaut\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 6px;\"\u003e\u003cstrong\u003e✔ Expolinc Lifetime Garantie\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- Accordion --\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary class=\"cc-accordion-item__title\"\u003e\n\u003ch3\u003eDruckvorlage für meine Konfiguration erstellen\u003c\/h3\u003e\n\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-item__panel\" style=\"padding: 0 12px;\"\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 1rem;\"\u003e\n\u003cdiv style=\"flex: 1; min-width: 200px;\"\u003e\n\u003clabel\u003e\u003cstrong\u003eAusführung:\u003c\/strong\u003e\u003c\/label\u003e\u003cbr\u003e\u003cselect id=\"wandTyp\" style=\"width: 100%; padding: 8px;\"\u003e\n\u003coption value=\"gebogen\"\u003eGebogen\u003c\/option\u003e\n\u003coption value=\"gerade\"\u003eGerade\u003c\/option\u003e\n\u003c\/select\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex: 1; min-width: 200px;\"\u003e\n\u003clabel\u003e\u003cstrong\u003eSystemhöhe (mm):\u003c\/strong\u003e\u003c\/label\u003e\u003cbr\u003e\u003cselect id=\"hoehe\" style=\"width: 100%; padding: 8px;\"\u003e\n\u003coption value=\"2224\"\u003e2224 mm\u003c\/option\u003e\n\u003coption value=\"2485\"\u003e2485 mm\u003c\/option\u003e\n\u003coption value=\"2957\"\u003e2957 mm\u003c\/option\u003e\n\u003c\/select\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex: 1; min-width: 200px;\"\u003e\n\u003clabel\u003e\u003cstrong\u003eGrafikbahnen:\u003c\/strong\u003e\u003c\/label\u003e\u003cbr\u003e\u003cselect id=\"felder\" style=\"width: 100%; padding: 8px;\"\u003e\n\u003coption value=\"2\"\u003e2 Stck.\u003c\/option\u003e\n\u003coption selected value=\"3\"\u003e3 Stck.\u003c\/option\u003e\n\u003coption value=\"4\"\u003e4 Stck.\u003c\/option\u003e\n\u003c\/select\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex: 1; min-width: 200px;\"\u003e\n\u003clabel\u003e\u003cstrong\u003eEndkappen:\u003c\/strong\u003e\u003c\/label\u003e\u003cbr\u003e\u003cselect id=\"endkappe\" style=\"width: 100%; padding: 8px;\"\u003e\n\u003coption value=\"gebogen\"\u003eGebogen\u003c\/option\u003e\n\u003coption value=\"gerade\"\u003eGerade\u003c\/option\u003e\n\u003coption value=\"keine\"\u003eKeine\u003c\/option\u003e\n\u003c\/select\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Live Maße --\u003e\n\u003cdiv id=\"liveOutput\" style=\"margin: 10px 0; font-weight: 600;\"\u003e\u003c\/div\u003e\n\u003c!-- Legende --\u003e\n\u003cdiv style=\"display: flex; gap: 24px; font-size: 13px; color: #666; margin-bottom: 12px;\"\u003e\n\u003cdiv\u003e\n\u003cspan style=\"color: red; font-size: 18px;\"\u003e■\u003c\/span\u003e Beschnitt\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan style=\"color: green; font-size: 18px;\"\u003e■\u003c\/span\u003e Sichtbereich\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan style=\"color: #3366ff; font-size: 18px;\"\u003e■\u003c\/span\u003e Panels\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Button --\u003e \u003cbutton class=\"glass-button\" id=\"generatePdfWall\" style=\"width: 100%; padding: 14px; display: flex; justify-content: center; align-items: center; text-align: center;\"\u003e Druckvorlage erstellen \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf-lib\/1.17.1\/pdf-lib.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\nconst liveOutput = document.getElementById(\"liveOutput\");\nconst btn = document.getElementById(\"generatePdfWall\");\n\n\/\/ LIVE OUTPUT\nfunction updateLiveOutput() {\n  const wandTyp = document.getElementById(\"wandTyp\").value;\n  const hoehe = parseInt(document.getElementById(\"hoehe\").value);\n  const felder = parseInt(document.getElementById(\"felder\").value);\n  const endkappe = document.getElementById(\"endkappe\").value;\n\n  const raster = wandTyp === \"gebogen\" ? 673 : 733;\n  const end = endkappe === \"gebogen\" ? 673 : endkappe === \"gerade\" ? 293 : 0;\n\n  const gesamt = (felder * raster) + (endkappe === \"keine\" ? 0 : 2 * end);\n\n  liveOutput.innerText = `Gesamtmaß: ${gesamt} mm × ${hoehe} mm`;\n}\n\ndocument.querySelectorAll(\"select\").forEach(el =\u003e {\n  el.addEventListener(\"change\", updateLiveOutput);\n});\n\nupdateLiveOutput();\n\n\/\/ PDF GENERATOR\nbtn.addEventListener(\"click\", async () =\u003e {\n\n  btn.innerText = \"PDF wird erstellt...\";\n  btn.disabled = true;\n\n  const wandTyp = document.getElementById(\"wandTyp\").value;\n  const hoehe = parseInt(document.getElementById(\"hoehe\").value);\n  const felder = parseInt(document.getElementById(\"felder\").value);\n  const endkappe = document.getElementById(\"endkappe\").value;\n\n  const wandTypLabel = wandTyp === \"gebogen\" ? \"Gebogen\" : \"Gerade\";\n  const endkappeLabel = endkappe === \"keine\" ? \"Ohne Endkappen\" : endkappe;\n\n  const raster = wandTyp === \"gebogen\" ? 673 : 733;\n  const end = endkappe === \"gebogen\" ? 673 : endkappe === \"gerade\" ? 293 : 0;\n\n  const beschnitt = 10;\n  const totalPanels = felder + (endkappe === \"keine\" ? 0 : 2);\n  const gesamt = (felder * raster) + (endkappe === \"keine\" ? 0 : 2 * end);\n\n  const mmToPt = mm =\u003e mm * 2.83465;\n\n  const { PDFDocument, rgb, StandardFonts } = PDFLib;\n  const pdfDoc = await PDFDocument.create();\n\n  const page = pdfDoc.addPage([\n    mmToPt(gesamt + 2 * beschnitt),\n    mmToPt(hoehe + 2 * beschnitt)\n  ]);\n\n  const font = await pdfDoc.embedFont(StandardFonts.Helvetica);\n  const margin = mmToPt(beschnitt);\n\n  \/\/ ROT\n  page.drawRectangle({\n    x: 0,\n    y: 0,\n    width: mmToPt(gesamt + 2 * beschnitt),\n    height: mmToPt(hoehe + 2 * beschnitt),\n    borderColor: rgb(1, 0, 0),\n    borderWidth: 6\n  });\n\n  \/\/ GRÜN\n  page.drawRectangle({\n    x: margin,\n    y: margin,\n    width: mmToPt(gesamt),\n    height: mmToPt(hoehe),\n    borderColor: rgb(0, 0.6, 0),\n    borderWidth: 4\n  });\n\n  \/\/ BLAU\n  let x = margin;\n  for (let i = 0; i \u003c totalPanels; i++) {\n    const w = (i === 0 || i === totalPanels - 1) \u0026\u0026 endkappe !== \"keine\" ? end : raster;\n    x += mmToPt(w);\n\n    if (i \u003c totalPanels - 1) {\n      page.drawLine({\n        start: { x, y: margin },\n        end: { x, y: margin + mmToPt(hoehe) },\n        color: rgb(0.2, 0.4, 1),\n        thickness: 4\n      });\n    }\n  }\n\n  \/\/ gestrichelt nur wenn gebogen + gebogene Endkappen\n  if (wandTyp === \"gebogen\" \u0026\u0026 endkappe === \"gebogen\") {\n    const offset = 573;\n\n    [offset, gesamt - offset].forEach(pos =\u003e {\n      page.drawLine({\n        start: { x: margin + mmToPt(pos), y: margin },\n        end: { x: margin + mmToPt(pos), y: margin + mmToPt(hoehe) },\n        color: rgb(1, 0, 0),\n        thickness: 5,\n        dashArray: [12,12]\n      });\n    });\n  }\n\n  \/\/ TEXT\n  const fontSize = 50;\n  let lines = [\n    \"Druckvorlage Pop-Up Messewand\",\n    \"\",\n    \"Konfiguration:\",\n    `Ausführung: ${wandTypLabel}`,\n    `Systemhöhe: ${hoehe} mm`,\n    `Grafikbahnen: ${felder}`,\n    `Endkappen: ${endkappeLabel}`,\n    \"\",\n    `Gesamtmaß: ${gesamt} mm × ${hoehe} mm`\n  ];\n\n  if (wandTyp === \"gebogen\" \u0026\u0026 endkappe === \"gebogen\") {\n    lines.push(\n      \"\",\n      \"Hinweis:\",\n      \"Wichtige Inhalte nur innerhalb der gestrichelten Linien platzieren.\",\n      \"Außerhalb kann es durch die Rundung zu Verzerrungen kommen.\"\n    );\n  }\n\n  let y = mmToPt(hoehe + beschnitt) - 100;\n\n  lines.forEach(line =\u003e {\n    const textWidth = font.widthOfTextAtSize(line, fontSize);\n    page.drawText(line, {\n      x: (mmToPt(gesamt + 2 * beschnitt) - textWidth) \/ 2,\n      y,\n      size: fontSize,\n      font\n    });\n    y -= fontSize * 1.3;\n  });\n\n  \/\/ DOWNLOAD NAME\n  const pdfBytes = await pdfDoc.save();\n  const blob = new Blob([pdfBytes], { type: \"application\/pdf\" });\n\n  const a = document.createElement(\"a\");\n  a.href = URL.createObjectURL(blob);\n  a.download = `PopUp-${wandTyp}-${felder}B-${hoehe}mm-${endkappe}.pdf`;\n  a.click();\n\n  btn.innerText = \"PDF herunterladen\";\n  btn.disabled = false;\n});\n\u003c\/script\u003e\u003c\/p\u003e\n\u003ch2\u003eExpolinc PopUp Magnetic gerade Messewand – schnell aufgebaut \u0026amp; professionell präsentieren\u003c\/h2\u003e\n\u003cp\u003eDie \u003cstrong\u003eExpolinc PopUp Magnetic gerade Messewand\u003c\/strong\u003e ist die ideale Lösung für professionelle Messestände, Events und Präsentationen. Sie überzeugt durch werkzeuglosen Aufbau in wenigen Minuten, hochwertige Druckqualität und maximale Mobilität. Perfekt für Unternehmen, die flexibel und überzeugend auftreten möchten.\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003c!-- Accordion Container --\u003e\n\u003cdiv class=\"product-detail-accordion\" style=\"margin-top: 1.5rem;\"\u003e\n\u003cdiv class=\"cc-accordion\" data-allow-multi-open=\"true\"\u003e\n\u003c!-- Accordion 1 --\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary class=\"cc-accordion-item__title\"\u003e\n\u003ch3\u003eHauptmerkmale\u003c\/h3\u003e\n\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-item__panel\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSchneller Aufbau ohne Werkzeug:\u003c\/strong\u003e Die gerade Messewand ist in wenigen Minuten durch eine Person aufgebaut.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKompakt \u0026amp; mobil:\u003c\/strong\u003e Leicht zu transportieren und ideal für den Einsatz auf wechselnden Events.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHochwertiger Druck:\u003c\/strong\u003e Brillante Farben auf langlebigen Materialien mit Schutzlaminat.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStabiles System:\u003c\/strong\u003e Robuste Konstruktion mit langlebiger Qualität und Herstellergarantie.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFlexible Varianten:\u003c\/strong\u003e Anpassbar in Breite, Höhe und Ausführung für unterschiedliche Einsatzbereiche.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSchnelle Verfügbarkeit:\u003c\/strong\u003e Auch für kurzfristige Messeauftritte geeignet.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Accordion 2 --\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary class=\"cc-accordion-item__title\"\u003e\n\u003ch3\u003eVerpackung \u0026amp; Transportlösungen\u003c\/h3\u003e\n\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-item__panel\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 2rem;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 2rem;\"\u003e\n\u003cimg style=\"max-width: 100%; height: auto; margin-bottom: 1rem;\" alt=\"Expolinc PopUp Magnetic Standard Case Premium Paket\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0516\/7949\/4302\/files\/Standard-Case_480x480.jpg?v=1649496993\" loading=\"lazy\"\u003e\n\u003cp\u003e\u003cstrong\u003ePremium Paket\u003c\/strong\u003e\u003cbr\u003eTransportkoffer, der sich schnell in eine praktische Messetheke verwandeln lässt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 2rem;\"\u003e\n\u003cimg style=\"max-width: 100%; height: auto; margin-bottom: 1rem;\" alt=\"Expolinc PopUp Magnetic Case and Counter Paket\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0516\/7949\/4302\/files\/Case-and-Counter_480x480.jpg?v=1649497070\" loading=\"lazy\"\u003e\n\u003cp\u003e\u003cstrong\u003eCase \u0026amp; Counter Paket\u003c\/strong\u003e\u003cbr\u003eGeräumiger Koffer mit Thekenfunktion und zusätzlichem Stauraum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Accordion 3 --\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary class=\"cc-accordion-item__title\"\u003e\n\u003ch3\u003eAufbau \u0026amp; Downloads\u003c\/h3\u003e\n\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-item__panel\"\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0516\/7949\/4302\/files\/Expolinc-PopUp-Magnetic-setup.pdf?v=1654943696\" target=\"_blank\"\u003eAufbauanleitung Expolinc PopUp Magnetic\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0516\/7949\/4302\/files\/Panel-Guide-PopUp.pdf?v=1687518362\" target=\"_blank\"\u003ePanelmaße Übersicht\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Accordion 4 --\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary class=\"cc-accordion-item__title\"\u003e\n\u003ch3\u003ePanelmaße\u003c\/h3\u003e\n\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-item__panel\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse;\"\u003e\n\u003cthead style=\"background-color: #f2f2f2;\"\u003e\n\u003ctr\u003e\n\u003cth\u003eSystem\u003c\/th\u003e\n\u003cth\u003eStandardhöhe\u003c\/th\u003e\n\u003cth\u003e2,5 m Höhe\u003c\/th\u003e\n\u003cth\u003e3 m Höhe\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eGerades Panel (Front)\u003c\/td\u003e\n\u003ctd\u003e733×2224 mm\u003c\/td\u003e\n\u003ctd\u003e733×2485 mm\u003c\/td\u003e\n\u003ctd\u003e733×2957 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGerades Panel (Rückseite)\u003c\/td\u003e\n\u003ctd\u003e733×2224 mm\u003c\/td\u003e\n\u003ctd\u003e733×2485 mm\u003c\/td\u003e\n\u003ctd\u003e733×2957 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSeitenpanel gebogen\u003c\/td\u003e\n\u003ctd\u003e673×2224 mm\u003c\/td\u003e\n\u003ctd\u003e673×2485 mm\u003c\/td\u003e\n\u003ctd\u003e673×2957 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSeitenpanel flach\u003c\/td\u003e\n\u003ctd\u003e293×2224 mm\u003c\/td\u003e\n\u003ctd\u003e293×2485 mm\u003c\/td\u003e\n\u003ctd\u003e293×2957 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Expolinc","offers":[{"title":"Klein – ca. 200 cm breit \/ 224 cm \/ PREMIUM PAKET","offer_id":39821499400350,"sku":"","price":1623.0,"currency_code":"EUR","in_stock":true},{"title":"Klein – ca. 200 cm breit \/ 224 cm \/ CASE \u0026 COUNTER PAKET","offer_id":39821499433118,"sku":"","price":1986.0,"currency_code":"EUR","in_stock":true},{"title":"Klein – ca. 200 cm breit \/ 250 cm \/ PREMIUM PAKET","offer_id":39821499498654,"sku":"","price":1689.0,"currency_code":"EUR","in_stock":true},{"title":"Klein – ca. 200 cm breit \/ 250 cm \/ CASE \u0026 COUNTER PAKET","offer_id":39821499531422,"sku":"","price":2052.0,"currency_code":"EUR","in_stock":true},{"title":"Klein – ca. 200 cm breit \/ 300 cm \/ PREMIUM PAKET","offer_id":39821499596958,"sku":"","price":1997.0,"currency_code":"EUR","in_stock":true},{"title":"Klein – ca. 200 cm breit \/ 300 cm \/ CASE \u0026 COUNTER PAKET","offer_id":39821499629726,"sku":"","price":2360.0,"currency_code":"EUR","in_stock":true},{"title":"Mittel – ca. 275 cm breit \/ 224 cm \/ PREMIUM PAKET","offer_id":39821499695262,"sku":"","price":1857.0,"currency_code":"EUR","in_stock":true},{"title":"Mittel – ca. 275 cm breit \/ 224 cm \/ CASE \u0026 COUNTER PAKET","offer_id":39821499728030,"sku":"","price":2224.0,"currency_code":"EUR","in_stock":true},{"title":"Mittel – ca. 275 cm breit \/ 250 cm \/ PREMIUM PAKET","offer_id":39821499793566,"sku":"","price":1940.0,"currency_code":"EUR","in_stock":true},{"title":"Mittel – ca. 275 cm breit \/ 250 cm \/ CASE \u0026 COUNTER PAKET","offer_id":39821499826334,"sku":"","price":2308.0,"currency_code":"EUR","in_stock":true},{"title":"Mittel – ca. 275 cm breit \/ 300 cm \/ PREMIUM PAKET","offer_id":39821499891870,"sku":"","price":2374.0,"currency_code":"EUR","in_stock":true},{"title":"Mittel – ca. 275 cm breit \/ 300 cm \/ CASE \u0026 COUNTER PAKET","offer_id":39821499924638,"sku":"","price":2742.0,"currency_code":"EUR","in_stock":true},{"title":"Groß – ca. 350 cm breit \/ 224 cm \/ PREMIUM PAKET","offer_id":39821499990174,"sku":"","price":2093.0,"currency_code":"EUR","in_stock":true},{"title":"Groß – ca. 350 cm breit \/ 224 cm \/ CASE \u0026 COUNTER PAKET","offer_id":39821500022942,"sku":"","price":2461.0,"currency_code":"EUR","in_stock":true},{"title":"Groß – ca. 350 cm breit \/ 250 cm \/ PREMIUM PAKET","offer_id":39821500088478,"sku":"","price":2193.0,"currency_code":"EUR","in_stock":true},{"title":"Groß – ca. 350 cm breit \/ 250 cm \/ CASE \u0026 COUNTER PAKET","offer_id":39821500121246,"sku":"","price":2562.0,"currency_code":"EUR","in_stock":true},{"title":"Groß – ca. 350 cm breit \/ 300 cm \/ PREMIUM PAKET","offer_id":39821500186782,"sku":"","price":2753.0,"currency_code":"EUR","in_stock":true},{"title":"Groß – ca. 350 cm breit \/ 300 cm \/ CASE \u0026 COUNTER PAKET","offer_id":39821500219550,"sku":"","price":3122.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0516\/7949\/4302\/files\/expolinc-popup-magnetic-gerade-messewand-2584623.jpg?v=1776880828","url":"https:\/\/vis24.de\/products\/expolinc-popup-magnetic-gerade-messewand","provider":"VIS24","version":"1.0","type":"link"}