Archives: Snippets
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
efeffefef
Untitled Snippet
Untitled Snippet
Display a message after the last paragraph of posts – disable banner
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