Svetlé drevo

Cena
(() => { function updateLabelPosition(ui) { var handleIndex = ui.handleIndex || 0; var label = handleIndex === 0 ? jQuery(".price-range-slider[data-id='slider_356f200997'] .price-range-label-min") : jQuery(".price-range-slider[data-id='slider_356f200997'] .price-range-label-max"); console.log(label) var left = ui.handle.offsetLeft; label.css("left", left - (label.outerWidth() / 2) + (ui.handle.clientWidth) / 2); } jQuery(document).ready(function($) { $(".price-range-slider[data-id='slider_356f200997']").slider({ range: true, min: 10, max: 120, values: [0, 1000], create: function(event, ui) { var handles = $(event.target).find(".ui-slider-handle"); updateLabelPosition({ handle: handles[0], handleIndex: 0 }); updateLabelPosition({ handle: handles[1], handleIndex: 1 }); }, slide: function(event, ui) { updateLabelPosition(ui); $(".price-range-slider[data-id='slider_356f200997'] .price-range-label-min").text("€" + ui.values[0]); $(".price-range-slider[data-id='slider_356f200997'] .price-range-label-max").text("€" + ui.values[1]); }, change: function(event, ui) { var currentUrl = new URL(window.location.href); currentUrl.searchParams.set('cena-od', ui.values[0]); currentUrl.searchParams.set('cena-do', ui.values[1]); window.location.href = currentUrl.href; } }); $(".price-range-slider[data-id='slider_356f200997'] .price-range-label-min").text("€" + $(".price-range-slider[data-id='slider_356f200997']").slider("values", 0)); $(".price-range-slider[data-id='slider_356f200997'] .price-range-label-max").text("€" + $(".price-range-slider[data-id='slider_356f200997']").slider("values", 1)); }); })();

  • Farba
    • Biela
    • Červená
    • Čierna
    • Modrá
    • Šedá
    • Smaragdová zelená
    • Svetlé drevo
    • Textúrovaná modrá
    • Texturovaná sivá
    • Tmavé drevo
    • Tmavo červená
(() => { const $block = document.querySelector('[data-id="block_9f36194ef4"]'); const swatches = $block.querySelectorAll('.color-swatch-clickable'); const updateUrl = (slug, swatch) => { const updatedUrl = new URL(window.location.href); const colors = updatedUrl.searchParams.get('farba')?.split(',') || []; const newColors = []; if (colors.includes(slug)) { colors.forEach((color) => { if (color !== slug) { newColors.push(color); } }); swatch.parentNode.classList.remove('active'); } else { colors.push(slug); newColors.push(...colors); swatch.parentNode.classList.add('active'); } if (newColors.length > 0) { updatedUrl.searchParams.set('farba', newColors.join(',')); } else { updatedUrl.searchParams.delete('farba'); } window.location.href = updatedUrl.href; } swatches.forEach((swatch) => { swatch.addEventListener('click', () => { updateUrl(swatch.dataset.slug, swatch); }); }); })();
  • Personalizácia
