(РЕШЕНО) Как вывести список товаров аккордеоном?

Главные вкладки

Аватар пользователя blackcat8202 blackcat8202 16 января 2013 в 0:14

Здравствуйте! Столкнулась с такой вот проблемой. Нигде не могу найти как сделать вывод новых товаров аккордеоном.
То-есть: есть view с новинками товаров, который выводится на главной странице. Нужно, чтобы при нажатии на кнопку "Показать больше новинок" аккордеоном раскрывался полный список новых товаров. То есть при нажатии на кнопку - она уезжает вниз и открывает собой еще товары.
Понятно, что нужно использовать модуль Аккордеона, но как его использовать в данном случае не могу понять.
Может кто подскажет? Может кто-то сталкивался с такой задачей?

Комментарии

Аватар пользователя kopernik21187 kopernik21187 16 января 2013 в 0:50

Вообще с помощью jQuery это не сложно сделать. Выводите в нужные блоки нужную информацию с помощью того же Views например и

jQuery(this).toggle("fast");               
                       

И вот так открываете/скрываете ваши "Новые товары".

ОФФТОП: у меня у одного не работает кнопка "Вставка кода"???

Аватар пользователя blackcat8202 blackcat8202 16 января 2013 в 1:35

То есть у меня сейчас создан view с моими товарами и выведен в блок, а куда этот код вставлять не знаю.
У меня включен модуль для работы с кодом, который выводит в настройках блока "Если введённый PHP-код возвращает значение TRUE". Это там нужно написать обработчик или все-таки в файлах самого шаблона?

ps: если Вы про этот модуль: "PHP filter" - то он работает.

Аватар пользователя blackcat8202 blackcat8202 16 января 2013 в 18:01

Все! Сделала!
Вот код - кому если надо)))
Подключила файл со скриптом, а в нем вот это написано было. Само собой стили ".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);

Аватар пользователя volocuga@drupal.org volocuga@drupal.org 20 января 2013 в 4:52

Это порно, а не аккордион - обычный коллапс. Плагин аккордиона уже в ядре есть, почему бы не использовать его?

<?php

drupal_add_library

('system''ui.accordion');
drupal_add_js($conf'inline'); // конф, согласно докам jqueryUI

?>