<script>
document.addEventListener('DOMContentLoaded', function() {
    // Función para seleccionar una diapositiva aleatoria
    function setRandomSlide() {
        var swiperContainer = document.querySelector('.mi-carrusel-fullwidth .swiper');
        if (swiperContainer && swiperContainer.swiper) {
            var swiperInstance = swiperContainer.swiper;
            
            // Verificar si Swiper tiene la propiedad 'loopedSlides'
            var loopedSlides = swiperInstance.loopedSlides || 0;
            
            // Calcular el número total de diapositivas únicas
            var uniqueSlides = Array.from(swiperInstance.slides).filter(function(slide) {
                return !slide.classList.contains('swiper-slide-duplicate');
            });
            var totalSlides = uniqueSlides.length;
            
            if (totalSlides > 0) {
                // Generar un índice aleatorio
                var randomIndex = Math.floor(Math.random() * totalSlides);
                
                // Navegar a la diapositiva aleatoria teniendo en cuenta los 'loopedSlides'
                swiperInstance.slideTo(randomIndex + loopedSlides, 0); // 0 ms para transición instantánea
                
                console.log('Diapositiva aleatoria seleccionada:', randomIndex + loopedSlides);
                
                // Detener el intervalo una vez que se ha establecido la diapositiva
                clearInterval(checkInterval);
            }
        }
    }
    
    // Configurar un intervalo para verificar periódicamente si Swiper está inicializado
    var checkInterval = setInterval(setRandomSlide, 100); // Verificar cada 100 ms
    
    // Establecer un tiempo máximo para dejar de verificar (por ejemplo, 5 segundos)
    setTimeout(function() {
        clearInterval(checkInterval);
    }, 5000); // 5000 ms = 5 segundos
});
</script>

				
			

TODOS LOS BARCOS

Encuentra tu barco y filtra por categorías

Marca

Modelo

Provincia

Precio

Eslora

Año

Ordenar:

				
					<script>
function randomizeProducts() {
    // Selecciona el contenedor que tiene los productos (ajusta el selector según tu estructura)
    const productsContainer = document.querySelector('.elementor-element .elementor-element-a1ed2ee .e-con-full .e-flex .e-con .e-parent .e-lazyloaded');

    if (productsContainer) {
        // Selecciona todos los productos dentro del contenedor
        const products = Array.from(productsContainer.children);

        // Verifica si hay productos
        if (products.length > 0) {
            console.log('Productos encontrados:', products); // Verificar productos antes de ordenar

            // Ordena los productos aleatoriamente
            products.sort(() => Math.random() - 0.5);

            // Reordena los productos en el contenedor
            products.forEach(product => productsContainer.appendChild(product));
            console.log('Productos después de ordenar:', products); // Verificar productos después de ordenar
        } else {
            console.log('No se encontraron productos para ordenar.');
        }
    } else {
        console.log('Contenedor de productos no encontrado.');
    }
}

// Ejecuta cuando la página esté completamente cargada
document.addEventListener("DOMContentLoaded", randomizeProducts);

// También ejecuta cuando FacetWP termine de cargar
document.addEventListener("facetwp-loaded", randomizeProducts);
</script>