17 февраля 2015 в 13:25
Вроде бы простая задача: надо на странице (лучше в блоке) вывести несколько нод из одного типа материала во вкладках, но чтобы вместо простой текстовой ссылки было изображение, которые является полем "изображение" в этой ноде.
Пробовал Quick Tabs - отличный модуль, но он не позволяет сделать вкладки в виде одного из полей типа изображение во вкладках.
Можно конечно использовать стили CSS и поставить фоновое изображение, но это придется делать вручную для каждой вкладки, а надо чтобы данные вкладки создавались автоматом.
Думаю надо рыть в сторону создания галерей из нод, но не пойму какой модуль лучше использовать. Есть ли у кого-нибудь решение или подскажите в какую сторону "копать".
Комментарии
при клике на картинку должен быть переход на полную ноду?
views можно связать с Quick Tabs
Немного поплясать придется, но сделать можно.
1. Создать вьюс с форматом quicktabs. Если при создании вьюса будет ошибки писать (The Quicktabs display style requires that a field be configured to be used as the tab title.) - то выбираем любой другой формат. Потом, когда вьюс создан меняем на quicktabs.
2. Выбирает вывод полей.
3. Добавляем поля, в том числе поле картинки, какое будет табом http://i.imgur.com/yODkinu.png
4. В настройках формата quicktabs выбираем поле, какое будет заголовком таба - http://i.imgur.com/ZAOzrYe.png
5. Сохраняем. После сохранения картинки будут выводится хтмл'ом. Это квиктаб ломает скобочки тега img. Вот описание проблемы, там же решение https://www.drupal.org/node/2405115 . Насколько оно элегантно решать вам, но работает http://i.imgur.com/d1W1cEn.png .
Спасибо! Первые четыре пункта я тоже додумался, как раз 5 пункт и не знал как решить. Только сейчас не понимаю куда надо вставлять код для решения этой проблемы:
<?php
$('.quicktabs-tabs li a').each(function(){
var $this = $(this);
var t = $this.text();
$this.html(t.replace('<','<').replace('>', '>'));
});
?>
php там лишнее.
В js файл вашей темы.
Подключил данный код к теме отдельным js файлом. Но все осталось по прежнему, может код неправильный?
Его нужно правильно вставить. Рабочий, я же проверял.
Вот так вставьте - http://jsfiddle.net/j2tkh2ck/
И потом кеш очистить.
Огромное спасибо!!! Все получилось.