Größe
Farbe
Verfahren
Sortierung nach: Standard
Suche
Your cart is empty
Suche
jQuery(document).ready(function($) { function fixContainerWidth() { $('.dn-grid-item-container').css('max-width', '100%'); } function addDesignButtons() { $('.dn-blank-products .dn-grid-item .dn-grid-item-container').each(function() { if ($(this).find('.ssc-design-btn').length > 0) return; var link = $(this).find('.dn-product-name a').attr('href'); if (!link) return; $(this).append('
Gestalten →
'); }); } $(document).on('mouseenter', '.dn-blank-products .dn-grid-item-container', function() { $(this).find('.ssc-design-btn').css({'opacity':'1','transform':'translateY(0)'}); }); $(document).on('mouseleave', '.dn-blank-products .dn-grid-item-container', function() { $(this).find('.ssc-design-btn').css({'opacity':'0','transform':'translateY(6px)'}); }); $(document).on('mouseenter', '.ssc-design-btn', function() { $(this).css('background','#E87400'); }); $(document).on('mouseleave', '.ssc-design-btn', function() { $(this).css('background','#1d1d1f'); }); function limitColorSwatches() { var max = 8; $('.dn-blank-products .dn-product-colors.dn-color-panel').each(function() { if ($(this).find('.ssc-more-colors').length > 0) return; var cells = $(this).find('.dn-color-panel-cell'); if (cells.length <= max) return; var remaining = cells.length - max; cells.slice(max).hide(); $(this).append('+' + remaining + ''); }); } $(document).on('click', '.ssc-more-colors', function() { $(this).siblings('.dn-color-panel-cell').show(); $(this).remove(); }); function enhanceLazyLoad() { if (!('IntersectionObserver' in window)) return; var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { var card = $(entry.target); var delay = card.index() % 4 * 80; setTimeout(function() { card.css({'opacity':'1','transform':'translateY(0)'}); }, delay); observer.unobserve(entry.target); } }); }, { threshold: 0.05, rootMargin: '0px 0px -30px 0px' }); $('.dn-blank-products .dn-grid-item').each(function() { $(this).css({'opacity':'0','transform':'translateY(24px)','transition':'opacity 0.6s cubic-bezier(0.16,1,0.3,1), transform 0.6s cubic-bezier(0.16,1,0.3,1)'}); observer.observe(this); }); } var checkInterval = setInterval(function() { if ($('.dn-blank-products .dn-grid-item').length > 0) { clearInterval(checkInterval); fixContainerWidth(); addDesignButtons(); limitColorSwatches(); enhanceLazyLoad(); } }, 200); $(document).ajaxComplete(function() { setTimeout(function() { fixContainerWidth(); addDesignButtons(); limitColorSwatches(); enhanceLazyLoad(); }, 300); }); });