Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Location: site_wide_header

Single product – Select default variation

jQuery(function ($) { function variationMatchesVisibleSelectOptions($form, variation) { if (!variation || !variation.attributes) return false; for (const attrName in variation.attributes) { const attrValue = variation.attributes[attrName]; const $select = $form.find(‘select[name=”‘ + attrName + ‘”]’); if (!$select.length) return false; // Bestaat deze value echt…Continue reading

Logo Scroll Shrink (CSS)

/* Prevent transition flicker during measurement */ header.sticky-header.no-anim { transition: none !important; } /* Transforms */ header.sticky-header .logo img, header.sticky-header.elementor-sticky–effects .tagline, header.sticky-header, header.sticky-header #schedule-service-btn { transition: transform 0.25s ease; } /* Optional element scales */ header.sticky-header.scrolled .logo { transform: scale(0.7);…Continue reading

RC_CSS

#sv-calc.sv-wrap { –ink:#0f172a; –muted:#475569; –line:#e2e8f0; –brand:#0ea5e9; –ok:#10b981; } #sv-calc { font: 16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Arial; color:var(–ink); max-width:720px; } #sv-calc h2 { font-size:1.5rem; margin:0 0 .75rem; } #sv-calc form { border:1px solid var(–line); border-radius:12px; padding:16px; background:#fff; } #sv-calc…Continue reading

Closing slide-in with a click outside

(function () { document.addEventListener(‘DOMContentLoaded’, function () { // Utility: close the slide-in gracefully function closeHustleSlide(slideIn) { if (!slideIn) return; const closeBtn = slideIn.querySelector(‘.hustle-close, .hustle-close-button, .hustle-icon-close’); if (closeBtn) { closeBtn.click(); return; } slideIn.classList.remove(‘hustle-show’); const content = slideIn.querySelector(‘.hustle-slidein-content’); if (content) { content.classList.remove(‘hustle-animate-in’);…Continue reading

News Grid Filter Barrierefrei + bestimmte Kategorien ausschließen

document.addEventListener(‘DOMContentLoaded’, function () { // Kategorien, die ausgeblendet werden sollen const excludedCategories = [‘News’, ‘Weltcup 2025’, ‘Weltcup 2026’]; /** * Hauptfunktion: verbessert Filterstruktur + entfernt ausgeschlossene Kategorien */ function enhanceGridFilters() { // 1. Desktop: UL-Filter document.querySelectorAll(‘ul.vc_grid-filter[data-vc-grid-filter=”category”]’).forEach(function (filterList) { if (filterList.dataset.a11yEnhanced…Continue reading