Visualizzare il feed di Instagram in un layout a carosello solo sui dispositivi mobili.

Nella versione Pro del plugin è possibile visualizzare un layout a griglia regolare sui dispositivi desktop, ma poi passare a un layout a carosello sui dispositivi più piccoli/mobili.

1) Per prima cosa, attivare l'impostazione "Carosello" per il feed, sia nella pagina "Personalizza" del plugin sia utilizzando carousel=true nel codice breve.

2) Provare quindi ad aggiungere quanto segue al file functions.php del 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');

Per impostazione predefinita, il carosello viene utilizzato nel feed, ma quando supera i 480 pixel, lo snippet rimuove il carosello e ripristina il layout regolare.

Non è stato possibile trovare la risposta nei documenti?

Contatto con l'assistenza