(() => { const onWithPersonalisationChange = (event) => { var updatedUrl = new URL(window.location.href); if (event.target.checked) { updatedUrl.searchParams.set('s-personalizaciou', 1); } else { updatedUrl.searchParams.delete('s-personalizaciou'); } window.location.href = updatedUrl.href; } const $block = document.querySelector('[data-id="block_3e04b1e9a5"]'); const onWithoutPersonalisationChange = (event) => { var updatedUrl = new URL(window.location.href); if (event.target.checked) { updatedUrl.searchParams.set('bez-personalizacie', 1); } else { updatedUrl.searchParams.delete('bez-personalizacie'); } window.location.href = updatedUrl.href; } $block.querySelector('input[name="include_with_personalization"]').addEventListener('change', onWithPersonalisationChange); $block.querySelector('input[name="include_without_personalization"]').addEventListener('change', onWithoutPersonalisationChange); })();
3 nájdené produkty
Filtrovať
Cena
(() => { function updateLabelPosition(ui) { var handleIndex = ui.handleIndex || 0; var label = handleIndex === 0 ? jQuery(".price-range-slider[data-id='slider_984e224120'] .price-range-label-min") : jQuery(".price-range-slider[data-id='slider_984e224120'] .price-range-label-max"); console.log(label) var left = ui.handle.offsetLeft; label.css("left", left - (label.outerWidth() / 2) + (ui.handle.clientWidth) / 2); } jQuery(document).ready(function($) { $(".price-range-slider[data-id='slider_984e224120']").slider({ range: true, min: 10, max: 120, values: [0, 1000], create: function(event, ui) { var handles = $(event.target).find(".ui-slider-handle"); updateLabelPosition({ handle: handles[0], handleIndex: 0 }); updateLabelPosition({ handle: handles[1], handleIndex: 1 }); }, slide: function(event, ui) { updateLabelPosition(ui); $(".price-range-slider[data-id='slider_984e224120'] .price-range-label-min").text("€" + ui.values[0]); $(".price-range-slider[data-id='slider_984e224120'] .price-range-label-max").text("€" + ui.values[1]); }, change: function(event, ui) { var currentUrl = new URL(window.location.href); currentUrl.searchParams.set('cena-od', ui.values[0]); currentUrl.searchParams.set('cena-do', ui.values[1]); window.history.pushState({}, "", currentUrl.href); } }); $(".price-range-slider[data-id='slider_984e224120'] .price-range-label-min").text("€" + $(".price-range-slider[data-id='slider_984e224120']").slider("values", 0)); $(".price-range-slider[data-id='slider_984e224120'] .price-range-label-max").text("€" + $(".price-range-slider[data-id='slider_984e224120']").slider("values", 1)); }); })();

  • Farba
    • Biela
    • Červená
    • Čierna
    • Modrá
    • Šedá
    • Smaragdová zelená
    • Svetlé drevo
    • Textúrovaná modrá
    • Texturovaná sivá
    • Tmavé drevo
    • Tmavo červená
(() => { const $block = document.querySelector('[data-id="block_7d584f052d"]'); const swatches = $block.querySelectorAll('.color-swatch-clickable'); const updateUrl = (slug, swatch) => { const updatedUrl = new URL(window.location.href); const colors = updatedUrl.searchParams.get('farba')?.split(',') || []; const newColors = []; if (colors.includes(slug)) { colors.forEach((color) => { if (color !== slug) { newColors.push(color); } }); swatch.parentNode.classList.remove('active'); } else { colors.push(slug); newColors.push(...colors); swatch.parentNode.classList.add('active'); } if (newColors.length > 0) { updatedUrl.searchParams.set('farba', newColors.join(',')); } else { updatedUrl.searchParams.delete('farba'); } window.history.pushState({}, "", updatedUrl.href); } swatches.forEach((swatch) => { swatch.addEventListener('click', () => { updateUrl(swatch.dataset.slug, swatch); }); }); })();
  • Personalizácia
(() => { const onWithPersonalisationChange = (event) => { var updatedUrl = new URL(window.location.href); if (event.target.checked) { updatedUrl.searchParams.set('s-personalizaciou', 1); } else { updatedUrl.searchParams.delete('s-personalizaciou'); } window.history.pushState({}, "", updatedUrl.href); } const $block = document.querySelector('[data-id="block_6471346332"]'); const onWithoutPersonalisationChange = (event) => { var updatedUrl = new URL(window.location.href); if (event.target.checked) { updatedUrl.searchParams.set('bez-personalizacie', 1); } else { updatedUrl.searchParams.delete('bez-personalizacie'); } window.history.pushState({}, "", updatedUrl.href); } $block.querySelector('input[name="include_with_personalization"]').addEventListener('change', onWithPersonalisationChange); $block.querySelector('input[name="include_without_personalization"]').addEventListener('change', onWithoutPersonalisationChange); })();