Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
dev nulldasssas
(version: 6)
dev null
Comparing performance of:
A vs B vs C vs D
Created:
3 years ago
by:
Registered User
Jump to the latest result
HTML Preparation code:
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script> <div data-block-name="woocommerce/legacy-template" data-template="single-product" id="primary" class="content-area"><main id="main" class="site-main" role="main"><div class="woocommerce-notices-wrapper"></div><div id="product-453" class="product type-product post-453 status-publish first instock product_cat-mici-dira has-post-thumbnail shipping-taxable purchasable product-type-simple"> <div class="woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images" data-columns="4" style="opacity: 1; transition: opacity 0.25s ease-in-out 0s;"> <figure class="woocommerce-product-gallery__wrapper"> <div data-thumb="https://micidira.test/wp-content/uploads/mici-dira/render/Image0000-300x300.png" data-thumb-alt="" class="woocommerce-product-gallery__image"><a href="https://micidira.test/wp-content/uploads/mici-dira/render/Image0000.png"><img width="512" height="512" src="https://micidira.test/wp-content/uploads/mici-dira/render/Image0002.png" class="wp-post-image" alt="" decoding="async" loading="lazy" title="Image0000" data-caption="" data-src="https://micidira.test/wp-content/uploads/mici-dira/render/Image0002.png" data-large_image="https://micidira.test/wp-content/uploads/mici-dira/render/Image0002.png" data-large_image_width="512" data-large_image_height="512" srcset="https://micidira.test/wp-content/uploads/mici-dira/render/Image0002.png 512w, https://micidira.test/wp-content/uploads/mici-dira/render/Image0002-300x300.png 300w, https://micidira.test/wp-content/uploads/mici-dira/render/Image0002-150x150.png 150w" sizes="(max-width: 512px) 100vw, 512px" style="-webkit-mask-image: url("https://micidira.test/wp-content/uploads/mici-dira/door_invert/Image0002.png");"><div class="door"><img src="https://micidira.test/wp-content/uploads/mici-dira/render/Image0081.png"></div><div class="flap" style="background-color: rgb(188, 190, 191); -webkit-mask-image: url("https://micidira.test/wp-content/uploads/mici-dira/flap/Image0002.png");"></div> <div class="front" style="background-color: rgb(255, 225, 127); -webkit-mask-image: url("https://micidira.test/wp-content/uploads/mici-dira/front/Image0002.png");"></div> <div class="lock" style="background-color: rgb(234, 224, 221); -webkit-mask-image: url("https://micidira.test/wp-content/uploads/mici-dira/lock/Image0002.png");"></div></a></div> </figure> </div> <div class="summary entry-summary"> <h1 class="product_title entry-title">Mici díra 6</h1><p class="price"><span class="woocommerce-Price-amount amount"><bdi>750 <span class="woocommerce-Price-currencySymbol">Kč</span></bdi></span></p> <form class="cart" action="https://micidira.test/produkt/mici-dira-6/" method="post" enctype="multipart/form-data"> <div id="yith-wapo-container" data-product-price="750"> <input type="hidden" id="yith_wapo_product_id" name="yith_wapo_product_id" value="453"><input type="hidden" id="yith_wapo_product_img" name="yith_wapo_product_img" value=""><input type="hidden" id="yith_wapo_is_single" name="yith_wapo_is_single" value="1"> <div id="yith-wapo-block-1" class="yith-wapo-block"> <div id="yith-wapo-addon-1" class="yith-wapo-addon yith-wapo-addon-type-color default-closed barva-vstupu" data-min="" data-max="" data-exa="" data-addon-type="color" style=" background-color: ; padding: px px px px; "> <h3 class="wapo-addon-title toggle-closed">Barva vstupu</h3> <div class="options default-closed per-row-6 grid"><p class="wapo-addon-description">popis</p> <div id="yith-wapo-option-1-0" class="yith-wapo-option selection-single" data-replace-image=""> <input type="checkbox" id="yith-wapo-1-0" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-0]" value="PR Vanilla White" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" checked="checked" data-uuid="1" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-1-0"> <span class="color" style="background: #EAE0DD ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-1-1" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-1-1" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-1]" value="PR Gravity Grey" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="2" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-1-1"> <span class="color" style="background: #BCBEBF ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-1-2" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-1-2" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-2]" value="PR Pristine White" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="3" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-1-2"> <span class="color" style="background: #EFEFEF ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-1-3" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-1-3" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-3]" value="PM MarbleJet - Light" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="4" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-1-3"> <span class="color" style="background: #F1E5DB ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-1-4" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-1-4" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-4]" value="PM Béžová" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="5" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-1-4"> <span class="color" style="background: #EFE5C8 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-1-5" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-1-5" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-5]" value="PM Khaki" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="6" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-1-5"> <span class="color" style="background: #B8AB8C ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-1-6" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-1-6" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-6]" value="PM Hnědá" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="7" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-1-6"> <span class="color" style="background: #6F3B2F ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-1-7" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-1-7" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-7]" value="PT Wood Brown" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="8" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-1-7"> <span class="color" style="background: #D2A273 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-1-8" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-1-8" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-8]" value="PT Earth Brown" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="9" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-1-8"> <span class="color" style="background: #775C50 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-1-9" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-1-9" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-9]" value="PT Pastel Peanut" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="10" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-1-9"> <span class="color" style="background: #EBCAA4 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-1-10" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-1-10" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-10]" value="PT Jet Black" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="11" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-1-10"> <span class="color" style="background: #2E2B30 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-1-11" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-1-11" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-11]" value="PT Muted Red" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="12" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-1-11"> <span class="color" style="background: #C44F26 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-1-12" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-1-12" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-12]" value="PT Pastel Watermelon" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="13" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-1-12"> <span class="color" style="background: #FC6371 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-1-13" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-1-13" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-13]" value="PT Sakura Pink" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="14" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-1-13"> <span class="color" style="background: #E4BDD0 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-1-14" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-1-14" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-14]" value="PT Muted Blue" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="15" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-1-14"> <span class="color" style="background: #7A9DB3 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-1-15" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-1-15" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-15]" value="PT Sapphire Blue" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="16" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-1-15"> <span class="color" style="background: #0078BF ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-1-16" class="yith-wapo-option selection-single selected" data-replace-image=""> <input type="checkbox" id="yith-wapo-1-16" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-16]" value="PT Savannah Yellow" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="17" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-1-16"> <span class="color" style="background: #FFE17F ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div class="clear"></div></div> </div> <div id="yith-wapo-addon-2" class="yith-wapo-addon yith-wapo-addon-type-label default-closed tvar-vstupu" data-min="" data-max="" data-exa="" data-addon-type="label" style=" background-color: ; padding: px px px px; "> <h3 class="wapo-addon-title toggle-closed">Tvar vstupu</h3> <div class="options default-closed per-row-3 grid"> <div id="yith-wapo-option-2-0" class="yith-wapo-option selection-single" data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-2-0" class="yith-proteo-standard-checkbox" name="yith_wapo[][2-0]" value="Normální" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="2" checked="checked" data-uuid="1" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-2-0" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/front/Image0063-150x150.png" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> <span class="tooltip position-" style="width: 84%;"> <span>Normální</span> </span> </div> <div id="yith-wapo-option-2-1" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-2-1" class="yith-proteo-standard-checkbox" name="yith_wapo[][2-1]" value="Ďáblík" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="2" data-uuid="2" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-2-1" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/front/Image0058-150x150.png" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> <span class="tooltip position-" style="width: 84%;"> <span>Ďáblík</span> </span> </div> <div id="yith-wapo-option-2-2" class="yith-wapo-option selection-single selected" data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-2-2" class="yith-proteo-standard-checkbox" name="yith_wapo[][2-2]" value="Bez uší" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="2" data-uuid="3" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-2-2" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/front/Image0059-150x150.png" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> <span class="tooltip position-" style="width: 84%;"> <span>Bez uší</span> </span> </div> <div class="clear"></div></div> </div> <div id="yith-wapo-addon-3" class="yith-wapo-addon yith-wapo-addon-type-color default-closed barva-klapky" data-min="" data-max="" data-exa="" data-addon-type="color" style=" background-color: ; padding: px px px px; "> <h3 class="wapo-addon-title toggle-closed">Barva klapky</h3> <div class="options default-closed per-row-6 grid"><p class="wapo-addon-description">popis</p> <div id="yith-wapo-option-3-0" class="yith-wapo-option selection-single" data-replace-image=""> <input type="checkbox" id="yith-wapo-3-0" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-0]" value="PR Vanilla White" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" checked="checked" data-uuid="1" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-3-0"> <span class="color" style="background: #EAE0DD ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-3-1" class="yith-wapo-option selection-single selected" data-replace-image=""> <input type="checkbox" id="yith-wapo-3-1" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-1]" value="PR Gravity Grey" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="2" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-3-1"> <span class="color" style="background: #BCBEBF ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-3-2" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-3-2" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-2]" value="PR Pristine White" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="3" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-3-2"> <span class="color" style="background: #EFEFEF ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-3-3" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-3-3" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-3]" value="PM MarbleJet - Light" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="4" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-3-3"> <span class="color" style="background: #F1E5DB ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-3-4" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-3-4" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-4]" value="PM Béžová" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="5" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-3-4"> <span class="color" style="background: #EFE5C8 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-3-5" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-3-5" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-5]" value="PM Khaki" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="6" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-3-5"> <span class="color" style="background: #B8AB8C ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-3-6" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-3-6" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-6]" value="PM Hnědá" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="7" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-3-6"> <span class="color" style="background: #6F3B2F ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-3-7" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-3-7" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-7]" value="PT Wood Brown" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="8" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-3-7"> <span class="color" style="background: #D2A273 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-3-8" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-3-8" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-8]" value="PT Earth Brown" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="9" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-3-8"> <span class="color" style="background: #775C50 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-3-9" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-3-9" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-9]" value="PT Pastel Peanut" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="10" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-3-9"> <span class="color" style="background: #EBCAA4 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-3-10" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-3-10" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-10]" value="PT Jet Black" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="11" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-3-10"> <span class="color" style="background: #2E2B30 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-3-11" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-3-11" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-11]" value="PT Muted Red" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="12" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-3-11"> <span class="color" style="background: #C44F26 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-3-12" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-3-12" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-12]" value="PT Pastel Watermelon" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="13" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-3-12"> <span class="color" style="background: #FC6371 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-3-13" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-3-13" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-13]" value="PT Sakura Pink" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="14" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-3-13"> <span class="color" style="background: #E4BDD0 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-3-14" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-3-14" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-14]" value="PT Muted Blue" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="15" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-3-14"> <span class="color" style="background: #7A9DB3 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-3-15" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-3-15" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-15]" value="PT Sapphire Blue" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="16" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-3-15"> <span class="color" style="background: #0078BF ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-3-16" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-3-16" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-16]" value="PT Savannah Yellow" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="17" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-3-16"> <span class="color" style="background: #FFE17F ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div class="clear"></div></div> </div> <div id="yith-wapo-addon-4" class="yith-wapo-addon yith-wapo-addon-type-label default-closed tvar-klapky" data-min="" data-max="" data-exa="" data-addon-type="label" style=" background-color: ; padding: px px px px; "> <h3 class="wapo-addon-title toggle-closed">Tvar klapky</h3> <div class="options default-closed per-row-3 grid"> <div id="yith-wapo-option-4-0" class="yith-wapo-option selection-single selected" data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-4-0" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-0]" value="f_0" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" checked="checked" data-uuid="1" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-4-0" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0000-150x150.png" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-4-1" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-4-1" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-1]" value="f_3" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="2" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-4-1" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0003-150x150.png" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-4-2" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-4-2" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-2]" value="f_6" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="3" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-4-2" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0006-150x150.png" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-4-3" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-4-3" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-3]" value="f_9" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="4" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-4-3" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0009-150x150.png" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-4-4" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-4-4" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-4]" value="f_12" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="5" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-4-4" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0012-150x150.png" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-4-5" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-4-5" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-5]" value="f_15" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="6" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-4-5" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0015-150x150.png" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-4-6" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-4-6" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-6]" value="f_18" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="7" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-4-6" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0018-150x150.png" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-4-7" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-4-7" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-7]" value="f_21" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="8" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-4-7" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0021-150x150.png" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-4-8" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-4-8" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-8]" value="f_24" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="9" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-4-8" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0024-150x150.png" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-4-9" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-4-9" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-9]" value="f_27" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="10" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-4-9" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0027-150x150.png" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-4-10" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-4-10" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-10]" value="f_30" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="11" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-4-10" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0030-150x150.png" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-4-11" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-4-11" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-11]" value="f_33" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="12" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-4-11" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0033-150x150.png" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div class="clear"></div></div> </div> <div id="yith-wapo-addon-5" class="yith-wapo-addon yith-wapo-addon-type-label default-closed zamek" data-min="" data-max="" data-exa="" data-addon-type="label" style=" background-color: ; padding: px px px px; "> <h3 class="wapo-addon-title toggle-closed">Zámek</h3> <div class="options default-closed per-row-6 grid"> <div id="yith-wapo-option-5-0" class="yith-wapo-option selection-single selected" data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-5-0" class="yith-proteo-standard-checkbox" name="yith_wapo[][5-0]" value="Ne" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="5" checked="checked" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-5-0" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="inside"> <div class="label_price">Ne </div> </div> </label> <div class="outside"> </div> </div> <span class="tooltip position-" style="width: 84%;"> <span>Ne</span> </span> </div> <div id="yith-wapo-option-5-1" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-5-1" class="yith-proteo-standard-checkbox" name="yith_wapo[][5-1]" value="Ano" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="5" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-5-1" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="inside"> <div class="label_price">Ano </div> </div> </label> <div class="outside"> </div> </div> <span class="tooltip position-" style="width: 84%;"> <span>Ano</span> </span> </div> <div class="clear"></div></div> </div> <div id="yith-wapo-addon-6" class="yith-wapo-addon yith-wapo-addon-type-color default-closed conditional_logic barva-zamku hidden" data-min="" data-max="" data-exa="" data-addon-type="color" data-addon_id="6" data-conditional_logic_display="show" data-conditional_logic_display_if="all" data-conditional_rule_addon="5-1" data-conditional_rule_addon_is="selected" style=" background-color: ; padding: px px px px; display: none; "> <h3 class="wapo-addon-title toggle-closed">Barva zámku</h3> <div class="options default-closed per-row-6 grid"><p class="wapo-addon-description">popis</p> <div id="yith-wapo-option-6-0" class="yith-wapo-option selection-single selected" data-replace-image=""> <input type="checkbox" id="yith-wapo-6-0" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-0]" value="PR Vanilla White" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" checked="checked" data-uuid="1" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-6-0"> <span class="color" style="background: #EAE0DD ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-6-1" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-6-1" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-1]" value="PR Gravity Grey" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="2" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-6-1"> <span class="color" style="background: #BCBEBF ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-6-2" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-6-2" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-2]" value="PR Pristine White" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="3" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-6-2"> <span class="color" style="background: #EFEFEF ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-6-3" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-6-3" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-3]" value="PM MarbleJet - Light" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="4" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-6-3"> <span class="color" style="background: #F1E5DB ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-6-4" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-6-4" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-4]" value="PM Béžová" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="5" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-6-4"> <span class="color" style="background: #EFE5C8 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-6-5" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-6-5" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-5]" value="PM Khaki" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="6" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-6-5"> <span class="color" style="background: #B8AB8C ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-6-6" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-6-6" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-6]" value="PM Hnědá" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="7" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-6-6"> <span class="color" style="background: #6F3B2F ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-6-7" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-6-7" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-7]" value="PT Wood Brown" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="8" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-6-7"> <span class="color" style="background: #D2A273 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-6-8" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-6-8" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-8]" value="PT Earth Brown" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="9" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-6-8"> <span class="color" style="background: #775C50 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-6-9" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-6-9" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-9]" value="PT Pastel Peanut" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="10" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-6-9"> <span class="color" style="background: #EBCAA4 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-6-10" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-6-10" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-10]" value="PT Jet Black" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="11" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-6-10"> <span class="color" style="background: #2E2B30 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-6-11" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-6-11" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-11]" value="PT Muted Red" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="12" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-6-11"> <span class="color" style="background: #C44F26 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-6-12" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-6-12" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-12]" value="PT Pastel Watermelon" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="13" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-6-12"> <span class="color" style="background: #FC6371 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-6-13" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-6-13" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-13]" value="PT Sakura Pink" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="14" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-6-13"> <span class="color" style="background: #E4BDD0 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-6-14" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-6-14" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-14]" value="PT Muted Blue" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="15" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-6-14"> <span class="color" style="background: #7A9DB3 ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-6-15" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-6-15" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-15]" value="PT Sapphire Blue" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="16" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-6-15"> <span class="color" style="background: #0078BF ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div id="yith-wapo-option-6-16" class="yith-wapo-option selection-single " data-replace-image=""> <input type="checkbox" id="yith-wapo-6-16" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-16]" value="PT Savannah Yellow" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="17" style="display: none;"> <!-- UNDER IMAGE --> <!-- LABEL --> <label for="yith-wapo-6-16"> <span class="color" style="background: #FFE17F ;"> </span> <small></small> </label> <!-- REQUIRED --> <!-- TOOLTIP --> <!-- UNDER IMAGE --> <!-- DESCRIPTION --> </div> <div class="clear"></div></div> </div> <div id="yith-wapo-addon-7" class="yith-wapo-addon yith-wapo-addon-type-label default-closed sila-dveri" data-min="" data-max="" data-exa="" data-addon-type="label" style=" background-color: ; padding: px px px px; "> <h3 class="wapo-addon-title toggle-closed">Síla dveří</h3> <div class="options default-closed per-row-3 grid"> <div id="yith-wapo-option-7-0" class="yith-wapo-option selection-single selected" data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-7-0" class="yith-proteo-standard-checkbox" name="yith_wapo[][7-0]" value="40mm" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="7" checked="checked" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-7-0" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="inside"> <div class="label_price">40mm </div> </div> </label> <div class="outside"> </div> </div> <span class="tooltip position-" style="width: 84%;"> <span>40mm</span> </span> </div> <div id="yith-wapo-option-7-1" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-7-1" class="yith-proteo-standard-checkbox" name="yith_wapo[][7-1]" value="41mm" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="7" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-7-1" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="inside"> <div class="label_price">41mm </div> </div> </label> <div class="outside"> </div> </div> <span class="tooltip position-" style="width: 84%;"> <span>41mm</span> </span> </div> <div id="yith-wapo-option-7-2" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-7-2" class="yith-proteo-standard-checkbox" name="yith_wapo[][7-2]" value="42mm" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="7" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-7-2" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="inside"> <div class="label_price">42mm </div> </div> </label> <div class="outside"> </div> </div> <span class="tooltip position-" style="width: 84%;"> <span>42mm</span> </span> </div> <div id="yith-wapo-option-7-3" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-7-3" class="yith-proteo-standard-checkbox" name="yith_wapo[][7-3]" value="44mm" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="7" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-7-3" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="inside"> <div class="label_price">44mm </div> </div> </label> <div class="outside"> </div> </div> <span class="tooltip position-" style="width: 84%;"> <span>44mm</span> </span> </div> <div id="yith-wapo-option-7-4" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-7-4" class="yith-proteo-standard-checkbox" name="yith_wapo[][7-4]" value="45mm" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="7" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-7-4" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="inside"> <div class="label_price">45mm </div> </div> </label> <div class="outside"> </div> </div> <span class="tooltip position-" style="width: 84%;"> <span>45mm</span> </span> </div> <div class="clear"></div></div> </div> <div id="yith-wapo-addon-8" class="yith-wapo-addon yith-wapo-addon-type-label default-closed barva-dveri" data-min="" data-max="" data-exa="" data-addon-type="label" style=" background-color: ; padding: px px px px; "> <h3 class="wapo-addon-title toggle-closed">Barva dveří</h3> <div class="options default-closed per-row-3 grid"> <div id="yith-wapo-option-8-0" class="yith-wapo-option selection-single" data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-8-0" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-0]" value="d_500" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" checked="checked" data-uuid="500" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-8-0" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/500-150x150.jpg" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-8-1" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-8-1" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-1]" value="d_517" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="517" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-8-1" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/517-150x150.jpg" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-8-2" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-8-2" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-2]" value="d_558" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="558" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-8-2" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/558-150x150.jpg" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-8-3" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-8-3" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-3]" value="d_560" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="560" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-8-3" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/560-150x150.jpg" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-8-4" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-8-4" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-4]" value="d_565" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="565" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-8-4" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/565-150x150.jpg" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-8-5" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-8-5" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-5]" value="d_555" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="555" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-8-5" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/555-150x150.jpg" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-8-6" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-8-6" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-6]" value="d_556" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="556" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-8-6" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/556-150x150.jpg" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-8-7" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-8-7" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-7]" value="d_563" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="563" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-8-7" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/563-150x150.jpg" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-8-8" class="yith-wapo-option selection-single selected" data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-8-8" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-8]" value="d_569" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="569" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-8-8" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/569-150x150.jpg" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-8-9" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-8-9" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-9]" value="d_570" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="570" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-8-9" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/570-150x150.jpg" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-8-10" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-8-10" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-10]" value="d_580" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="580" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-8-10" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/580-150x150.jpg" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div id="yith-wapo-option-8-11" class="yith-wapo-option selection-single " data-replace-image=""> <!-- INPUT --> <input type="checkbox" id="yith-wapo-8-11" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-11]" value="d_567" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="567" style="display: none;"> <div class="label_container above inside" style="display: inline-block; width: 84%;"> <label for="yith-wapo-8-11" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;"> <div class="image" style="display: inline-block;"> <img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/567-150x150.jpg" style="" alt=""> </div> <div class="inside"> <div class="label_price"> </div> </div> </label> <div class="outside"> </div> </div> </div> <div class="clear"></div></div> </div> </div> <div id="wapo-total-price-table" style="opacity: 1;"> <table class="only_final"> <tbody><tr class="wapo-product-price" style="display: none;"> <th>Product price:</th> <td id="wapo-total-product-price">750 Kč <small></small></td> </tr> <tr class="wapo-total-options" style="display: none;"> <th>Total options:</th> <td id="wapo-total-options-price">0 Kč</td> </tr> <tr class="wapo-total-order"> <th>Order total:</th> <td id="wapo-total-order-price">750 Kč</td> </tr> </tbody></table> <script type="text/javascript"> jQuery(function($) { jQuery( 'form.cart div.yith-wapo-addon' ).on( 'change', function () { yith_wapo_calculate_total_price(); } ); jQuery( 'form.cart .yith-wapo-addon-type-number input[type="number"], form.cart .yith-wapo-addon-type-text input[type="text"]' ).on( 'keyup', (function () { yith_wapo_calculate_total_price(); } ) ); jQuery( 'form.cart .qty' ).on( 'change', function () { yith_wapo_calculate_total_price(); } ); jQuery( function () { yith_wapo_calculate_total_price(); } ); function yith_wapo_calculate_total_price() { jQuery('#wapo-total-price-table').css('opacity', '0.5'); setTimeout(function () { var addonID = 0; var totalPrice = 0; var firstFreeOptions = 0; var defaultProductPrice = 750; var totalPriceBoxOption = 'only_final'; jQuery('form.cart .yith-wapo-addon:not(.hidden) input, form.cart .yith-wapo-addon:not(.hidden) select, form.cart .yith-wapo-addon:not(.hidden) textarea').each(function () { let option = jQuery( this ); let option_id = option.data( 'addon-id' ); if ( option_id ) { let option_type = option.attr( 'type' ) let price_method = option.data( 'price-method' ); let price = 0; let price_type = ''; let addon = option.parents( '.yith-wapo-addon' ); let addon_type = addon.data( 'addon-type' ); if ( 'number' === option_type && 0 == option.val() ) { return; } if ( option.is( ':checked' ) || option.find( ':selected' ).is('option') || ( option.is( 'input:not([type=checkbox])' ) && option.is( 'input:not([type=radio])' ) && option.val() != '') || ( option.is( 'textarea' ) && option.val() != '') ) { if ( option.is( 'select' ) ) { option = option.find( ':selected' ); } else { option = option; } if ( 'number' === option_type ) { yith_wapo_check_multiplied_price( option ); } if ( addonID != option.data( 'addon-id' ) ) { addonID = option.data( 'addon-id' ); firstFreeOptions = option.data( 'first-free-options' ); } if ( option.data('first-free-enabled') == 'yes' && firstFreeOptions > 0 ) { firstFreeOptions--; } else { if ( typeof option.data( 'price-type' ) != 'undefined' && '' !== option.data( 'price-type' ) ){ price_type = option.data( 'price-type' ); // Percentage or fixed } if ( typeof option.data('price-sale') != 'undefined' && option.data('price-sale') > 0 && 'multiplied' !== price_type ) { price = parseFloat( option.data('price-sale') ); } else if (typeof option.data( 'price' ) != 'undefined' && option.data( 'price' ) != '') { price = parseFloat( option.data( 'price' ) ); } if ( 'percentage' === price_type ) { price = ( price * defaultProductPrice ) / 100; } totalPrice += price; } } } }); // Plugin option "Total price box". if ( 'hide_options' === totalPriceBoxOption ) { if ( totalPrice !== 0 ) { jQuery('#wapo-total-price-table .hide_options tr.wapo-total-options').fadeIn(); } else { jQuery('#wapo-total-price-table .hide_options tr.wapo-total-options').hide(); } } var totalCurrency = 'Kč'; var totalCurrencyPos = 'right_space'; var totalThousandSep = ''; var totalDecimalSep = ','; var totalPriceNumDec = '0'; var totalProductPrice = defaultProductPrice; var totalOptionsPrice = parseFloat( totalPrice ); var totalOrderPrice = parseFloat( totalPrice + defaultProductPrice ); // Qty multiplication var qty = jQuery('form .quantity input.qty').val(); if ( ! qty > 0 ) { qty = 1; } totalProductPrice = parseFloat( totalProductPrice ) * parseFloat( qty ); totalOptionsPrice = parseFloat( totalOptionsPrice ) * parseFloat( qty ); totalOrderPrice = parseFloat( totalOrderPrice ) * parseFloat( qty ); // Price without formatting. var total_ProductPrice = totalProductPrice; var total_OptionsPrice = totalOptionsPrice; // Price formatting totalProductPrice = totalProductPrice.toFixed(totalPriceNumDec).replace('.', totalDecimalSep).replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1' + totalThousandSep); totalOptionsPrice = totalOptionsPrice.toFixed(totalPriceNumDec).replace('.', totalDecimalSep).replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1' + totalThousandSep); totalOrderPrice = totalOrderPrice.toFixed(totalPriceNumDec).replace('.', totalDecimalSep).replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1' + totalThousandSep); if (totalCurrencyPos == 'right') { totalProductPrice = totalProductPrice + totalCurrency; totalOptionsPrice = totalOptionsPrice + totalCurrency; totalOrderPrice = totalOrderPrice + totalCurrency; } else if (totalCurrencyPos == 'right_space') { totalProductPrice = totalProductPrice + ' ' + totalCurrency; totalOptionsPrice = totalOptionsPrice + ' ' + totalCurrency; totalOrderPrice = totalOrderPrice + ' ' + totalCurrency; } else if (totalCurrencyPos == 'left_space') { totalProductPrice = totalCurrency + ' ' + totalProductPrice; totalOptionsPrice = totalCurrency + ' ' + totalOptionsPrice; totalOrderPrice = totalCurrency + ' ' + totalOrderPrice; } else { totalProductPrice = totalCurrency + totalProductPrice; totalOptionsPrice = totalCurrency + totalOptionsPrice; totalOrderPrice = totalCurrency + totalOrderPrice; } jQuery('#wapo-total-product-price').html(totalProductPrice + ' <small></small>'); jQuery('#wapo-total-options-price').html( totalOptionsPrice ); jQuery('#wapo-total-order-price').html( totalOrderPrice ); jQuery('#wapo-total-price-table').css('opacity', '1'); $(document).trigger( 'yith_wapo_product_price_updated', [ total_ProductPrice + total_OptionsPrice ] ); }, 1000); } }); </script> </div> <style type="text/css"> .yith-wapo-block .yith-wapo-addon .options.per-row-1 .yith-wapo-option { width: auto; max-width: 98%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-1 .yith-wapo-option:nth-of-type(1n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-1 .yith-wapo-option { width: 98%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-1 .yith-wapo-option:nth-of-type(1n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.per-row-2 .yith-wapo-option { width: auto; max-width: 48%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-2 .yith-wapo-option:nth-of-type(2n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-2 .yith-wapo-option { width: 48%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-2 .yith-wapo-option:nth-of-type(2n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.per-row-3 .yith-wapo-option { width: auto; max-width: 31.333333333333%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-3 .yith-wapo-option:nth-of-type(3n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-3 .yith-wapo-option { width: 31.333333333333%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-3 .yith-wapo-option:nth-of-type(3n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.per-row-4 .yith-wapo-option { width: auto; max-width: 23%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-4 .yith-wapo-option:nth-of-type(4n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-4 .yith-wapo-option { width: 23%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-4 .yith-wapo-option:nth-of-type(4n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.per-row-5 .yith-wapo-option { width: auto; max-width: 18%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-5 .yith-wapo-option:nth-of-type(5n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-5 .yith-wapo-option { width: 18%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-5 .yith-wapo-option:nth-of-type(5n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.per-row-6 .yith-wapo-option { width: auto; max-width: 14.666666666667%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-6 .yith-wapo-option:nth-of-type(6n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-6 .yith-wapo-option { width: 14.666666666667%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-6 .yith-wapo-option:nth-of-type(6n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.per-row-7 .yith-wapo-option { width: auto; max-width: 12.285714285714%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-7 .yith-wapo-option:nth-of-type(7n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-7 .yith-wapo-option { width: 12.285714285714%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-7 .yith-wapo-option:nth-of-type(7n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.per-row-8 .yith-wapo-option { width: auto; max-width: 10.5%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-8 .yith-wapo-option:nth-of-type(8n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-8 .yith-wapo-option { width: 10.5%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-8 .yith-wapo-option:nth-of-type(8n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.per-row-9 .yith-wapo-option { width: auto; max-width: 9.111111111111%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-9 .yith-wapo-option:nth-of-type(9n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-9 .yith-wapo-option { width: 9.111111111111%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-9 .yith-wapo-option:nth-of-type(9n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.per-row-10 .yith-wapo-option { width: auto; max-width: 8%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-10 .yith-wapo-option:nth-of-type(10n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-10 .yith-wapo-option { width: 8%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-10 .yith-wapo-option:nth-of-type(10n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.per-row-11 .yith-wapo-option { width: auto; max-width: 7.0909090909091%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-11 .yith-wapo-option:nth-of-type(11n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-11 .yith-wapo-option { width: 7.0909090909091%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-11 .yith-wapo-option:nth-of-type(11n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.per-row-12 .yith-wapo-option { width: auto; max-width: 6.3333333333333%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-12 .yith-wapo-option:nth-of-type(12n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-12 .yith-wapo-option { width: 6.3333333333333%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-12 .yith-wapo-option:nth-of-type(12n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.per-row-13 .yith-wapo-option { width: auto; max-width: 5.6923076923077%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-13 .yith-wapo-option:nth-of-type(13n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-13 .yith-wapo-option { width: 5.6923076923077%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-13 .yith-wapo-option:nth-of-type(13n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.per-row-14 .yith-wapo-option { width: auto; max-width: 5.1428571428571%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-14 .yith-wapo-option:nth-of-type(14n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-14 .yith-wapo-option { width: 5.1428571428571%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-14 .yith-wapo-option:nth-of-type(14n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.per-row-15 .yith-wapo-option { width: auto; max-width: 4.6666666666667%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-15 .yith-wapo-option:nth-of-type(15n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-15 .yith-wapo-option { width: 4.6666666666667%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-15 .yith-wapo-option:nth-of-type(15n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.per-row-16 .yith-wapo-option { width: auto; max-width: 4.25%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-16 .yith-wapo-option:nth-of-type(16n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-16 .yith-wapo-option { width: 4.25%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-16 .yith-wapo-option:nth-of-type(16n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.per-row-17 .yith-wapo-option { width: auto; max-width: 3.8823529411765%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-17 .yith-wapo-option:nth-of-type(17n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-17 .yith-wapo-option { width: 3.8823529411765%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-17 .yith-wapo-option:nth-of-type(17n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.per-row-18 .yith-wapo-option { width: auto; max-width: 3.5555555555556%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-18 .yith-wapo-option:nth-of-type(18n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-18 .yith-wapo-option { width: 3.5555555555556%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-18 .yith-wapo-option:nth-of-type(18n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.per-row-19 .yith-wapo-option { width: auto; max-width: 3.2631578947368%; float: left; } .yith-wapo-block .yith-wapo-addon .options.per-row-19 .yith-wapo-option:nth-of-type(19n+1) { clear: both; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-19 .yith-wapo-option { width: 3.2631578947368%; margin-right: 2%; float: left; clear: none; } .yith-wapo-block .yith-wapo-addon .options.grid.per-row-19 .yith-wapo-option:nth-of-type(19n+1) { clear: both; } /* COLOR SWATCHES */ .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option label { height: px; } .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option label span.color { width: px; height: px; } .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option.selected label:after { margin: 0px -5px -13px 0px; } /* LABEL / IMAGES */ /* TOOLTIP */ .yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span { background-color: #03bfac; color: #ffffff; } .yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span:after { border-top-color: #03bfac; } .yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip.position-bottom span:after { border-bottom-color: #03bfac; } /* TOOLTIP */ .yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span { background-color: #03bfac; color: #ffffff; } .yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span:after { border-top-color: #03bfac; } .yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip.position-bottom span:after { border-bottom-color: #03bfac; } </style> <script type="text/javascript"> // jQuery('form.cart').on( 'click', '.single_add_to_cart_button', function(){ return yith_wapo_check_required_fields( 'highlight' ); console.log('yith_wapo_check_required_fields'); }); </script> </div><!-- #yith-wapo-container --> <div class="quantity"> <label class="screen-reader-text" for="quantity_6415f23a45e81">Mici díra 6 množství</label> <input type="number" id="quantity_6415f23a45e81" class="input-text qty text" name="quantity" value="1" title="Množství" size="4" min="1" max="" step="1" placeholder="" inputmode="numeric" autocomplete="off"> </div> <button type="submit" name="add-to-cart" value="453" class="single_add_to_cart_button button alt wp-element-button">Přidat do košíku</button> </form> <div class="product_meta"> <span class="posted_in">Kategorie: <a href="https://micidira.test/kategorie-produktu/mici-dira/" rel="tag">Mici díra</a></span> </div> </div> <section class="related products"> <h2>Související produkty</h2> <ul class="products columns-4"> <li class="product type-product post-449 status-publish first instock product_cat-mici-dira has-post-thumbnail shipping-taxable purchasable product-type-simple"> <a href="https://micidira.test/produkt/mici-dira-4?barva_klapky=4&barva_vstupu=10&barva_dveri=570&tvar_klapky=1&tvar_vstupu=3&zamek=1&barva_zamku=1" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"><img width="300" height="300" src="https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_4.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" decoding="async" loading="lazy" srcset="https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_4.png 512w, https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_4-300x300.png 300w, https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_4-150x150.png 150w" sizes="(max-width: 300px) 100vw, 300px"><h2 class="woocommerce-loop-product__title">Mici díra 4</h2> <span class="price"><span class="woocommerce-Price-amount amount"><bdi>750 <span class="woocommerce-Price-currencySymbol">Kč</span></bdi></span></span> </a><a href="https://micidira.test/produkt/mici-dira-4?barva_klapky=4\&barva_vstupu=10\&barva_dveri=570\&tvar_klapky=1\&tvar_vstupu=3\&zamek=1\&barva_zamku=1" data-quantity="1" class="button wp-element-button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="449" data-product_sku="" aria-label="Přidat „Mici díra 4“ do košíku" rel="nofollow">Vybrat</a></li> <li class="product type-product post-459 status-publish instock product_cat-mici-dira has-post-thumbnail shipping-taxable purchasable product-type-simple"> <a href="https://micidira.test/produkt/mici-dira-9?barva_klapky=3&barva_vstupu=2&barva_dveri=500&tvar_klapky=7&tvar_vstupu=2&zamek=1&barva_zamku=1" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"><img width="300" height="300" src="https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_9.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" decoding="async" loading="lazy" srcset="https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_9.png 512w, https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_9-300x300.png 300w, https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_9-150x150.png 150w" sizes="(max-width: 300px) 100vw, 300px"><h2 class="woocommerce-loop-product__title">Mici díra 9</h2> <span class="price"><span class="woocommerce-Price-amount amount"><bdi>750 <span class="woocommerce-Price-currencySymbol">Kč</span></bdi></span></span> </a><a href="https://micidira.test/produkt/mici-dira-9?barva_klapky=3\&barva_vstupu=2\&barva_dveri=500\&tvar_klapky=7\&tvar_vstupu=2\&zamek=1\&barva_zamku=1" data-quantity="1" class="button wp-element-button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="459" data-product_sku="" aria-label="Přidat „Mici díra 9“ do košíku" rel="nofollow">Vybrat</a></li> <li class="product type-product post-443 status-publish instock product_cat-mici-dira has-post-thumbnail shipping-taxable purchasable product-type-simple"> <a href="https://micidira.test/produkt/mici-dira-2?barva_klapky=3&barva_vstupu=10&barva_dveri=560&tvar_klapky=1&tvar_vstupu=1&zamek=1&barva_zamku=1" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"><img width="300" height="300" src="https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_2.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" decoding="async" loading="lazy" srcset="https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_2.png 512w, https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_2-300x300.png 300w, https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_2-150x150.png 150w" sizes="(max-width: 300px) 100vw, 300px"><h2 class="woocommerce-loop-product__title">Mici díra 2</h2> <span class="price"><span class="woocommerce-Price-amount amount"><bdi>520 <span class="woocommerce-Price-currencySymbol">Kč</span></bdi></span></span> </a><a href="https://micidira.test/produkt/mici-dira-2?barva_klapky=3\&barva_vstupu=10\&barva_dveri=560\&tvar_klapky=1\&tvar_vstupu=1\&zamek=1\&barva_zamku=1" data-quantity="1" class="button wp-element-button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="443" data-product_sku="" aria-label="Přidat „Mici díra 2“ do košíku" rel="nofollow">Vybrat</a></li> <li class="product type-product post-455 status-publish last instock product_cat-mici-dira has-post-thumbnail shipping-taxable purchasable product-type-simple"> <a href="https://micidira.test/produkt/mici-dira-7?barva_klapky=14&barva_vstupu=13&barva_dveri=0&tvar_klapky=10&tvar_vstupu=2&zamek=1&barva_zamku=1" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"><img width="300" height="300" src="https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_7.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" decoding="async" loading="lazy" srcset="https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_7.png 512w, https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_7-300x300.png 300w, https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_7-150x150.png 150w" sizes="(max-width: 300px) 100vw, 300px"><h2 class="woocommerce-loop-product__title">Mici díra 7</h2> <span class="price"><span class="woocommerce-Price-amount amount"><bdi>750 <span class="woocommerce-Price-currencySymbol">Kč</span></bdi></span></span> </a><a href="https://micidira.test/produkt/mici-dira-7?barva_klapky=14\&barva_vstupu=13\&barva_dveri=0\&tvar_klapky=10\&tvar_vstupu=2\&zamek=1\&barva_zamku=1" data-quantity="1" class="button wp-element-button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="455" data-product_sku="" aria-label="Přidat „Mici díra 7“ do košíku" rel="nofollow">Vybrat</a></li> </ul> </section> </div> </main></div>
Tests:
A
let x = $(".barva-dveri .yith-wapo-option label")
B
let x = $(".barva-dveri").find(".yith-wapo-option label")
C
let x = $(".barva-dveri").find(".yith-wapo-option").find("label")
D
let x = $(".barva-dveri").find("label")
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (4)
Previous results
Fork
Test case name
Result
A
B
C
D
Fastest:
N/A
Slowest:
N/A
Latest run results:
No previous run results
This benchmark does not have any results yet. Be the first one
to run it!
Autogenerated LLM Summary
(model
llama3.2:3b
, generated one year ago):
To analyze the provided HTML structure, JavaScript variables, and benchmark results, I'll break it down into smaller parts: **HTML Structure** The given HTML structure appears to be a WooCommerce product page for an item called "Mici díra 7". It contains a section with a title and a list of variations. The specific variation being shown is identified by the `data-quantity` attribute set to `1`, which likely corresponds to the value of the variable `x` in the JavaScript code. **JavaScript Variables** The provided individual test cases are stored in an array, where each object contains two properties: * `"Benchmark Definition"`: This property represents a JavaScript expression that is used to access a specific HTML element. It uses the jQuery library (`$`) and a CSS class selector to target an element. * `"Test Name"`: This property identifies the test case by its name. The test cases are designed to measure the performance of accessing different parts of the HTML structure using various approaches: A) `let x = $(\".barva-dveri .yith-wapo-option label\")` - Accesses an element within a nested structure (`label` within `.yith-wapo-option` within `.barva-dveri`). B) `let x = $(\".barva-dveri\").find(\".yith-wapo-option label\")` - Uses the `.find()` method to search for the target element within a parent container (`label` within `.yith-wapo-option` within `.barva-dveri`). C) `let x = $(\".barva-dveri\").find(\".yith-wapo-option\").find(\"label\")` - Uses nested `.find()` calls to access the target element. D) `let x = $(\".barva-dveri\").find(\"label\")` - Directly accesses the target element using a single `.find()` call. **Benchmark Results** The provided benchmark results are stored in an array, where each object contains several properties: * `"RawUAString"`: The raw user agent string of the browser being tested. * `"Browser"`: The browser name. * `"DevicePlatform"`: The device platform (Desktop or Mobile). * `"OperatingSystem"`: The operating system used by the browser. * `"ExecutionsPerSecond"`: The number of executions per second for each test case. * `"TestName"`: The name of the benchmarked test case. The results show performance variations between different browsers, devices, and operating systems. For example: D) `let x = $(\".barva-dveri\").find(\"label\")` has the highest execution speed (38021.85546875 executions per second), which indicates it is likely the most efficient way to access the target element. These results can help identify performance bottlenecks or areas for optimization in the JavaScript code.
Related benchmarks:
asdgasdgasd
querySelector vs querySelectorAll simple 3
querySelector vs querySelectorAll simple 4
Allbirds DOM update trigger test 1
Comments
Confirm delete:
Do you really want to delete benchmark?