DECORACIÓN archivos - Página 4 de 44 -

Contacte con nosotros

document.addEventListener('DOMContentLoaded', function () { // Localiza el input de búsqueda const searchInput = document.querySelector('header input[type="search"]') || document.querySelector('.site-header input[type="search"]') || document.querySelector('input[type="search"]'); if (!searchInput) return; // Form o wrapper del buscador const searchWrap = searchInput.closest('form') || searchInput.closest('.site-search') || searchInput.closest('.search-form') || searchInput; // Localiza la cesta const cartEl = document.querySelector('header a[href*="cart"]') || document.querySelector('.site-header a[href*="cart"]') || document.querySelector('.cart-contents, .header-cart, .mini-cart, a.cart') || document.querySelector('[class*="cart"] a'); if (!cartEl) return; // Guarda lugar original para escritorio const originalParent = searchWrap.parentNode; const marker = document.createComment('search-original-place'); originalParent.insertBefore(marker, searchWrap.nextSibling); function placeSearchNearCart() { const isMobile = window.matchMedia('(max-width: 768px)').matches; if (isMobile) { const parent = cartEl.parentElement; if (!parent) return; parent.classList.add('snc-flex'); // clase que activa el CSS if (searchWrap !== cartEl.previousElementSibling) { parent.insertBefore(searchWrap, cartEl); // buscador justo antes de la cesta } } else { if (marker.parentNode) { originalParent.insertBefore(searchWrap, marker); // vuelve a su sitio } originalParent.classList.remove('snc-flex'); } } placeSearchNearCart(); window.addEventListener('resize', placeSearchNearCart); });