Dormitor Kora Andersen – amenajare interactivă

O amenajare interactivă de dormitor, bazată pe imaginea originală MobilaABC, cu hotspot-uri SVG precise, panou lateral de produs și cod embed pentru afișare pe alte site-uri.

Publicat de

In Weekend

Actualizat 05.04.2026

05.04.2026

Cod embed pentru alte site-uri

Copiază codul de mai jos pentru a afișa această imagine interactivă pe un alt site.

<div style="max-width:1062px;margin:0 auto;">
  <div style="position:relative;width:100%;padding-top:60.64%;overflow:hidden;border-radius:16px;">
    <iframe
      src="https://inweekend.ro/embed/dormitor-kora-minimal.html"
      title="Amenajare interactivă dormitor Kora"
      loading="lazy"
      referrerpolicy="strict-origin-when-cross-origin"
      sandbox="allow-scripts allow-same-origin allow-popups"
      style="position:absolute;inset:0;width:100%;height:100%;border:0;"
      allowfullscreen>
    </iframe>
  </div>
</div>

<div style="max-width:1062px;margin:0 auto;">
  <div style="position:relative;width:100%;padding-top:60.64%;overflow:hidden;border-radius:16px;">
    <iframe
      src="https://inweekend.ro/embed/dormitor-kora-minimal.html"
      title="Amenajare interactivă dormitor Kora"
      loading="lazy"
      referrerpolicy="strict-origin-when-cross-origin"
      sandbox="allow-scripts allow-same-origin allow-popups"
      style="position:absolute;inset:0;width:100%;height:100%;border:0;"
      allowfullscreen>
    </iframe>
  </div>
</div>

Dormitor clasic luminos cu funcționalitate modernă

Această pagină interactivă păstrează structura editorială a unui articol standard In Weekend, dar include în plus componenta SVG funcțională, panoul lateral pentru produse și secțiunea de cod embed. Imaginea principală rămâne cover-ul articolului, iar zona interactivă este afișată sub intro, fără să afecteze experiența editorială.

Ce conține această variantă

Hotspot-urile SVG folosesc exact coordonatele poligoanelor din imagemap-ul original. La selectarea unei zone sau a unui produs din listă, panoul lateral afișează titlul, prețul, disponibilitatea și linkul produsului. Datele sunt citite din fișierul local generat înainte de build, nu prin fetch live din browser.

De ce este util formatul acesta

Structura articolului rămâne compatibilă cu postările bilingve existente, cu câmpuri separate pentru română și engleză, cover, lead, categorii și translation key. În același timp, funcționalitatea interactivă rămâne intactă, iar codul embed poate fi copiat direct din pagină pentru site-uri externe.