Magento – Filtern nach als “Akkordeon” Menü / Slidedown / Dropdown im RWD Design bei 1.9

ImageWer in seinem Magento-Shop viele Filter verwendet und die sog. Layered Navigation – also die Filternavigation auf der (habituellement) 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

ajouté. Ganz am Schluss kopiert man einfach die folgenden Zeilen ein:

<type de script ="text / javascript">
jQuery(Document).ready(fonction($) {
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(fonction(){
jQuery(cette).toggleClass('Active').next().slideToggle();
})
});
</scénario>

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.

Utilisé dans les versions Magento 1.9 Remarques? Ajouts? Remarques? Volontiers!

Publié par Covos

Depuis 2009 Je travaille intensément avec Magento. J'ai commencé avec la création et l'exploitation des magasins B2C. Cela a été prolongé par mon travail dans le secteur de la logistique. Il en est résulté premiers systèmes de B2E spécialisés. Aujourd'hui, je travaille jour par jour avec B2C passionnant, B2B- et les projets B2E et rapports dans ce blog sur les défis et donner des conseils d'initiés.

Laisser un commentaire

Votre adresse email ne sera pas publié. les champs requis sont indiqués *