Можно вставить и слайдер, почему нет-то. Публикую здесь это ЦУ, которое с полным правом можно назвать пособием для ленивых... да, все не просто, а - очень просто. Сказано ведь было, что
MixItUp все равно, чего крутить - текст, картинки, модули, видео... этот плагин работает с контентом, в подробности он не вникает.
Итак. 1. Создаем еще одну категорию и еще одну кнопку для слайдера:
Code:
<div class="controls">
<button class="filter" data-filter="all">All</button>
<button class="filter" data-filter=".category-1">Category 1</button>
<button class="filter" data-filter=".category-2">Category 2</button>
<button class="filter" data-filter=".category-3">Category 3</button>
<button class="filter" data-filter=".category-4">Slider</button>
</div>
2. Находим любую неиспользуемую на нашем сайте позицию модуля Joomla и в стилях скрываем ее по ID:
Code:
#user5 {
display: none;
}
3. В этой позиции публикуем на страничке
MixItUp наш слайдер (любой). Отображаться он, понятное дело, пока что не должен, коль скоро позиция модуля - display: none.
4. В стилях
MixItUp (как один из вариантов - приведены в первом сообщении топика) добавляем для вновь созданной категории:
Code:
@media all and (min-width: 640px){
.container .mix.category-4,
.container .gap{
width: 0;
}
}
Это - если оно вам понадобится. Мне хотелось подровнять положение слайдера в
MixItUp, приподняв его чуть повыше. Действуйте эмпирическим путем, выражаясь по-ученому.
5. Ну и все, остался самый последний штрих. В
mod_custom, куда мы с вами засунули HTML нашего
MixItUp - добавляем в наш основной контейнер еще один div:
Code:
<div class="mix category-4"
{modules slider}
</div>
Получится примерно так:
Code:
.…….
<li class="mix category-2"><img src="image/8.jpg" longdesc="#8" onclick="jQuery_modal(this)" alt=""></a></li>
</ul>
<!-- Это наш новый слайдер, начало -->
<div class="mix category-4"
{modules slider}
</div>
<!-- Это наш новый слайдер, окончание -->
</div>
<div class="gap"></div>
</div>
Это все. Вместо "slider" в фигурных скобках должно быть название вашего слайдера, вместо "modules" - "module", и при условии, что
module_anywhere у вас установлен - все мгновенно заработает.
Я ведь обещал, что это будет пособие для лентяев! :laugh:
