Join 2,000,000+ Professionals who use WPCode to Future-Proof Their Websites!
document.addEventListener(‘DOMContentLoaded’, function () { document.querySelectorAll(‘.elementor-post__thumbnail__link’).forEach(function(link) { link.setAttribute(‘target’, ‘_blank’); link.setAttribute(‘rel’, ‘noopener noreferrer’); }); });Continue reading
/** * Parallax Up Scroll Effect * * Applies a subtle upward parallax movement to any element * with the class: * * .parallax-up * * As the user scrolls, the element is translated upward * relative to its position…Continue reading
/* ========================================================= Toestemming banner v2.0 04-07-2026 Google Consent Mode v2 ========================================================= */ (function () { ‘use strict’; var consentKey = ‘dv_consent_v1’; var closeKey = ‘dv_consent_closed_until’; function el(id) { return document.getElementById(id); } function consentUpdate(analytics, marketing) { window.dataLayer = window.dataLayer || [];…Continue reading
document.addEventListener(‘DOMContentLoaded’,function(){ const path=window.location.pathname; if(path===’/voorwaarden/privacyverklaring/’||path===’/voorwaarden/cookiebeleid/’){return;} const overlay=document.getElementById(‘dv-consent-overlay’); const banner=document.getElementById(‘dv-consent-banner’); const panel=document.getElementById(‘dv-consent-panel’); const btnClose=document.getElementById(‘dv-consent-close’); const btnPanelClose=document.getElementById(‘dv-consent-panel-close’); const btnAccept=document.getElementById(‘dv-consent-accept’); const btnOptions=document.getElementById(‘dv-consent-options’); const btnSave=document.getElementById(‘dv-consent-save’); const btnBack=document.getElementById(‘dv-consent-back’); const consent=localStorage.getItem(‘dvConsent’); if(!consent){overlay.hidden=false;banner.hidden=false;} btnAccept.addEventListener(‘click’,function(){localStorage.setItem(‘dvConsent’,’accepted’);overlay.hidden=true;banner.hidden=true;panel.hidden=true;}); btnOptions.addEventListener(‘click’,function(){banner.hidden=true;panel.hidden=false;}); btnBack.addEventListener(‘click’,function(){panel.hidden=true;banner.hidden=false;}); btnSave.addEventListener(‘click’,function(){ const stats=document.getElementById(‘consent-statistics’).checked; const marketing=document.getElementById(‘consent-marketing’).checked; localStorage.setItem(‘dvConsent’,JSON.stringify({statistics:stats,marketing:marketing})); overlay.hidden=true;banner.hidden=true;panel.hidden=true; }); btnClose.addEventListener(‘click’,function(){overlay.hidden=true;banner.hidden=true;}); btnPanelClose.addEventListener(‘click’,function(){overlay.hidden=true;panel.hidden=true;}); });Continue reading
jQuery(function($){ console.log(“Font preview snippet actief”); // NAAM → PREVIEW $(document).on(‘input’, ‘input[name=”naam”]’, function(){ let naam = $(this).val(); $(“#naam-preview”).text(naam || “Typ een naam om voorbeeld te zien”); }); // LETTERTYPE → PREVIEW $(document).on(‘change’, ‘select[name=”lettertype_borduren”]’, function(){ let font = $(this).val(); console.log(“Gekozen font:”, font);…Continue reading
document.addEventListener(‘DOMContentLoaded’, function () { var path = window.location.pathname || ”; var body = document.body; // 1) WooCommerce-kernpagina’s waar knoppen wél moeten blijven var isWooCorePage = body.classList.contains(‘woocommerce’) || body.classList.contains(‘woocommerce-page’) || path.indexOf(‘/winkelwagen’) !== -1 || path.indexOf(‘/afrekenen’) !== -1 || path.indexOf(‘/mijn-account’) !== -1…Continue reading
jQuery(document).ready(function($) { var $titleSource = $(‘.banner-overlay-title’).first(); if ($titleSource.length && $(‘.innerbanner’).length) { $(‘.innerbanner’).html(‘ ‘ + $titleSource.html() + ‘ ‘); $titleSource.hide(); } });Continue reading
/** * Site Wrapper JS * * Creates the .notification-page-wrap element used by the * notification panel animation. * * The wrapper contains the Elementor header, main content, and footer. * When body.notifications-open is added, CSS shrinks this wrapper *…Continue reading
/** * Hero Slider JS * * Controls the full-screen hero card slider. * * Requires: * – .era-hero-slider * – .era-hero-slide * – .era-hero-dot * * Features: * – Sets active slide state * – Tracks previous slides *…Continue reading
/** * VC Reveal — WPCode JS Snippet * Version: 1.1.0 * * Staggered scroll-reveal animation for page content. * Works alongside vc-scene–wpcode.js but is fully independent. * * Requires: vc-reveal–global.css in Oxygen Global CSS * Dependencies: GSAP + ScrollToPlugin…Continue reading