Lesefortschritt:

Divi-Slideshows in zufälliger Reihenfolge anzeigen

1. Januar 2021 | Divi-Theme, Scripts

Trick # 1 | Dieser Beitrag beinhaltet 363 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.

Das Divi-Theme ist mit einem Slider-Modul ausgestattet, mit welchem sich ansprechende Slideshows anzeigen lassen. Ein Nachteil: Die einzelnen Folien werden normalerweise in genau jener Reihenfolge angezeigt, in der man die Slides erfasst. Doch es gibt einen Trick, um die Slides randomized anzuzeigen. Vorteil: BesucherInnen sehen bei jedem Websiteaufruf eine andere Folie als erste.

Um die Folien bunt zu mischen bedarf es einiger Zeilen Code, welche im Backend unter Divi/Theme Options/Integration eingetragen werden. Im Feld «Add code to the < head > of your blog» wird folgender Code eingetragen und anschliessend gespeichert:

<script type="text/javascript">
jQuery(document).ready(function(){
  var item = document.querySelector('.et_pb_slider .et_pb_slides');
  if(item!=null){
    for (var i = item.children.length; i >= 0; i--) {
      item.appendChild(item.children[Math.random() * i | 0]);
    }
  }
});
</script>

Die Slides werden anschliessend in zufälliger Reihenfolge angezeigt.

Allerdings wird der Code nach diesem Vorgehen in allen Slideshows aktiv. Das heisst, möchte man Slideshow A randomizen, Slideshow B hingegen nicht, benötigen Sie eine Variante:

Zufällige Anzeige nur für ausgewählte Slideshows

Möchten Sie die Slider Ihrer Slideshows grundsätzlich in genau jener Reihenfolge anzeigen lassen, in welcher Sie sie programmiert haben? Und soll der Randomizer nur bei einzelnen Slideshows wirken? Ganz einfach: Fügen Sie auf den betreffenden Divi-Seiten oder -Beiträgen ein «Code»-Modul hinzu und kopieren Sie wiederum obigen Code da rein.

Nun wird einzig die betreffende Slideshow nach Zufallsprinzip angezeigt.

 

Werbung

Zeit für Neues: Bye-Bye Classic-Divi-Builder

Der Divi-Builder - mit welchem Sie im Backend Ihre Inhalte gestalten - ist in zwei Versionen verfügbar: Neben der modernen Variante wird nach wie vor der Classic-Divi-Builder angeboten, der bis Sommer 2019 der Standard-Builder war. Da und dort ...
Keine Inhalte gefunden.

Werbung

 

Pin It on Pinterest

Share This
Überblick über den Datenschutz

Diese Website verwendet Cookies, damit wir Ihnen die bestmögliche Benutzererfahrung bieten können. Cookie-Informationen werden in Ihrem Browser gespeichert und dienen dazu, Sie wiederzuerkennen, wenn Sie auf unsere Website zurückkehren, und unserem Team zu helfen, zu verstehen, welche Bereiche der Website Sie am interessantesten und nützlichsten finden.