Слайдер в мобильной версии

Правила раздела: faq.php?mode=okay
Модератор: Модераторы

yodaexolon
yodaexolon
Репутация: 2
Сообщения: 14
Зарегистрирован: 12.01.2019
С нами: 5 лет 2 месяца

Сообщение #1 yodaexolon » 12.02.2019, 20:29

Подскажите как сделать чтобы отображался слайдер на главной странице, при просмотре на смартфоне.

Shalm M
Аватара
Shalm M
Возраст: 32
Репутация: 4
Сообщения: 31
Зарегистрирован: 12.06.2017
С нами: 6 лет 9 месяцев
Откуда: Москва
Сайт ВКонтакте Skype

Сообщение #2 Shalm » 12.02.2019, 23:51

yodaexolon писал(а):Подскажите как сделать чтобы отображался слайдер на главной странице, при просмотре на смартфоне.

По умолчанию в шаблоне (index.tpl) они отключены. Если вам нужен слаййдер в мобильной и планшетной версии нужно изменить условия их вывода. Найдите код

Код: Выделить всё

 {if $is_mobile === false && $is_tablet === false}
        {get_banner var=banner_group1 group='group1'}
        {if $banner_group1->items}
            <div class="fn_banner_group1 banners container">
                {foreach $banner_group1->items as $bi}
                    <div>
                        {if $bi->url}
                        <a href="{$bi->url}" target="_blank">
                            {/if}
                            {if $bi->image}
                                <img src="{$bi->image|resize:1170:390:false:$config->resized_banners_images_dir}" alt="{$bi->alt}" title="{$bi->title}"/>
                            {/if}
                            {if $bi->url}
                        </a>
                        {/if}
                    </div>
                {/foreach}
            </div>
        {/if}
    {/if}


и удалите условие

Код: Выделить всё

{if $is_mobile === false && $is_tablet === false}


и ниже на 11 строк {/if}
Таким образом у вас выёдет код

Код: Выделить всё

{get_banner var=banner_group1 group='group1'}
        {if $banner_group1->items}
            <div class="fn_banner_group1 banners container">
                {foreach $banner_group1->items as $bi}
                    <div>
                        {if $bi->url}
                        <a href="{$bi->url}" target="_blank">
                            {/if}
                            {if $bi->image}
                                <img src="{$bi->image|resize:1170:390:false:$config->resized_banners_images_dir}" alt="{$bi->alt}" title="{$bi->title}"/>
                            {/if}
                            {if $bi->url}
                        </a>
                        {/if}
                    </div>
                {/foreach}
            </div>
        {/if}


P.S будьте аккуратны с использованием десктоп слайдера в мобильной версии. Это грозит тем, что изображения у вас будут занимать огромный вес по соотношению к странице. Для мобильный телефонов не нужны фото в разрешении 1920px или даже 1170px. Это лишний вес и отнимает у вас скорость загрузки. Избежать проблемы можно, как раз через стандартное условие в шаблоне. Для мобильной версии сделайте ещё один слайдер и в нём показывайте уже в корректном разрешении изображения (например 480px по ширине для мобильного и 768px по ширине для планшетов).
Shalmiev.Com - создаю, улучшаю и продвигаю сайты

yodaexolon
yodaexolon
Репутация: 2
Сообщения: 14
Зарегистрирован: 12.01.2019
С нами: 5 лет 2 месяца

Сообщение #3 yodaexolon » 13.02.2019, 06:19

Спасибо


Название раздела: Полезные решения для OkayCMS
Правила раздела: faq.php?mode=okay

Быстрый ответ


Введите код в точности так, как вы его видите. Регистр символов не имеет значения.
Код подтверждения

   

Вернуться в «Полезные решения для OkayCMS»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 12 гостей