Помогите пожалуста. Как адаптировать slider под custom?

Vistem 14.06.2015 Все вопросы » Общие вопросы по вёрстке 2433

вопрос

Есть hrml код slidera. Нужна помощь с адаптацией под ДЛЕ

Планируется следующая конструкция:
1. Создана категория чисто под слайдер
2. В нее будут иногда добавлятся новости
3. Slider берет от туда последние 5 новостей и прокручивает их

Вот сам код:

Показать / Скрыть текст


<section id="slider"><!--slider-->
<div class="container">
<div class="row">
<div class="col-sm-12">
<div id="slider-carousel" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#slider-carousel" data-slide-to="0" class="active"></li>
        <li data-target="#slider-carousel" data-slide-to="1"></li>
        <li data-target="#slider-carousel" data-slide-to="2"></li>
    </ol>

<div class="carousel-inner">

<div class="item active">
<div class="col-sm-6">
    <h1>Заголовок 1</h1>
    <h2>Заголовок 2</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
    <button type="button" class="btn btn-default get">Get it now</button>
</div>
<div class="col-sm-6">
    <img src="{THEME}/images/home/girl1.jpg" class="girl img-responsive" alt="" />
    <img src="{THEME}/images/home/pricing.png"  class="pricing" alt="" />
</div>
</div>

<div class="item">
<div class="col-sm-6">
    <h1>Заголовок 1</h1>
    <h2>Заголовок 2</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
    <button type="button" class="btn btn-default get">Get it now</button>
</div>
<div class="col-sm-6">
    <img src="{THEME}/images/home/girl2.jpg" class="girl img-responsive" alt="" />
    <img src="{THEME}/images/home/pricing.png"  class="pricing" alt="" />
</div>
</div>
                            
<div class="item">
<div class="col-sm-6">
    <h1>Заголовок 1</h1>
    <h2>Заголовок 2</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
    <button type="button" class="btn btn-default get">Get it now</button>
</div>
<div class="col-sm-6">
    <img src="{THEME}/images/home/girl3.jpg" class="girl img-responsive" alt="" />
    <img src="{THEME}/images/home/pricing.png" class="pricing" alt="" />
</div>
</div>
</div>
                        
<a href="#slider-carousel" class="left control-carousel hidden-xs" data-slide="prev">
<i class="fa fa-angle-left"></i>
</a>

<a href="#slider-carousel" class="right control-carousel hidden-xs" data-slide="next">
<i class="fa fa-angle-right"></i>
</a>
</div>
                    
</div>
</div>
</div>
</section><!--/slider-->

Ответа пока нет

4 комментария

Гости

385

vadims - 2015-07-0314 июня 2015 00:29 - #45341

Советую проще конструкцию -

1. Ставите модуль BlockPro
2. Создаете доп. поле "Описание для слайдера"
3. Делаете вывод с модулем BlockPro из любой категории, только те новости у которых заполнено доп. поле.

В добавок можно поставить модуль добавление картинок и файлов в новость v4.0.3
И сделать в настройках выставить нужный размер, например 600x250, тогда вообще просто загрузили картинку и она уменьшилась под размер слайдера.

Юзер

Johny - 2015-07-0315 июня 2015 11:13 - #45354

Можно попробовать {custom category="id категории" day="2" limit="5" order="date"} Прям такого нет чтобы именно последние пять выводить стандартно. Но зная как часто заполняется категория, можно в кастоме выставить условия за сколько дней, если там всего 5 новостей в два дня бывает. В dle 10.5 еще добавили возможность использовать значения других полей как параметры тега custom. Ну а дальше привязать слайдер по инструкции от самого слайдера.

Юзер

1599

FastFud - 2015-07-0315 июня 2015 12:02 - #45356

Попробуйте так:

