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

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