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
Dies ist der 300. Trick aus der Praxis von Dr. Code, den wir Ihnen auf dieser Website vorstellen können. Uns freut dieses Jubiläum. Und darum bauen wir heute eine Timeline - ganz ohne Plugins und Hilfsmittel. Bloss mit ein wenig HTML- und ...
Wenn die Wiedergabe eines Videos im Divi-Videomodul beendet ist, schlägt YouTube standardmässig verwandte Videos an. Diese sind dazu gedacht, Ihre User zu anderen Kanälen zu führen. Das wollen Sie aber vermutlich nicht. Darum: Hier die Lösung ...
Wenn Sie Buttons im Divi-Theme nebeneinander statt untereinander anordnen wollen, müssen Sie dies im Normalfall mit einer mehrspaltigen Zeile lösen. Es gibt aber einen Trick, mit welchem auch mehrere Buttons in derselben Spalte nebeneinander ...
WordPress liefert ein Widget für Kategorien und Schlagworte mit. Damit lassen sich die verwendeten Taxonomien praktisch anzeigen und auch gleich mit den entsprechenden Übersichtsseiten verlinken. Das Styling der Widgets ist aber ziemlich ...
Keine Inhalte gefunden.
Werbung
