Join 2,000,000+ Professionals who use WPCode to Future-Proof Their Websites!
// This script is designed for use with the Gridbuilder plugin, specifically targeting // the ‘Vendor Archive Card’ and ‘Tall Vendor Card’ card layouts. Its primary function is to // address a limitation within Gridbuilder’s native handling of taxonomy terms…Continue reading
document.addEventListener(‘DOMContentLoaded’, (event) => { // Check if there’s a div with the class ‘wpgb-card-wrapper’ and “Sorry, no content found” text const cardWrapper = Array.from(document.querySelectorAll(‘.wpgb-card-wrapper’)).find(div => div.textContent.trim() === “Sorry, no content found.”); // If the div is found, remove the element…Continue reading
// Temporary Fix for GridBuilder and Zeen Theme Compatibility Issue // This script addresses a specific issue where images within GridBuilder cards fail to load // correctly on pages or posts that incorporate Zeen theme styling. This problem is suspected…Continue reading
// Temporary Fix for GridBuilder and Zeen Theme Compatibility Issue // This script addresses a specific issue where images within GridBuilder cards fail to load // correctly on pages or posts that incorporate Zeen theme styling. This problem is suspected…Continue reading
// Sample URL: https://update.loveincmag.com/category/real-weddings/ // // This logic is a bandaid (aka, duct tape) fix to forcefully load a URL path upon filter selection. // Preferred logic would be dynamic update of content (in place) via AJAX versus forceful navigation…Continue reading
document.addEventListener(“DOMContentLoaded”, () => { // Initialize drag and drop for filters initializeSortableFilters(); // Attach event listeners to locale links const localeLinks = document.querySelectorAll(‘#locales a’); localeLinks.forEach(link => { link.addEventListener(‘click’, handleLocaleLinkClick); }); // Populate the product table on initial load populateProductTable(); //…Continue reading
elem = document.getElementsByClassName(‘uk-background-norepeat’); window.addEventListener(‘deviceorientation’, function(e){ handler(e); }, false); function handler(e){ var width = window.outerWidth, rot = e.gamma / 1800, left = ( width / 2 ) * rot; elem[0].style.backgroundPosition = left + ‘px’; }Continue reading
‘use strict’; var rippleEffect = function (e) { var target = e.target; var rect = target.getBoundingClientRect(); var ripple = target.querySelector(‘.ripple’); jQuery(ripple).remove(); ripple = document.createElement(‘span’); ripple.className = ‘ripple’; ripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + ‘px’; target.appendChild(ripple); var top = e.pageY…Continue reading