Wer in seinem Magento-Shop viele Filter verwendet und die sog. Layered Navigation – also die Filternavigation auf der (meist) linken Seite unübersichtlich und lang ist, kann die einzelnen Filter ein- und ausklappen.
Hierzu werden nur wenige Zeilen Code in der Datei view.phtml im Ordner
app/design/frontend/[eigenes Template]/[ebenso]/template/catalog/layer
hinzugefügt. Ganz am Schluss kopiert man einfach die folgenden Zeilen ein:
<script type="text/javascript">
jQuery(document).ready(function($) {
var dt = jQuery('#narrow-by-list dt'),
dd = jQuery('#narrow-by-list dd');
dt.next().hide();
dd.first().hide();
dt.first().addClass('active');
dt.click(function(){
jQuery(this).toggleClass('active').next().slideToggle();
})
});
</script>Wobei die Zeile dd.first().hide(); mitteilt, dass der erste Filter auch versteckt sein soll. Hier kann man aber auch dd.first().active(); verwenden und der erste Filter wäre standardmäßig ausgeklappt.
Schön bei dieser Lösung ist, dass die einzelnen Filter durch Klick auf die Überschrift des jeweiligen Bereiches ausfahren und durch einen weiteren Klick wieder eingefahren werden.
Ich habe dies bei einem angepassten RWD-Design verwendet.
Genutzt in Magento Versionen 1.9 Kommentare? Ergänzungen? Hinweise? Gerne!
