Здравствуйте! Столкнулась с такой вот проблемой. Нигде не могу найти как сделать вывод новых товаров аккордеоном.
То-есть: есть view с новинками товаров, который выводится на главной странице. Нужно, чтобы при нажатии на кнопку "Показать больше новинок" аккордеоном раскрывался полный список новых товаров. То есть при нажатии на кнопку - она уезжает вниз и открывает собой еще товары.
Понятно, что нужно использовать модуль Аккордеона, но как его использовать в данном случае не могу понять.
Может кто подскажет? Может кто-то сталкивался с такой задачей?
Комментарии
Вообще с помощью jQuery это не сложно сделать. Выводите в нужные блоки нужную информацию с помощью того же Views например и
И вот так открываете/скрываете ваши "Новые товары".
ОФФТОП: у меня у одного не работает кнопка "Вставка кода"???
Крутите
барабанколесо, найдете.То есть у меня сейчас создан view с моими товарами и выведен в блок, а куда этот код вставлять не знаю.
У меня включен модуль для работы с кодом, который выводит в настройках блока "Если введённый PHP-код возвращает значение TRUE". Это там нужно написать обработчик или все-таки в файлах самого шаблона?
ps: если Вы про этот модуль: "PHP filter" - то он работает.
Все! Сделала!
Вот код - кому если надо)))
Подключила файл со скриптом, а в нем вот это написано было. Само собой стили ".view-new-products" и ".collapse" - у вас другие будут. collapse - на заголовок стиль, по которому щелкать будут, а .view-new-products - то, что у меня сворачивается и разворачивается (посмотрела в исходном коде страницы)
(function($){
$(document).ready(function(){
jQuery(".view-new-products").hide();
$(".collapse").click(function () {
if ($(".view-new-products").is(":hidden")) {
$(".view-new-products").show("slow");
} else {
$(".view-new-products").hide("slow");
}
return false;
});
});
})(jQuery);
Это порно, а не аккордион - обычный коллапс. Плагин аккордиона уже в ядре есть, почему бы не использовать его?
<?php
drupal_add_library
('system', 'ui.accordion');drupal_add_js($conf, 'inline'); // конф, согласно докам jqueryUI ?>