1) как изменить высоту слайдера?
2) как удалить слайдер?
3) как изменить на свои иконки в инфопанели?
4) как удалить\добавить пункт в инфопанели?
0
Некоторые Изменения
Автор topcity-shop@yandex.ru, 21 дек. 2017 00:17
Сообщений в теме: 2
#1
Отправлено 21 Декабрь 2017 - 00:17
#2
Отправлено 21 Декабрь 2017 - 06:40
Здравствуйте.
1. Для этого используйте баннеры с меньшей высотой.
2. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
3-4. За данный блок отвечает следующий код в шаблоне HTML:
В нем используются шрифтовые иконки, достаточно заменить класс иконки на необходимый.
Сайт иконок и их классов: http://fontawesome.io/icons/
Пример, было:
стало:
По добавлению блоков, в блоке выше после:
добавьте такой же код, но заменив текст и иконку на необходимое, пример:
1. Для этого используйте баннеры с меньшей высотой.
2. Зайдите в раздел Сайт - Редактор шаблонов - 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> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /> </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 Слайдер -->
3-4. За данный блок отвечает следующий код в шаблоне HTML:
<!-- Информационный блок --> {% IF index_page %} <div id="block-info"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 "> <div class="row"> <div class="col-md-4 col-sm-4 block-item effect-bounceInRight"> <div class="icon"> <span><div class="fa fa-truck"> </div></span> </div> <div class="text"> <h6>Бесплатная доставка</h6> <p>Доставка по городу и области Бесплатна!</p> </div> </div> <div class="col-md-4 col-sm-4 block-item effect-bounceInRight"> <div class="icon"> <span><div class="fa fa-comments"> </div></span> </div> <div class="text"> <h6>100% гарантия возврата средств</h6> <p>Вы можете вернуть товар в течении 30 дней после получения заказа.</p> </div> </div> <div class="col-md-4 col-sm-4 block-item effect-bounceInRight"> <div class="icon"> <span><div class="fa fa-share"> </div></span> </div> <div class="text"> <h6>Прием заказов 24/7</h6> <p>Оформите заказ в интернет-магазине "Название магазина" Прямо сейчас!</p> </div> </div> </div> </div> </div> </div> </div> {% ENDIF %} <!-- /END Информационный блок -->
В нем используются шрифтовые иконки, достаточно заменить класс иконки на необходимый.
Сайт иконок и их классов: http://fontawesome.io/icons/
Пример, было:
<span><div class="fa fa-share"> </div></span>
стало:
<span><div class="fa fa-address-book"> </div></span>
По добавлению блоков, в блоке выше после:
<div class="col-md-4 col-sm-4 block-item effect-bounceInRight"> <div class="icon"> <span><div class="fa fa-share"> </div></span> </div> <div class="text"> <h6>Прием заказов 24/7</h6> <p>Оформите заказ в интернет-магазине "Название магазина" Прямо сейчас!</p> </div> </div>
добавьте такой же код, но заменив текст и иконку на необходимое, пример:
<div class="col-md-4 col-sm-4 block-item effect-bounceInRight"> <div class="icon"> <span><div class="fa fa-calculator"> </div></span> </div> <div class="text"> <h6>Новый блок</h6> <p>Описание нового блока</p> </div> </div>
#3
Отправлено 21 Декабрь 2017 - 16:10
после удаления слайдера выдаёт ошибку. а при уменьшении высоты слайдера (кстати высоту в main.css поменять только получилось) отображение в мобильной версии и других разрешениях не корректное. хотя когда высота слайдера нормальная для полноразмерного просмотра, в мобильных версиях один фиг отображается не корректно по отношению к логотипу.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных