Afficher le fil Instagram dans une disposition en carrousel uniquement sur les appareils mobiles.

Comment conserver une disposition en grille sur ordinateur et passer à un carrousel sur les petits écrans, dans la version Pro.

Dans la version Pro du plugin, il est possible d'afficher une grille régulière sur les appareils de bureau, puis de passer à une présentation en carrousel sur les appareils plus petits/mobiles.

1) Tout d'abord, activez le paramètre "Carousel" pour le flux, soit sur la page "Customize" du plugin, soit en utilisant la commande carousel=true dans le shortcode.

2) Essayez ensuite d'ajouter ce qui suit au fichier functions.php de votre thème... :

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');

Par défaut, le carrousel est utilisé sur le flux, mais lorsque celui-ci dépasse 480 pixels, le snippet supprime le carrousel et rétablit la mise en page normale.

Vous n'avez pas trouvé votre réponse dans la documentation ?

Contacter le support