' ); $statut.show(); if ($unavailCta.length) { $unavailCta.show(); } if ($addToCart.length) { $addToCart.hide(); } var $stickyTag = $('.sticky-stock-tag'); if ($stickyTag.length) { $stickyTag.attr('class', 'sticky-stock-tag out_stock').text('⚠️ Non disponible'); } return; } if ($unavailCta.length) { $unavailCta.hide(); } if ($addToCart.length && !$addToCart.is(':visible')) { $addToCart.show(); } var isOutOfStock = lower.indexOf('épuisé') !== -1 || lower.indexOf('plus en stock') !== -1 || lower.indexOf('rupture') !== -1; var isPreOrder = lower.indexOf('commande') !== -1 || lower.indexOf('fournisseur') !== -1 || lower.indexOf('15 à 20') !== -1 || lower.indexOf('10 à 15') !== -1 || lower.indexOf('ouvrés') !== -1; var dotClass = 'dot-green'; var statusClass = 'in_stock'; if (isOutOfStock) { dotClass = 'dot-red'; statusClass = 'out_stock'; } else if (isPreOrder) { dotClass = 'dot-orange'; statusClass = 'pre_order'; } else { dotClass = 'dot-green'; statusClass = 'in_stock'; } $val.removeClass('label label-success label-warning label-danger in_stock pre_order out_stock yonis-unavailable-comb-wrapper-active'); $val.addClass('yonis-live-stock-line ' + statusClass); $val.html('' + txt + ''); var $stickyTag = $('.sticky-stock-tag'); if ($stickyTag.length) { var icon = statusClass === 'in_stock' ? '🟢 ' : (statusClass === 'pre_order' ? '🟠 ' : '🔴 '); $stickyTag.attr('class', 'sticky-stock-tag ' + statusClass).text(icon + txt); } } function initStickyElements() { var stickyNav = document.getElementById('yonis-product-nav-sticky'); var stickyMobile = document.getElementById('yonis-sticky-mobile-bar'); var mainCta = document.getElementById('add_to_cart'); // Sticky Navigation class toggling if (stickyNav) { var navOffsetTop = $(stickyNav).offset().top; $(window).on('scroll resize', function() { var scrollPos = $(window).scrollTop(); if (scrollPos > navOffsetTop + 10) { $(stickyNav).addClass('is-sticky'); } else { $(stickyNav).removeClass('is-sticky'); } }); } // Smooth Anchor Click with proper offset $(document).on('click', '.yonis-nav-pill[href^="#"], .nav-pill[href^="#"], .navigation_product a[href^="#"], .rating-stars-link, .manual-badge-link', function(e) { var href = $(this).attr('href'); var target = $(href); if (target.length) { e.preventDefault(); $('.yonis-nav-pill, .nav-pill, .navigation_product a').removeClass('active'); $('.yonis-nav-pill[href="' + href + '"], .nav-pill[href="' + href + '"], .navigation_product a[href="' + href + '"]').addClass('active'); var navHeight = $('#yonis-product-nav-sticky').outerHeight() || 60; var offsetTop = target.offset().top - navHeight - 15; $('html, body').stop().animate({ scrollTop: offsetTop }, 400); } }); // Mobile Sticky Bar Intersection Observer if (stickyMobile && mainCta && window.IntersectionObserver) { var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (!entry.isIntersecting && entry.boundingClientRect.top < 0) { stickyMobile.classList.add('visible'); } else { stickyMobile.classList.remove('visible'); } }); }, { threshold: 0.1 }); observer.observe(mainCta); } // Live price sync var priceElem = document.getElementById('our_price_display'); var stickyPrice = document.querySelector('.sticky-price-val'); if (priceElem && stickyPrice && window.MutationObserver) { var pObs = new MutationObserver(function() { stickyPrice.textContent = priceElem.textContent; }); pObs.observe(priceElem, { childList: true, characterData: true, subtree: true }); } } // Ensure old price, rounded discount percentage, PayPal 4X and Omnibus price are cleanly synced function syncPriceDisplay() { var $ourPrice = $('#our_price_display'); var $oldPrice = $('#old_price'); var $oldPriceDisplay = $('#old_price_display'); var $redPercent = $('#reduction_percent'); var $redPercentDisplay = $('#reduction_percent_display'); var $omnibusRow = $('.yonis-omnibus-subrow'); var $omnibusVal = $('#omnibus_ppb_val'); var $ppInstallment = $('.paypal-installment-val'); if ($ourPrice.length) { var curText = $ourPrice.text().replace(/[^0-9,.]/g, '').replace(',', '.'); var curVal = parseFloat(curText); if (!isNaN(curVal) && curVal > 0) { // Sync PayPal 4X if ($ppInstallment.length) { $ppInstallment.text((curVal / 4).toFixed(2).replace('.', ',') + ' €'); } // Check promo & discount var hasReduction = (typeof productPriceWithoutReduction !== 'undefined' && productPriceWithoutReduction > curVal); if (hasReduction) { if (!$oldPriceDisplay.text().trim() || $oldPriceDisplay.is(':empty')) { $oldPriceDisplay.html('' + productPriceWithoutReduction.toFixed(2).replace('.', ',') + ' €'); } $oldPrice.removeClass('hidden').css('display', 'inline-flex'); $oldPriceDisplay.removeClass('hidden').css('display', 'inline-flex'); var discountPct = Math.round((1 - (curVal / productPriceWithoutReduction)) * 100); if (discountPct > 0) { $redPercentDisplay.html('-' + discountPct + '%'); $redPercent.removeClass('hidden').css('display', 'inline-flex'); } // Check Omnibus price for active combination var curIdPa = $('#idCombination').val() || '0'; var spwrText = $('#omnibus-' + curIdPa + ' .spwr').text() || ''; var spwrVal = parseFloat(spwrText); var omnibusRefPrice = (!isNaN(spwrVal) && spwrVal > 0) ? spwrVal : productPriceWithoutReduction; if (omnibusRefPrice > curVal) { $omnibusVal.text(omnibusRefPrice.toFixed(2).replace('.', ',') + ' €'); $omnibusRow.removeClass('hidden').attr('style', 'display: block !important;'); } else { $omnibusRow.addClass('hidden').attr('style', 'display: none !important;'); } } else { $oldPrice.addClass('hidden').css('display', 'none'); $redPercent.addClass('hidden').css('display', 'none'); $omnibusRow.addClass('hidden').attr('style', 'display: none !important;'); } } } } $(document).ready(function() { if (typeof window.updateDisplay === 'function') { var origUpdateDisplay = window.updateDisplay; window.updateDisplay = function() { var res = origUpdateDisplay.apply(this, arguments); setTimeout(formatYonisStockBadge, 20); setTimeout(formatYonisStockBadge, 100); setTimeout(syncPriceDisplay, 20); return res; }; } if (typeof window.findCombination === 'function') { var origFindComb = window.findCombination; window.findCombination = function() { var res = origFindComb.apply(this, arguments); setTimeout(formatYonisStockBadge, 20); setTimeout(formatYonisStockBadge, 100); setTimeout(syncPriceDisplay, 20); return res; }; } formatYonisStockBadge(); initStickyElements(); syncPriceDisplay(); setTimeout(syncPriceDisplay, 100); setTimeout(syncPriceDisplay, 300); var priceElem = document.getElementById('our_price_display'); if (priceElem && window.MutationObserver) { var pPriceObs = new MutationObserver(function() { setTimeout(syncPriceDisplay, 50); }); pPriceObs.observe(priceElem, { childList: true, characterData: true, subtree: true }); } $(document).on('change', '#our_price_display', syncPriceDisplay); var targetVal = document.getElementById('availability_value'); if (targetVal && window.MutationObserver) { var mutObs = new MutationObserver(function() { mutObs.disconnect(); formatYonisStockBadge(); mutObs.observe(targetVal, { childList: true, subtree: true, characterData: true, attributes: true }); }); mutObs.observe(targetVal, { childList: true, subtree: true, characterData: true, attributes: true }); } // Reliable Strict Single-Selection Pill Radio Click Handler $(document).on('click', '.pill-radio-list li, .pill-radio-label', function(e) { e.preventDefault(); e.stopPropagation(); var $item = $(this).closest('li'); var $list = $item.closest('.pill-radio-list'); var $radio = $item.find('input.attribute_radio'); if ($radio.length) { $list.find('li').removeClass('active-pill'); $list.find('input.attribute_radio').prop('checked', false).removeAttr('checked'); $item.addClass('active-pill'); $radio.prop('checked', true).attr('checked', 'checked'); if (typeof findCombination === 'function') { findCombination(); } if (typeof getProductAttribute === 'function') { getProductAttribute(); } setTimeout(formatYonisStockBadge, 10); setTimeout(formatYonisStockBadge, 50); setTimeout(formatYonisStockBadge, 150); setTimeout(syncPriceDisplay, 10); } }); $(document).on('change', 'input.attribute_radio', function() { var $radio = $(this); var $item = $radio.closest('li'); var $list = $radio.closest('.pill-radio-list'); if ($list.length) { $list.find('li').removeClass('active-pill'); $item.addClass('active-pill'); } if (typeof findCombination === 'function') { findCombination(); } if (typeof getProductAttribute === 'function') { getProductAttribute(); } setTimeout(formatYonisStockBadge, 20); }); $(document).on('change', '.attribute_select', function() { setTimeout(formatYonisStockBadge, 20); setTimeout(formatYonisStockBadge, 100); setTimeout(syncPriceDisplay, 20); }); $(document).on('click', '.color_pick', function() { var $this = $(this); var $grid = $this.closest('.color-squircle-grid'); if ($grid.length) { $grid.find('li, .color_pick').removeClass('selected'); $this.addClass('selected').parent('li').addClass('selected'); } setTimeout(formatYonisStockBadge, 20); setTimeout(formatYonisStockBadge, 100); setTimeout(syncPriceDisplay, 20); }); }); // YONIS 2026 - Desktop Thumbnail Carousel (Single Row + Arrows + Mousewheel) function initYonisThumbCarousel() { var $thumbsList = $('#thumbs_list'); var $prev = $('#view_scroll_left'); var $next = $('#view_scroll_right'); var $spacer = $('.view_scroll_spacer'); if (!$thumbsList.length) return; var listEl = $thumbsList[0]; function updateArrows() { if (window.innerWidth < 768) { $prev.addClass('yonis-arrow-hidden'); $next.addClass('yonis-arrow-hidden'); $spacer.addClass('yonis-arrow-hidden'); return; } var hasOverflow = listEl.scrollWidth > (listEl.clientWidth + 12); if (!hasOverflow) { $prev.addClass('yonis-arrow-hidden'); $next.addClass('yonis-arrow-hidden'); $spacer.addClass('yonis-arrow-hidden'); return; } $prev.removeClass('yonis-arrow-hidden'); $next.removeClass('yonis-arrow-hidden'); $spacer.removeClass('yonis-arrow-hidden'); if (listEl.scrollLeft <= 4) { $prev.addClass('yonis-arrow-disabled'); } else { $prev.removeClass('yonis-arrow-disabled'); } if (listEl.scrollLeft + listEl.clientWidth >= listEl.scrollWidth - 6) { $next.addClass('yonis-arrow-disabled'); } else { $next.removeClass('yonis-arrow-disabled'); } } $(document).off('click.yonisThumb').on('click.yonisThumb', '#view_scroll_left', function(e) { e.preventDefault(); e.stopPropagation(); if (listEl.scrollBy) { listEl.scrollBy({ left: -220, behavior: 'smooth' }); } else { listEl.scrollLeft -= 220; } }); $(document).off('click.yonisThumbNext').on('click.yonisThumbNext', '#view_scroll_right', function(e) { e.preventDefault(); e.stopPropagation(); if (listEl.scrollBy) { listEl.scrollBy({ left: 220, behavior: 'smooth' }); } else { listEl.scrollLeft += 220; } }); try { listEl.addEventListener('wheel', function(e) { if (e.deltaY !== 0 && !e.shiftKey) { e.preventDefault(); listEl.scrollLeft += (e.deltaY > 0 ? 140 : -140); } }, { passive: false }); } catch(e) {} $thumbsList.off('scroll.yonisThumb').on('scroll.yonisThumb', updateArrows); $(window).off('resize.yonisThumb').on('resize.yonisThumb', updateArrows); updateArrows(); setTimeout(updateArrows, 100); setTimeout(updateArrows, 400); setTimeout(updateArrows, 1000); } initYonisThumbCarousel(); })(window.jQuery);/* */