js - WPCode Library

Untitled Snippet

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 for class parallax-up JS

/** * 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

/* ========================================================= 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

voorbeeld tekst borduren

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

Verberg Opties selecteren knoppen

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

Insert Title Into Page Banner

jQuery(document).ready(function($) { var $titleSource = $(‘.banner-overlay-title’).first(); if ($titleSource.length && $(‘.innerbanner’).length) { $(‘.innerbanner’).html(‘ ‘ + $titleSource.html() + ‘ ‘); $titleSource.hide(); } });Continue reading

Notifications – Site Wrapper

/** * 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 Controller

/** * 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

/** * 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

Mark current link including parent

// Target only main navigation const mainNav = document.querySelector(‘#menu-main-menu’); if (mainNav) { const currentPath = window.location.pathname; mainNav.querySelectorAll(‘a’).forEach(link => { const linkPath = new URL(link.href).pathname; // Exact match – current page if (linkPath === currentPath) { link.classList.add(‘active’); link.parentElement.classList.add(‘current-menu-item’); // Add to…Continue reading