Magento – Lọc theo như “accordion” thực đơn / Trượt xuống / Thả trong RWD thiết kế trong 1.9

hình ảnhAi sử dụng nhiều bộ lọc trong cửa hàng Magento của nó và cái gọi là. layered Navigation – also die Filternavigation auf der (chủ yếu) bên trái là khó hiểu và dài, một bộ lọc riêng biệt- và chương trình.

Với mục đích này, chỉ có một vài dòng mã, trong các tập tin trong thư mục view.phtml

ứng dụng / thiết kế / frontend /[mẫu tùy chỉnh]/[cũng]/mẫu / Danh mục hàng / lớp

thêm. Vào phút cuối, bạn chỉ đơn giản là sao chép những dòng sau đây:

<script type="text/javascript">
jQuery(tài liệu).ready(chức năng($) {
var dt = jQuery('#narrow-by-list dt'),
dd = jQuery('#narrow-by-list dd');
dt.next().ẩn giấu();
dd.first().ẩn giấu();
dt.first().addClass('Hoạt động');
dt.click(chức năng(){
jQuery(điều này).toggleClass('Hoạt động').next().slideToggle();
})
});
</script>

Trường hợp dd.first dòng().ẩn giấu(); thông báo, rằng bộ lọc đầu tiên được ẩn. Nhưng ở đây bạn cũng có thể dd.first().hoạt động(); sử dụng và bộ lọc đầu tiên sẽ được mở rộng theo mặc định.

Nó là tốt đẹp trong giải pháp này, rằng các bộ lọc cá nhân đi ra bằng cách bấm vào tiêu đề của từng khu vực và được rút lại bằng cách nhấp chuột một lần nữa.

Tôi đã sử dụng điều này trong một thiết kế RWD tùy chỉnh.

Được sử dụng trong các phiên bản Magento 1.9 bình luận? bổ sung? Ghi chú? vui vẻ!

Xuất bản bởi sợi Dệt

từ 2009 Tôi đã làm việc chặt chẽ với Magento. Tôi bắt đầu với việc tạo ra và hoạt động của các cửa hàng B2C. Điều này đã được mở rộng thông qua công việc của tôi trong lĩnh vực logistics. Điều này dẫn đến hệ thống B2E đầu tiên chuyên. Hôm nay tôi làm việc ngày một ngày với B2C thú vị, B2B- và các dự án B2E và báo cáo trong blog này về những thách thức và đưa ra lời khuyên trong cuộc.

Để lại một trả lời

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *