{"product_id":"aue-soleil-halter-dress","title":"ByAmara - Soleil Dress","description":"\u003cdiv class=\"custom-product-tabs\" id=\"shopify-product-tabs-{{ section.id }}\"\u003e\n  \n  \u003c!-- Tab 1: Productinformatie (Gesloten) --\u003e\n  \u003cdetails class=\"info-balk\"\u003e\n    \u003csummary class=\"info-balk__titel\"\u003e\n      \u003cspan\u003eProductinformatie\u003c\/span\u003e \n      \u003cspan class=\"icon-arrow\"\u003e▼\u003c\/span\u003e\n    \u003c\/summary\u003e\n    \u003cdiv class=\"info-balk__content\"\u003e\n      \u003cp\u003eDit exclusieve item van \u003cstrong\u003e{{ product.vendor | default: shop.name }}\u003c\/strong\u003e is met zorg ontworpen en biedt de perfecte mix tussen comfort en stijl. Deze modieuze mini-jurk valt op door zijn elegante halternek en een verleidelijke open rug met een sierlijke striksluiting. Dankzij het zwierige, gelaagde silhouet en de comfortabele 'loose fit' danst de stof soepel om je lichaam. Gemaakt van een fijngebreide, licht elastische stof die heerlijk luchtig aanvoelt – jouw ultieme go-to outfit voor warme lente- en zomerdagen, strandfeestjes of een stijlvolle avond uit.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003c!-- Tab 2: Wasvoorschrift (Gesloten) --\u003e\n  \u003cdetails class=\"info-balk\"\u003e\n    \u003csummary class=\"info-balk__titel\"\u003e\n      \u003cspan\u003eWasvoorschrift\u003c\/span\u003e \n      \u003cspan class=\"icon-arrow\"\u003e▼\u003c\/span\u003e\n    \u003c\/summary\u003e\n    \u003cdiv class=\"info-balk__content\"\u003e\n      \u003cul\u003e\n        \u003cli\u003eBinnenstebuiten wassen op maximaal 30°C (fijnwasprogramma aanbevolen).\u003c\/li\u003e\n        \u003cli\u003eNiet in de droger drogen om de gelaagde pasvorm en stofkwaliteit mooi te houden.\u003c\/li\u003e\n        \u003cli\u003eNiet bleken \/ Hangend laten drogen.\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003c!-- Tab 3: Size Quiz \u0026 Maattabel (Gesloten) --\u003e\n  \u003cdetails class=\"info-balk\"\u003e\n    \u003csummary class=\"info-balk__titel\"\u003e\n      \u003cspan\u003eSize Quiz \u0026amp; Maatadvies\u003c\/span\u003e \n      \u003cspan class=\"icon-arrow\"\u003e▼\u003c\/span\u003e\n    \u003c\/summary\u003e\n    \u003cdiv class=\"info-balk__content\"\u003e\n      \u003cp\u003eTwijfel je over de maat? Gebruik onze interactieve \u003cstrong\u003eSize Quiz\u003c\/strong\u003e voor een direct, concreet advies!\u003c\/p\u003e\n      \n      \u003c!-- 2-Staps Size Quiz Box --\u003e\n      \u003cdiv class=\"size-quiz-box\"\u003e\n        \u003cdiv class=\"quiz-stap\"\u003e\n          \u003ch4\u003e1. Wat is jouw normale kledingmaat?\u003c\/h4\u003e\n          \u003cdiv class=\"quiz-options\"\u003e\n            \u003cspan class=\"quiz-btn maat-btn\" data-maat=\"XS\"\u003eMaat XS\u003c\/span\u003e\n            \u003cspan class=\"quiz-btn maat-btn\" data-maat=\"S\"\u003eMaat S\u003c\/span\u003e \n            \u003cspan class=\"quiz-btn maat-btn\" data-maat=\"M\"\u003eMaat M\u003c\/span\u003e \n            \u003cspan class=\"quiz-btn maat-btn\" data-maat=\"L\"\u003eMaat L\u003c\/span\u003e\n            \u003cspan class=\"quiz-btn maat-btn\" data-maat=\"XL\"\u003eMaat XL\u003c\/span\u003e\n            \u003cspan class=\"quiz-btn maat-btn\" data-maat=\"XXL\"\u003eMaat XXL\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"quiz-stap\" style=\"margin-top: 20px;\"\u003e\n          \u003ch4\u003e2. Welke pasvorm heeft jouw voorkeur?\u003c\/h4\u003e\n          \u003cdiv class=\"quiz-options\"\u003e\n            \u003cspan class=\"quiz-btn fit-btn\" data-fit=\"slim\"\u003eIets minder wijd \/ Slanker vallend\u003c\/span\u003e \n            \u003cspan class=\"quiz-btn fit-btn\" data-fit=\"regular\"\u003eLuchtig \u0026amp; Vloeiend (Zoals model)\u003c\/span\u003e\n            \u003cspan class=\"quiz-btn fit-btn\" data-fit=\"oversized\"\u003eExtra los \/ Oversized drape\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Dynamisch resultaat --\u003e\n        \u003cdiv style=\"display: none;\" class=\"quiz-resultaat-box\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Maattabel --\u003e\n      \u003cdiv class=\"maattabel-wrapper\" style=\"overflow-x: auto;\"\u003e\n        \u003ctable class=\"maattabel\"\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003cth\u003eMaat\u003c\/th\u003e\n              \u003cth\u003eBorstkas (cm)\u003c\/th\u003e\n              \u003cth\u003eLengte (cm)\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003ctr\u003e\n              \u003ctd\u003e\u003cstrong\u003eXS\u003c\/strong\u003e\u003c\/td\u003e\n              \u003ctd\u003e82\u003c\/td\u003e\n              \u003ctd\u003e73\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003e\u003cstrong\u003eS\u003c\/strong\u003e\u003c\/td\u003e\n              \u003ctd\u003e88\u003c\/td\u003e\n              \u003ctd\u003e74\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003e\u003cstrong\u003eM\u003c\/strong\u003e\u003c\/td\u003e\n              \u003ctd\u003e92\u003c\/td\u003e\n              \u003ctd\u003e75\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003e\u003cstrong\u003eL\u003c\/strong\u003e\u003c\/td\u003e\n              \u003ctd\u003e98\u003c\/td\u003e\n              \u003ctd\u003e76\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003e\u003cstrong\u003eXL\u003c\/strong\u003e\u003c\/td\u003e\n              \u003ctd\u003e104\u003c\/td\u003e\n              \u003ctd\u003e77\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003e\u003cstrong\u003eXXL\u003c\/strong\u003e\u003c\/td\u003e\n              \u003ctd\u003e110\u003c\/td\u003e\n              \u003ctd\u003e78\u003c\/td\u003e\n            \u003c\/tr\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  .custom-product-tabs {\n    max-width: 100%;\n    margin: 20px 0;\n    font-family: inherit;\n  }\n  .info-balk {\n    border: 1px solid #e8e8e8;\n    border-radius: 6px;\n    margin-bottom: 10px;\n    overflow: hidden;\n    background: #fff;\n    transition: all 0.3s ease;\n  }\n  .info-balk__titel {\n    padding: 15px 20px;\n    font-weight: 600;\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    list-style: none;\n    background-color: #f9f9f9;\n    user-select: none;\n  }\n  .info-balk__titel::-webkit-details-marker {\n    display: none;\n  }\n  .info-balk[open] .info-balk__titel {\n    background-color: #f1f1f1;\n    border-bottom: 1px solid #e8e8e8;\n  }\n  .info-balk[open] .icon-arrow {\n    transform: rotate(180deg);\n  }\n  .info-balk__content {\n    padding: 20px;\n    line-height: 1.6;\n    color: #333;\n  }\n  .size-quiz-box {\n    background: #f8f9fa;\n    padding: 20px;\n    border-radius: 8px;\n    border: 1px dashed #bbb;\n    margin-bottom: 15px;\n    position: relative;\n    z-index: 1;\n  }\n  .size-quiz-box h4 {\n    margin: 0 0 10px 0;\n    font-size: 15px;\n    font-weight: 600;\n    text-align: left;\n  }\n  .quiz-options {\n    display: flex;\n    gap: 10px;\n    justify-content: flex-start;\n    flex-wrap: wrap;\n  }\n  .quiz-btn {\n    display: inline-block;\n    background: #fff;\n    color: #000;\n    border: 1px solid #ccc;\n    padding: 10px 18px;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 500;\n    transition: all 0.2s ease;\n    user-select: none;\n    pointer-events: auto !important;\n  }\n  .quiz-btn:hover {\n    border-color: #000;\n    background: #f9f9f9;\n  }\n  .quiz-btn.active-btn {\n    background: #000;\n    color: #fff;\n    border-color: #000;\n  }\n  .quiz-resultaat-box {\n    margin-top: 20px;\n    padding: 15px;\n    background: #e6f4ea;\n    color: #137333;\n    border-radius: 6px;\n    font-size: 15px;\n    text-align: left;\n    border-left: 5px solid #137333;\n    animation: quizFadeIn 0.3s ease;\n  }\n  @keyframes quizFadeIn {\n    from { opacity: 0; transform: translateY(5px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n  .maattabel {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 15px;\n  }\n  .maattabel th, .maattabel td {\n    border: 1px solid #e8e8e8;\n    padding: 10px;\n    text-align: left;\n    font-size: 14px;\n  }\n  .maattabel th {\n    background-color: #f9f9f9;\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function() {\n    const setupQuizDirect = function() {\n      const quizBoxes = document.querySelectorAll('.size-quiz-box');\n      \n      quizBoxes.forEach(function(quizBox) {\n        const buttons = quizBox.querySelectorAll('.quiz-btn');\n        const resultBox = quizBox.querySelector('.quiz-resultaat-box');\n\n        buttons.forEach(function(button) {\n          button.replaceWith(button.cloneNode(true));\n        });\n\n        const freshButtons = quizBox.querySelectorAll('.quiz-btn');\n        freshButtons.forEach(function(button) {\n          button.addEventListener('click', function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n\n            if (this.classList.contains('maat-btn')) {\n              quizBox.querySelectorAll('.maat-btn').forEach(b =\u003e b.classList.remove('active-btn'));\n            } else if (this.classList.contains('fit-btn')) {\n              quizBox.querySelectorAll('.fit-btn').forEach(b =\u003e b.classList.remove('active-btn'));\n            }\n            \n            this.classList.add('active-btn');\n\n            const gekozenMaatBtn = quizBox.querySelector('.maat-btn.active-btn');\n            const gekozenFitBtn = quizBox.querySelector('.fit-btn.active-btn');\n\n            if (gekozenMaatBtn \u0026\u0026 gekozenFitBtn) {\n              const basisMaat = gekozenMaatBtn.getAttribute('data-maat');\n              const pasvorm = gekozenFitBtn.getAttribute('data-fit');\n              \n              const matenVolgorde = ['XS', 'S', 'M', 'L', 'XL', 'XXL'];\n              let huidigeIndex = matenVolgorde.indexOf(basisMaat);\n              \n              let adviesMaat = basisMaat;\n              let onderbouwing = \"\";\n\n              if (pasvorm === 'slim') {\n                if (huidigeIndex \u003e 0) {\n                  adviesMaat = matenVolgorde[huidigeIndex - 1];\n                  onderbouwing = \"Omdat deze jurk van zichzelf een gelaagd en wijdvallend silhouet heeft, adviseren we je een maatje kleiner te bestellen voor een iets compacter, minder volumineus effect.\";\n                } else {\n                  adviesMaat = basisMaat;\n                  onderbouwing = \"Dit model valt soepel en wijdvallend. Maat XS is de kleinste maat en zal prachtig losjes langs het lichaam draperen.\";\n                }\n              } else if (pasvorm === 'regular') {\n                adviesMaat = basisMaat;\n                onderbouwing = \"Je eigen kledingmaat geeft exact de speelse, vloeiende 'loose fit' look zoals deze jurk ontworpen en bedoeld is.\";\n              } else if (pasvorm === 'oversized') {\n                if (huidigeIndex \u003c matenVolgorde.length - 1) {\n                  adviesMaat = matenVolgorde[huidigeIndex + 1];\n                  onderbouwing = \"Voor een extra golvend, oversized en super luchtig effect raden we je aan om één maat groter te kiezen.\";\n                } else {\n                  adviesMaat = basisMaat;\n                  onderbouwing = \"Dit model is beschikbaar tot XXL. Maat XXL biedt door het gelaagde ontwerp al een heerlijk comfortabele, royale wijdte.\";\n                }\n              }\n\n              resultBox.innerHTML = `🎉 \u003cstrong\u003eOns Maatadvies:\u003c\/strong\u003e Bestel dit item in \u003cstrong\u003eMAAT ${adviesMaat}\u003c\/strong\u003e.\u003cbr\u003e\u003cspan style=\"font-weight: normal; font-size: 13px; color: #444; display:block; margin-top: 4px;\"\u003e${onderbouwing}\u003c\/span\u003e`;\n              resultBox.style.display = 'block';\n            }\n          });\n        });\n      });\n    };\n\n    setupQuizDirect();\n    document.addEventListener('DOMContentLoaded', setupQuizDirect);\n    document.addEventListener('shopify:section:load', setupQuizDirect);\n    setInterval(setupQuizDirect, 1500);\n  })();\n\u003c\/script\u003e","brand":"Aué","offers":[{"title":"Butter Yellow \/ XS","offer_id":64840039235933,"sku":"14:366;5:872","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Butter Yellow \/ S","offer_id":64840039203165,"sku":"14:366;5:100014064","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Butter Yellow \/ M","offer_id":64840039039325,"sku":"14:366;5:361386","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Butter Yellow \/ L","offer_id":64840039006557,"sku":"14:366;5:361385","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Butter Yellow \/ XL","offer_id":64840038973789,"sku":"14:366;5:100014065","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Bruin \/ XS","offer_id":64840039170397,"sku":"14:200000195;5:872","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Bruin \/ S","offer_id":64840039137629,"sku":"14:200000195;5:100014064","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Bruin \/ M","offer_id":64840039104861,"sku":"14:200000195;5:361386","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Bruin \/ L","offer_id":64840039072093,"sku":"14:200000195;5:361385","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Bruin \/ XL","offer_id":64840039760221,"sku":"14:200000195;5:100014065","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Rood \/ XS","offer_id":64840039563613,"sku":"14:10;5:872","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Rood \/ S","offer_id":64840039530845,"sku":"14:10;5:100014064","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Rood \/ M","offer_id":64840039367005,"sku":"14:10;5:361386","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Rood \/ L","offer_id":64840039334237,"sku":"14:10;5:361385","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Rood \/ XL","offer_id":64840039301469,"sku":"14:10;5:100014065","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Blauw \/ XS","offer_id":64840039498077,"sku":"14:173;5:872","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Blauw \/ S","offer_id":64840039465309,"sku":"14:173;5:100014064","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Blauw \/ M","offer_id":64840039432541,"sku":"14:173;5:361386","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Blauw \/ L","offer_id":64840039399773,"sku":"14:173;5:361385","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Blauw \/ XL","offer_id":64840039629149,"sku":"14:173;5:100014065","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Gebroken wit \/ XS","offer_id":64840039694685,"sku":"14:200001438;5:872","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Gebroken wit \/ S","offer_id":64840039661917,"sku":"14:200001438;5:100014064","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Gebroken wit \/ M","offer_id":64840039891293,"sku":"14:200001438;5:361386","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Gebroken wit \/ L","offer_id":64840039858525,"sku":"14:200001438;5:361385","price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Gebroken wit \/ XL","offer_id":64840039825757,"sku":"14:200001438;5:100014065","price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1073\/2286\/8061\/files\/6742dfb7-fb69-4d7d-acce-39eceecb46d9_3c67afb3-d00e-4c20-a545-87667c5705f7.png?v=1780672874","url":"https:\/\/byamara.nl\/products\/aue-soleil-halter-dress","provider":"ByAmara","version":"1.0","type":"link"}