Trick # 487 | Dieser Beitrag beinhaltet 594 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.
Das Portfolio, welches Sie mit dem filterbaren Portfolio-Modul des Divi-Themes erstellen können, zeigt die Kategoriefilter standardmässig als Button. Wenn Ihnen ein Dropdown-Manü besser zusagt, können Sie es auch als solches darstellen. Wie’s geht, zeigt dieser Trick.
Von Haus aus werden die Filter im filterbaren Portfolio-Modul als Buttons dargestellt. So wie nebenan:
Um die Ansicht auf ein Dropdown-Menü umzugestalten, benötigen Sie das folgende Script, welches Sie in den <head>-Bereich Ihrer Website integrieren. Unter Divi/Theme-Optionen/Integration:
<script>
jQuery(document).ready(function($){
$('.et_pb_portfolio_filters ul').each(function() {
var $select = $('<select />');
$(this).find('.et_pb_portfolio_filter a').each(function() {
var $option = $('<option />');
$option.attr('value', $(this).attr('data-category-slug')).html($(this).html());
$select.append($option);
});
$(this).prepend($select);
});
$('.et_pb_portfolio_filters select').each(function() {
$(this).on('change', function() {
var selectedFilter = $(this).val();
$(this).siblings().find("[data-category-slug='"+selectedFilter+"']").trigger('click');
});
});
$('.et_pb_portfolio_filters ul li').hide();
});
</script>Sogleich werden die Filter statt nebeneinander als Dropdown-Auswahl angezeigt:
Werbung
Titeldarstellungen im Divi-Theme lassen sich hübsch gestalten. Heute zeigen wir Ihnen zwei Beispiele, wie Sie die Titelzeile mit einem Rahmen «auffüllen» können. Das ist ein echter Eyecatcher. Und ganz einfach zu machen.
Die beiden Divi-Theme-Module «Toggle» (bzw. «Umschalter») und «Accordion» (auch «Akkordeon» genannt) ähneln sich stark - und doch sind beide verschieden. In diesem Beitrag zeigen wir Ihnen den Unterschied zwischen den beiden Modulen und ...
Heute – zum Anlass des 500. Beitrags aus der Praxis von Dr. Code – stellen wir ein Tutorial zur Verfügung, mit welchem sich ganz einfach eine Lesefortschrittsanzeige auf der Divi-Website erstellen lässt. Sie besteht aus einem Balken, der auf ...
Das Divi-Theme kommt mit einem Informationstext-Modul (auf englisch: Blurb-Modul) daher. Problem: Nur der Titel und das Icon sind anklickbar. Wenn Sie das gesamte Modul verlinken möchten, dann erfahren Sie hier wie das geht.
Keine Inhalte gefunden.
Werbung
