js - WPCode Library

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

Code for Call Tracking

GA4 Custom Event Tracking

/** * GA4 Custom Event Tracking * Tracks lead method, service type, page type, neighborhood, ZIP code, link text, and link URL. */ (function() { function getServiceType() { const path = window.location.pathname.toLowerCase(); if (path.includes(‘tv-mounting’)) return ‘tv-mounting’; if (path.includes(‘mirror-mounting’)) return ‘mirror-mounting’;…Continue reading

Smooth Scroll

document.querySelectorAll(‘a[href^=”/#”]’).forEach(link => { link.addEventListener(‘click’, function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute(‘href’).replace(‘/’, ”)); if (target) { window.scrollTo({ top: target.offsetTop – 80, behavior: ‘smooth’ }); } }); }); “Continue reading