Слайдер в мобильной версии
Добавлено: 12.02.2019, 20:29
Подскажите как сделать чтобы отображался слайдер на главной странице, при просмотре на смартфоне.
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 по ширине для планшетов).