Mostrar el feed de Instagram en un diseño de carrusel sólo en dispositivos móviles.

Cómo mantener un diseño en cuadrícula en el ordenador y cambiar a un carrusel en pantallas más pequeñas, en la versión Pro.

En la versión Pro del plugin, es posible mostrar un diseño de cuadrícula normal en dispositivos de escritorio y cambiar a un diseño de carrusel en dispositivos más pequeños/móviles.

1) En primer lugar, active la opción "Carrusel" para el feed, ya sea en la página "Personalizar" del plugin o utilizando carousel=true en el shortcode.

2) A continuación, intente añadir lo siguiente al archivo functions.php de su tema.:

function sb_custom_carousel_grid() {
	?>
	<script>
        jQuery(window).on('sbiafterlayoutinit', function (event) {
            if (jQuery(window).width() > 480) {
                event.feed.layout = 'grid';
                jQuery('.sbi_carousel').removeClass('sbi_carousel');
            }
        });
	</script>
	<?php
}
add_action( 'wp_footer', 'sb_custom_carousel_grid');

Por defecto, se utilizará el carrusel en el feed, pero cuando supere los 480 píxeles, el fragmento eliminará el carrusel y restaurará el diseño normal.

¿No ha encontrado la respuesta en los documentos?

Contacto