Сообщений в теме: 3

[avenue]

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

Помогите пож-та вставить картинки под слайдером как на скрине. Размеры картинок хотелось бы устанавливать самостоятельно.

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

• 

[Firefly]

avenue (06 Май 2016 - 12:15) писал:

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

Помогите пож-та вставить картинки под слайдером как на скрине. Размеры картинок хотелось бы устанавливать самостоятельно.

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

	{% ENDIF %}
	 
	<!-- Хлебные крошки -->

Замените на:

	<div class="container">
	  <div class="index_banners col-sm-3">
		<img src="#">
	  </div>
	  <div class="index_banners col-sm-3">
		<img src="#">
	  </div>
	  <div class="index_banners col-sm-3">
		<img src="#">
	  </div>
	  <div class="index_banners col-sm-3">
		<img src="#">
	  </div>
	</div>
	{% ENDIF %}
	 
	<!-- Хлебные крошки -->

Вместо # вставьте нужные ссылки на изображения.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:

.index_banners {text-align:center;margin:20px 0;}

[avenue]

Firefly (06 Май 2016 - 12:45) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

{% ENDIF %}
	
<!-- Хлебные крошки -->

Замените на:

<div class="container">
	 <div class="index_banners col-sm-3">
	 <img src="#">
	 </div>
	 <div class="index_banners col-sm-3">
	 <img src="#">
	 </div>
	 <div class="index_banners col-sm-3">
	 <img src="#">
	 </div>
	 <div class="index_banners col-sm-3">
	 <img src="#">
	 </div>
</div>
{% ENDIF %}
	
<!-- Хлебные крошки -->

Вместо # вставьте нужные ссылки на изображения.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:

.index_banners {text-align:center;margin:20px 0;}

Спасибо.

Подскажите ещё как уменьшить расстояние между этими картинками, чтобы в один ряд можно было вставить не 4, а больше.

[Firefly]

avenue (06 Май 2016 - 13:51) писал:

Спасибо.

Подскажите ещё как уменьшить расстояние между этими картинками, чтобы в один ряд можно было вставить не 4, а больше.

Поскольку вывод изображений происходит и в мобильной версии, чтобы все смотрелось ровно, желательно использовать четное число изображений (число на которое делится 12).
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

		<div class="container">
		  <div class="index_banners col-sm-3">
				<img src="http://design.avenuetravel.by/aeroflot.png?9531&725644693898">
		  </div>
		  <div class="index_banners col-sm-3">
				<img src="http://design.avenuetravel.by/itaka90.jpg?9872&485282496375">
		  </div>
		  <div class="index_banners col-sm-3">
				<img src="http://design.avenuetravel.by/tez60.jpg?0072&809933536976">
		  </div>
		  <div class="index_banners col-sm-3">
				<img src="http://design.avenuetravel.by/Belavia61.jpg?1604&850835682358">
		  </div>
		</div>

Замените на:

		<div class="container">
		  <div class="index_banners col-sm-2">
				<img src="http://design.avenuetravel.by/aeroflot.png?9531&725644693898">
		  </div>
		  <div class="index_banners col-sm-2">
				<img src="http://design.avenuetravel.by/itaka90.jpg?9872&485282496375">
		  </div>
		  <div class="index_banners col-sm-2">
				<img src="http://design.avenuetravel.by/tez60.jpg?0072&809933536976">
		  </div>
		  <div class="index_banners col-sm-2">
				<img src="http://design.avenuetravel.by/Belavia61.jpg?1604&850835682358">
		  </div>
		  <div class="index_banners col-sm-2">
				<img src="#">
		  </div>
		  <div class="index_banners col-sm-2">
				<img src="#">
		  </div>
		</div>

Вместо # укажите ссылки.