Добавить Стрелки Перелистывания Слайдеров
#1
Отправлено 10 Декабрь 2018 - 01:43
#2
Отправлено 10 Декабрь 2018 - 22:52
#3
Отправлено 11 Декабрь 2018 - 23:45
#4
Отправлено 03 Январь 2019 - 14:58
Простите за ожидание, стрелки у слайдера в данном шаблоне присутствуют, только они маленькие и белые, можно их заменить, для них используется файл arrow.png из раздела Сайт - Редактор шаблонов, откройте его и замените на новый или скачайте, отредактируйте в графическом редакторе и загрузите обратно.
#5
Отправлено 30 Январь 2019 - 10:32
Vaccina (03 Январь 2019 - 14:58) писал:
Простите за ожидание, стрелки у слайдера в данном шаблоне присутствуют, только они маленькие и белые, можно их заменить, для них используется файл arrow.png из раздела Сайт - Редактор шаблонов, откройте его и замените на новый или скачайте, отредактируйте в графическом редакторе и загрузите обратно.
Я ранее удалял их, чтобы оставить один статичный слайд , сейчас же хотелось бы вернуть, помогите осуществить пожалуйста
#6
Отправлено 31 Январь 2019 - 08:18
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Jssor Slider Слайдер --> {% IF index_page %} <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a> </div> </div> </div> </div> {% ENDIF %} <!-- /END Jssor Slider Слайдер -->
замените на:
<!-- Jssor Slider Слайдер --> {% IF index_page %} <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a> </div> <div> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a> </div> </div> <!-- Arrow Left --> <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд"></span> <!-- Arrow Right --> <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд"></span> </div> </div> {% ENDIF %} <!-- /END Jssor Slider Слайдер -->
#7
Отправлено 01 Февраль 2019 - 18:07
Vaccina (31 Январь 2019 - 08:18) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Jssor Slider Слайдер --> {% IF index_page %} <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a> </div> </div> </div> </div> {% ENDIF %} <!-- /END Jssor Slider Слайдер -->
замените на:
<!-- Jssor Slider Слайдер --> {% IF index_page %} <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a> </div> <div> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a> </div> </div> <!-- Arrow Left --> <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд"></span> <!-- Arrow Right --> <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд"></span> </div> </div> {% ENDIF %} <!-- /END Jssor Slider Слайдер -->
спасибо! Все получилось, а как сделать так чтобы стрелки были постоянно видны?
#8
Отправлено 01 Февраль 2019 - 18:15
#9
Отправлено 02 Февраль 2019 - 06:43
МихаилДолматов (01 Февраль 2019 - 18:07) писал:
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {position: absolute;cursor: pointer;display: block;background: url("{ASSETS_IMAGES_PATH}arrow.png?design=summer") center center no-repeat;overflow: hidden;}
замените на:
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {display: block !important;position: absolute;cursor: pointer;display: block;background: url("{ASSETS_IMAGES_PATH}arrow.png?design=summer") center center no-repeat;overflow: hidden;}
МихаилДолматов (01 Февраль 2019 - 18:15) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML/Товары/Товар - найдите все:
<span class="ico-new"><span>Новинка</span></span>
span class="ico-best"><span>Хит</span></span>
<span class="ico-sale"><span>Скидка</span></span>
Вместо текста пропишите:
<img src="{ASSETS_IMAGES_PATH}123.png" alt="" title="" />
Вместо 123.png укажите имя файла необходимой иконки, сами иконки загрузите в раздел Сайт - Редактор шаблонов.
#10
Отправлено 02 Февраль 2019 - 12:53
Vaccina (02 Февраль 2019 - 06:43) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {position: absolute;cursor: pointer;display: block;background: url("{ASSETS_IMAGES_PATH}arrow.png?design=summer") center center no-repeat;overflow: hidden;}
замените на:
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {display: block !important;position: absolute;cursor: pointer;display: block;background: url("{ASSETS_IMAGES_PATH}arrow.png?design=summer") center center no-repeat;overflow: hidden;}
Зайдите в раздел Сайт - Редактор шаблонов - HTML/Товары/Товар - найдите все:
<span class="ico-new"><span>Новинка</span></span>
span class="ico-best"><span>Хит</span></span>
<span class="ico-sale"><span>Скидка</span></span>
Вместо текста пропишите:
<img src="{ASSETS_IMAGES_PATH}123.png" alt="" title="" />
Вместо 123.png укажите имя файла необходимой иконки, сами иконки загрузите в раздел Сайт - Редактор шаблонов.
с хитами и новинками не сработали данные действия ( , может я не так понял или и в правду не работает
#11
Отправлено 09 Февраль 2019 - 08:28
К сожалению, у вас отсутствуют изменения, сохраните их чтобы мы могли проверить в чем проблема.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных