Menú
Menú
<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>
Nuestra selección de embarcaciones destacadas:
Encuentra tu barco y filtra por categorías
<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>
