Anzeige des Instagram Feeds in einem Karussell-Layout nur auf mobilen Geräten

In der Pro-Version des Plugins ist es möglich, ein reguläres Raster-Layout auf Desktop-Geräten anzuzeigen, aber dann auf kleineren/mobilen Geräten zu einem Karussell-Layout zu wechseln.

1) Aktivieren Sie zunächst die "Karussell"-Einstellung für den Feed, entweder auf der "Anpassen"-Seite des Plugins oder indem Sie carousel=true im Shortcode.

2) Versuchen Sie dann, in der Datei functions.php Ihres Themes Folgendes hinzuzufügen:

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

Standardmäßig wird das Karussell auf dem Feed verwendet, aber wenn es über 480 Pixel ist, entfernt das Snippet das Karussell und stellt das normale Layout wieder her.

Konnten Sie die Antwort nicht in den Dokumenten finden?

Kontakt zum Support