Отключить слайдер (плагин) в мобильной версии
Добрый вечер, Владимир.
Все таки решил остановиться на вашей встроенной в шаблон мобильной теме, так пробовал др.плагины отдельно - все не то!
У меня только одна проблема: есть приобретенный плагин revolutionslider, http://shopscript.morbiplay.com/faq/?preview=fd276...
Как сделать или как (где?) разместить их код, чтобы отображался слайдер только на ПК (в моб. версии скрыт).
вставил в home.html следующий код: {shopRevolutionsliderPlugin::display(16)}
Подскажите очень нуждаюсь?
Добавить ответ
Здравствуйте!
Здесь есть два варианта:
1. Обернуть хелпер плагина смарти условием: {if !$wa->isMobile()} :
{if !$wa->isMobile()} {shopRevolutionsliderPlugin::display(16)} {/if}2. Обернуть хелпер тегом <div class="hidden-xs"> :
<div class="hidden-xs"> {shopRevolutionsliderPlugin::display(16)} </div>В первом случае выполняется проверка на устройство. Если устройство мобильное, то хелпер "не проходит" – не подключаются скрипты и стили плагина.
Второй вариант отличается тем, что проверяет ширину экрана, а не устройство.
И он не отключает плагин, а просто прячет его. Т.е. все стили и скрипты останутся, но слайдер вы не увидите.
Спасибо, все ясно!
Простите, если я чайник в программировании, как скрыть главный слайдер на мобильных устройствах? Где найти этот хелпер? =)
Все манипуляции проводим в приложении Магазин - витрина - proStore - шаблоны.
Скрываем главный слайдер на мобильных
Открываем файл home.slider.html и в самом начале файла, после тега {strip} ставим код <div class="hidden-xs">, чтобы получилось вот так:
{strip} <div class="hidden-xs">Пролистываем файл в самый низ и ПЕРЕД закрывающим тегом {/strip} ставим закрывающий тег </div>, чтобы получилось вот так:
</div> {/strip}Скрываем промо-карточки под слайдером на мобильных
Открываем файл home.promo.html и делаем то же, что и было описано для скрытия слайдера.
Спасибо огромное.:)