AJAX Grid Search (single grid)

document.addEventListener(‘DOMContentLoaded’, function () { const searchInput = document.querySelector(‘#gridSearch input[type=”text”]’); const searchForm = document.querySelector(‘#gridSearch form’); // Adjust if your search is within a form const gridResults = document.querySelector(‘.grid-results’); // The container that will display search results // Disable form submission to…Continue reading

AJAX Grid Search (multiple grids)

document.addEventListener(‘DOMContentLoaded’, function () { const searchInput = document.querySelector(‘#gridSearch input[type=”text”]’); const searchForm = document.querySelector(‘#gridSearch form’); // Adjust if your search is within a form const initialGrid = document.querySelector(‘.initial-grid’); // The initial content to hide when searching const gridResults = document.querySelector(‘.grid-results’); //…Continue reading

Menu Item image Animation on Hover

.header-navigation .menu .menu-item:hover { background: url(https://ecommerce-base-1.instawp.xyz/wp-content/uploads/2024/05/Plan-De-Travail-14_7png.webp) no-repeat; background-size: contain; background-position: center; transition: 0.5s; }Continue reading

Menu Item image Animation on Hover

.header-navigation .menu .menu-item:hover { background: url(https://ecommerce-base-1.instawp.xyz/wp-content/uploads/2024/05/Plan-De-Travail-14_7png.webp) no-repeat; background-size: contain; background-position: center; transition: 0.5s; }Continue reading