Перейти к содержимому


Некоторые Изменения


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 topcity-shop@yandex.ru

topcity-shop@yandex.ru

    Пользователь

  • Пользователи
  • PipPip
  • 12 сообщений

Отправлено 21 Декабрь 2017 - 00:17

1) как изменить высоту слайдера?
2) как удалить слайдер?
3) как изменить на свои иконки в инфопанели?
4) как удалить\добавить пункт в инфопанели?

Прикрепленные изображения

  • 2017-12-20_23-54-37.png
  • 2017-12-20_23-52-57.jpg


#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 731 сообщений

Отправлено 21 Декабрь 2017 - 06:40

Здравствуйте.

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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</div></span>

стало:
<span><div class="fa fa-address-book">&nbsp;</div></span>

По добавлению блоков, в блоке выше после:
<div class="col-md-4 col-sm-4 block-item effect-bounceInRight">
				<div class="icon">
				  <span><div class="fa fa-share">&nbsp;</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">&nbsp;</div></span>
				</div>
				<div class="text">
				  <h6>Новый блок</h6>
				  <p>Описание нового блока</p>
				</div>
			  </div>


#3 topcity-shop@yandex.ru

topcity-shop@yandex.ru

    Пользователь

  • Пользователи
  • PipPip
  • 12 сообщений

Отправлено 21 Декабрь 2017 - 16:10

после удаления слайдера выдаёт ошибку. а при уменьшении высоты слайдера (кстати высоту в main.css поменять только получилось) отображение в мобильной версии и других разрешениях не корректное. хотя когда высота слайдера нормальная для полноразмерного просмотра, в мобильных версиях один фиг отображается не корректно по отношению к логотипу.

Прикрепленные изображения

  • 2017-12-21_15-59-13.png





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных