site_wide_footer - WPCode Library

Motion on/off button-Javascript

// Accessibility Motion Toggle Script – updated 2025-07-24 // Disables videos, Lottie, parallax, GIFs, and Divi module animations // Respect user’s stored choice or prefers-reduced-motion if ( localStorage.getItem(“animationsDisabled”) === “true” || (window.matchMedia(“(prefers-reduced-motion: reduce)”).matches && localStorage.getItem(“animationsDisabled”) === null) ) { document.documentElement.classList.add(“animations-disabled”);…Continue reading

JavaScript: Prevent Apostrophe in Email

document.addEventListener(“DOMContentLoaded”, function () { let emailFields = [ document.getElementById(“signup_email”), // Registration form document.getElementById(“billing_email”) // Checkout page ]; emailFields.forEach(function (emailField) { if (emailField) { emailField.addEventListener(“input”, function () { if (emailField.value.includes(“‘”)) { alert(“Error: Email addresses cannot contain apostrophes.”); emailField.value = emailField.value.replace(/’/g, “”);…Continue reading

Play/Pause Button for hero videos {javascript}

function toggleVideo() { const video = document.querySelector(‘video’); const playPauseBtn = document.getElementById(‘playPauseBtn’); if (!video || !playPauseBtn) { console.warn(‘Video or button not found’); return; } if (video.paused) { video.play(); playPauseBtn.classList.remove(‘play’); playPauseBtn.setAttribute(‘aria-label’, ‘Pause video’); } else { video.pause(); playPauseBtn.classList.add(‘play’); playPauseBtn.setAttribute(‘aria-label’, ‘Play video’); }…Continue reading

Magnifier Glass For Images (copy)

(function() { // Configure these for your website. const containerSelector = ‘body’; // Selector for containers with images const zoomLevel = 2; // Magnification zoom level const glassSize = 100; // Size of the magnifier glass in pixels const borderWidth…Continue reading

Auto-logout inactive users

92 pkr (copy)

92 pkr (copy)

Word Search

document.addEventListener(“DOMContentLoaded”, function () { const words = [“OBEY”, “PAY”, “POP”, “DESIRE”, “CONTROL”, “BELLA”]; const gridSize = 10; const grid = document.getElementById(“wordSearchGrid”); let foundCount = 0; let placedWords = []; let cashSound = document.getElementById(“cashSound”); // ✅ Adds sound effect function generateGrid()…Continue reading

Trigger Variation Image Change After Color Change (WooCommerce)

(function ($) { $(document).ready(function ($) { var variations = JSON.parse( jQuery(“.variations_form”).attr(“data-product_variations”) ); if (variations) { var nthAttributeToSwitchImage = 1; var attributeName = Object.keys( variations[nthAttributeToSwitchImage – 1].attributes )[0]; // jQuery(“[name=” + attributeName + “]”).change(function () { jQuery(“.woocommerce div.product form.cart .variations select”).change(…Continue reading

Floating Social Media Icons (copy)

// Define social media links $facebook_link = ‘https://facebook.com/yourprofile’; $twitter_link = ‘https://twitter.com/yourprofile’; $instagram_link = ‘https://instagram.com/yourprofile’; $linkedin_link = ‘https://linkedin.com/in/yourprofile’; echo ‘ .floating-social-icons { position: fixed; top: 50%; left: 0; transform: translateY(-50%); z-index: 1000; } .floating-social-icons a { display: block; margin: 5px 0;…Continue reading