<section id="slider"><!--slider-->
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div id="slider-carousel" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#slider-carousel" data-slide-to="0" class="active"></li>
                        <li data-target="#slider-carousel" data-slide-to="1"></li>
                        <li data-target="#slider-carousel" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                        {custom category="1-10" template="custom" aviable="global" navigation="no" from="0" limit="5" cache="yes"}
                    <a href="#slider-carousel" class="left control-carousel hidden-xs" data-slide="prev"><i class="fa fa-angle-left"></i></a>
                    <a href="#slider-carousel" class="right control-carousel hidden-xs" data-slide="next"><i class="fa fa-angle-right"></i></a>
                </div>
            </div>
        </div>
    </div>
</section><!--/slider-->

В шаблоне который вы укажите в строке {custom ... вставьте это

<div class="item">
    <div class="col-sm-6">
        <h1>Заголовок 1</h1>
        <h2>Заголовок 2</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
        <button type="button" class="btn btn-default get">Get it now</button>
    </div>
    <div class="col-sm-6">
        <img src="{THEME}/images/home/girl1.jpg" class="girl img-responsive" alt="" />
        <img src="{THEME}/images/home/pricing.png"  class="pricing" alt="" />
    </div>
</div>

Юзер

Vistem - 2015-07-0318 июня 2015 22:50 - #45479

Спасибо попробую сейчас. Только с командировки вернулся

TeraMoune | Вывод тегов - как это делается? ⁴

TeraMoune
Вывод тегов - как это делается?
Вчера, 10:15

Этот тег в main.tpl и не должен работать и вроде бы и не работал, а если и работал то по чистой случайности и теперь вот всё. Я не пользовался таким и поэтому не могу точно сказать но оно кажется и не работало.
izi4 | Вывод тегов - как это делается? ⁴

izi4
Вывод тегов - как это делается?
2-04-2025, 23:49

Что я так понимаю это не реально???
izi4 | Вывод тегов - как это делается? ⁴

izi4
Вывод тегов - как это делается?
31-03-2025, 10:07

izi4,
Забыл добавить, хочу вставить в main.tpl
izi4 | Вывод тегов - как это делается? ⁴

izi4
Вывод тегов - как это делается?
31-03-2025, 09:54

<meta property="article:published_time" content="{date=Y-m-d}">
почему сейчас это не срабатывает? Версия DataLife Engine:17.2
TeraMoune | В комментариях неверно выводится чекбокс ... ¹

TeraMoune
В комментариях неверно выводится чекбокс. Как поправить?
23-03-2025, 15:41

Поправить можно при помощи CSS, смотреть в стандартном шаблоне либо открыть страницу https://dle-news.ru/templates-changelog.html и посмотреть изменения относительно вашей прошлой версии и тех до которых вы обновиляете. Стили относящиеся этого вопроса находятся в Изменения между версиями 17.2 и 17.3.
TeraMoune | Как сменить тему TinyMCE?
TeraMoune
Как сменить тему TinyMCE?
17-03-2025, 06:34
```
if( typeof tinymce === 'object' ) {
	tinymce.get().forEach((item) => {

		if( this.isDarkTheme() ) item.contentDocument.activeElement.classList.add('dle_theme_dark');
		else item.contentDocument.activeElement.classList.remove('dle_theme_dark');
	
	});
}
```
Вместо this.isDarkTheme() использовать то, что используется у вас для определения или установления факта тёмной темы.

Для применения тёмной темы панели кнопок необходимо установить html тегу класс dle_theme_dark
TeraMoune | Как вывести кнопку добавления статическо ... ¹

TeraMoune
Как вывести кнопку добавления статической страницы на сайт с модерацией ?
13-03-2025, 16:33

Таких возможностей не предусмотрено как и модерации этого типа страниц.
tarantino1 | Адаптация Kylshop 5.3 для DLE 15 ¹¹

tarantino1
Адаптация Kylshop 5.3 для DLE 15
13-03-2025, 15:35

помогите плиз, модуль не появился в админке, или как в админку зайти? кто-то выше спрашивал какие теги у него, их нигде в сети нет, но я нашёл его сайт на веб архив и вот основные теги ниже.
Общие теги
{cart} - выводит мини-корзину на странице. Данный тег можно не указывать, при этом плагин сам вставит корзину в конец html документа. При этом должен присутствовать обязательный стандартный тег DLE {AJAX}
По умолчанию стили фиксируют корзину справа вверху. Вы можете переписать стили в своем файле стилей, во избежание затирания стандартных стилей при обновлении плагина.
{filter} - выводит на страницу фильтр товаров.
Работает с реальными ценами, без учета скидок. В дальнейших обновлениях сделаю настройку включения или отключения учета скидок.
{map} - выводит карту, которая отвечает за пункты доставки.
{balance} - выводит баланс пользователя.
{addBalance} - выводит форму для пополнения баланса.
Теги для shortstory.tpl и fullstory.tpl (custom.tpl)
{add-cart} - выводит кнопку добавления товара в корзину.
{go-payment} - выводит кнопку моментального перехода на страницу оформления заказа.
{counter} - выводит поле, для выбора количества шт.
{product} - выводит содержимое, которое забито в поле (после оплаты | вкладка магазин).
{price} - реальная цена товара.
{price-sale} - цена с учетом скидки.
{sale} - скидка.
{sale-type} - тип скидки (знак валюты или знак процента).
{currency} - знак валюты.
{filter} - выводит свойства (фильтры) данного товара. В дальнейшем это будет называться свойства.
{count} - выводит количество позиций товара.
{count-orders} - количество проданных позиций.
Условные:
[price] содержимое [/price] - будет выводиться содержимое, если цена задана
[sale] содержимое [/sale] - будет выводиться содержимое, если скидка задана
[not-price] содержимое [/not-price] - отобразит содержимое, если цены нет
[not-sale] содержимое [/not-sale] - отобразит содержимое, если скидки нет
[related-goods] содержимое [/related-goods] - отображает содержимое, если похожие товары заданы
[present]<span class="present">+1 в подарок</span>[/present] - отображает label, если сейчас счастливые часы.
Теги для userinfo.tpl
{my_goods} - выводит список заказов пользователя в виде таблицы.
Теги для /kylshop/cart.tpl
- страница оформления заказа.
{cart} - корзина выбранных товаров в виде таблицы.
{total} - контейнер для общей суммы в корзине.
{without-sale} - контейнер с отображением общей суммы с учетом скидки.
{method} - выпадающий список (методы).
{method-total} - цена за метод.
{without-method} - общая сумма из корзины включая цену за метод.
{form} - форма заказа созданная в админ-панели плагина.
{map} - карта с пунктами доставки.
{promo-code} - поле для ввода промо-кода.
Дополнительные теги
{ pay="315|Индивидуальный товар" } - выведет кнопку с названием индивидуальный товар с ценой 315.
{ pay="Оплатить" } - выведет поле для ввода суммы и кнопку с названием оплатить.
Теги выведены с пробелами, потому что они заменяются на кнопки. Вы вводите теги без пробелов.
TeraMoune | MySQL установил Dle Forum V.3.5 и бд выд ... ¹

TeraMoune
MySQL установил Dle Forum V.3.5 и бд выдает ошибку,что поправить?
11-03-2025, 01:23

Ошибка говорит о том, что ячейки img_id нету в таблице, что в принципе странно поскольку модуль и не создаёт таблицы с именем _forum_images. Ищите другие версии или пишите автору если он еще занимается модулем.
LMakc | Ссылка на воспроизведение аудио ? ⁴

LMakc
Ссылка на воспроизведение аудио ?
9-03-2025, 00:58

Вариант создать доп. поле [xfvalue_mp3]

наверх

Помогите пожалуста. Как адаптировать slider под custom?

Ответа пока нет

4 комментария

Похожие вопросы

Вопрос по float:left + clear:both и двухколоночной верстке

Помогите доделать вывод кратиких новостей

Верстка. Подгрузка содержимого.

DLE конфликт mootools с { headers }

Помогите исправить верстку слайдера

Нужна помощь с формой и добавления элементов

Logo Slider

Как возобновить работу карусели на сайте?

Как в разных категориях сайта сделать разное оформление?

Почему при верстке шаблона не работает JS?