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

IMAGENWer in seinem Magento-Shop viele Filter verwendet und die sog. Capas de navegación – also die Filternavigation auf der (por lo general) 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

añadido. Ganz am Schluss kopiert man einfach die folgenden Zeilen ein:

<script type ="text / javascript">
jQuery(documento).ready(función($) {
var dt = jQuery('#narrow-by-list dt'),
dd = jQuery('#narrow-by-list dd');
dt.next().hide();
dd.first().hide();
dt.first().addClass("Activo");
dt.click(función(){
jQuery(esta).toggleClass("Activo").next().slideToggle();
})
});
</guión>

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.

Se utiliza en las versiones de Magento 1.9 Comentarios? Adiciones? Notas? Con alegría!

Publicado por Covos

DESDE 2009 He estado trabajando intensamente con Magento. Empecé con la creación y el funcionamiento de las tiendas B2C. Esto se extendió a través de mi trabajo en el sector de la logística. Esto dio lugar a sistemas especializados primera B2E. Hoy trabajo del día a día con una emocionante B2C, B2B- y proyectos B2E e informes en este blog sobre los desafíos y dan consejos de expertos.

Deja un comentario

Su dirección de correo electrónico no será publicado. Los campos obligatorios están marcados *