<!-- BEGIN app snippet: product-customizer --><div class="product-customizer-options" data-product-id="16112583016783" data-product-price="2499" data-version="2.0.0">
<div class="product-customizer-loading" style="display: none;" >
Loading Your Options<br />
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(255, 255, 255); display: block; shape-rendering: auto;" width="30px" height="30px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
<circle cx="50" cy="50" r="32" stroke-width="8" stroke="#f5323f" stroke-dasharray="50.26548245743669 50.26548245743669" fill="none" stroke-linecap="round">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" keyTimes="0;1" values="0 50 50;360 50 50"></animateTransform>
</circle>
</svg>
</div>
<div class="product-customizer-content" ><div class="product-customizer-option option-type-upswatch " data-option-id="817024" data-product-option-id="17095327" data-option-name="opties-chocolade" ><label for="16112583016783_option_1">kies jou soorten chocolade</label>
<div><div class="product-customizer-upswatch-wrapper">
<!-- Custom Swatch Dropdown -->
<ul id="16112583016783_option_1" data-multiple_selection="1" data-option_required="false"
style="display: flex;
flex-direction: row;
overflow: visible;
flex-wrap: wrap;
white-space: nowrap;
-webkit-overflow-scrolling: touch;"
><li style="display: inline-block; vertical-align: top;">
<label for="16112583016783_option_1__image_0">
<input type="checkbox" name="properties[opties chocolade]" id="16112583016783_option_1__image_0" value="pure chocolade " >
<picture
style="
border-radius: 30px;
overflow: hidden;
width: 30px;
height: 30px;
"><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/64c391ae-01db-444b-988c-abe5200fdf85/file_ax6fi59zmt83e_option.jpg" alt="asd" width="30" height="30">
</picture>
<div class="option-data"
style="display: flex; flex-direction: column; align-items: flex-start;">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<span class="option-value">pure chocolade </span>
</div>
</label>
</li><li style="display: inline-block; vertical-align: top;">
<label for="16112583016783_option_1__image_1">
<input type="checkbox" name="properties[opties chocolade]" id="16112583016783_option_1__image_1" value="melk chocolade " >
<picture
style="
border-radius: 30px;
overflow: hidden;
width: 30px;
height: 30px;
"><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/ff1ef7ea-becc-47b0-9e5d-371b8fd65a0d/file_q1ic8cvzrkmc6_option.jpg" alt="asd" width="30" height="30">
</picture>
<div class="option-data"
style="display: flex; flex-direction: column; align-items: flex-start;">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<span class="option-value">melk chocolade </span>
</div>
</label>
</li><li style="display: inline-block; vertical-align: top;">
<label for="16112583016783_option_1__image_2">
<input type="checkbox" name="properties[opties chocolade]" id="16112583016783_option_1__image_2" value="witte chocolade " >
<picture
style="
border-radius: 30px;
overflow: hidden;
width: 30px;
height: 30px;
"><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/5305e84d-17aa-4977-b420-453bcadb27f6/file_h7rcwldsv96y8_option.jpg" alt="asd" width="30" height="30">
</picture>
<div class="option-data"
style="display: flex; flex-direction: column; align-items: flex-start;">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<span class="option-value">witte chocolade </span>
</div>
</label>
</li><li style="display: inline-block; vertical-align: top;">
<label for="16112583016783_option_1__image_3">
<input type="checkbox" name="properties[opties chocolade]" id="16112583016783_option_1__image_3" value="mengeling" >
<picture
style="
border-radius: 30px;
overflow: hidden;
width: 30px;
height: 30px;
"><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/0914a0f8-e5ef-48a8-95c0-f405218d32f7/file_k155llogccpql_option.jpg" alt="asd" width="30" height="30">
</picture>
<div class="option-data"
style="display: flex; flex-direction: column; align-items: flex-start;">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<span class="option-value">mengeling</span>
</div>
</label>
</li></ul>
</div></div>
</div></div>
</div>
<!-- END app snippet -->
kies jou soorten chocolade
