Question

Здравствуйте. Подскажите пожалуйста что нужно сделать, чтобы слайдер изображений показывался на смартфоне. Сейчас слайдер корректно отображается, только, на ПК и Нетбуке, а на телефоне, только, промельк, при загрузке, а потом слайдер исчезает.

Слайдер установлен на Главной странице сайта и на Главной странице Интернет магазина

На нашем сайте используется оффициальный платный шаблон: Merry Christmas Я задал вопрос разработчикам, в комментариях на странице шаблона, но, так как последний вопрос ( без ответа, кстати ), от посетителей, был задан пару лет назад, то боюсь, что от разработчиков ответа я не получу.

Имеющийся слайдер меня полностью устраивает, кроме вышеозначенной проблеммы. Однако я готов его заменить на похожий, но корректно отображающийся на всех устройствах.

Если Вы не знаете в чём проблемма "штатного" слайдера, этого шаблона, то может сможете посоветовать какой либо вариант слайдера с похожим функционалом и ПОДРОБНОЙ! инструкцией по его установке на сайт? Я пытался, долго, найти подходящий слайдер и даже находил! : ) Но вот установить их не получается, ввиду отсутствия ПОШАГОВЫХ детальных инструкций.

В основном проблема с пониманием как и куда устанавливать файлы с расширением js, которые присутствуют почти во всех найденных мною ( в интернете ) слайдерах. Тем более, часто, предлагается создать папку с именем js и загрузить туда эти файлы а папка с таким именем, уже есть в моём файловом менеджере, и в ней находятся "штатные" файлы. Я опасаюсь не будет ли конфликтов, если я помещу какие либо другие файлы от сторонних слайдеров в эту папку.

Так же я пробовал внедрить на страницы сайта блок ПРОМО, вместо слайдера, но так как стандартные юкозовские css стили были заменнены, мною, на стили разработчиков шаблона Merry Christmas, то блок ПРОМО, тоже, не работает. Я в принципе готов этим блоком воспользоваться как альтернативой слайдеру. Только не знаю какой код прописать, заново, и где.

Спасибо

Answer 1

не просто так слайдер не выводится на мобильных. он испортит вид страниц. он настроен так в таблице стилей

 @media screen and (max-width:1024px) {  .slider .bx-wrapper .bx-viewport{overflow: visible !important;}  .slider .bx-wrapper .slide{height:auto;float:none;max-width:100%;}   .slider .sliderdesc{width: 100%;bottom: 0;padding: 20px 20px 80px 20px;height: auto;top: auto;right: auto;position: relative;}  .slider .sliderdesc h2{font-size: 18px;padding: 0;margin: 0;}  .slider .sliderdesc p{margin: 0;min-height: auto;padding: 0 0 22px 0;}  .bx-wrapper .bx-pager{width: 100% !important;right: auto !important;}  .mainslider .slidetext{width: 100%;bottom: 0;padding: 20px 20px 80px 20px;height: auto;top: auto;right: auto;position: relative;}   .mainslider ul li img{width:100%;}   .mainslider .bx-wrapper .bx-viewport{background:#fff;} 

Comments

А что делать, чтобы он выводился на телефонах? Или ЭТОТ слайдер можно, только заменить, да? А можно, как то, реанимировать блок ПРОМО? Я б им воспользовался, на крайний случай. Спасибо.

---

Весна Ковачевич,

Так задумано разработчиком шаблона, в ином случае он не адаптирован для мобильных и будет ломать корректное отображение, потому и скрывается стилями.

---

Я понял про слайдер поставляемый с купленным нами, в офф. магазине, шаблоном. Разработчик шаблона канул в Лету, по видимому, однако мы являемся ВАШИМИ платными клиентами и я хотел бы получить помощь по СТАНДАРТНЫМ, так сказать, вопросам. А именно:  1. Что насчёт моего вопроса по блоку ПРОМО? Как восстановить его работу в купленном шаблоне? Вы можете предоставить весь СТАНДАРТНЫЙ код этого блока, со стилями и т.п., и с пояснениями куда его вставлять и как?  2.Возможно в новых СТАНДАРТНЫХ шаблонах от Юкоз есть АДАПТИВНЫЕ слайдеры в которых можно выводить: фото, описания разделов сайта и ссылки на эти разделы. Можно получить весь код, со стилями и т.п. таких слайдеров и инструкции по их установке?  Есть ли такие мануалы для стандартных слайдеров от Юкоз? А то я ищу в интернете слайдеры и пытаюсь ставить их, на свой риск, - кто знает, что в них понапихано?  Древнюю инструкцию от Юкоз с тремя слайдерами я нашёл, но то что там есть меня не устраивает.  Спасибо

---

Весна Ковачевич,

Стандартный код слайдера такой:

 

код

<section class="mainslider">
<ul>
$MYINF_N$
</ul>
</section>
<script src="/slider/slider.js"></script>

 

внутри шаблона информера должен быть такой код слайдера:

 

код

<li>
 <a href="$ENTRY_URL$"><img src="$IMG_URL1$"></a>
 <div class="slidetext">
 <span class="titletext">$TITLE$</span>
 <p>$MESSAGE$</p>
 </div>
 </li>

А далее уже просто стоит наполнять модуль для которого создавали слайдер, писать материалы и крепить картинки. Информер сам их автоматически будет подгружать. Выделил красным, вместо N пропишите номер созданного слайдера. 

Есть не древняя инструкция по слайдерах, прочтите материал https://www.ucoz.ru/qa/index.php/107179

---

Спасибо. Вроде это то, что мне нужно. Изучу и попробую установить, а то я замучился, уже, со сторонними слайдерами и куцыми инструкциями к ним. Надеюсь Ваша поможет.