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

[Ivanzhi]

Добрый день. Подскажите пожалуйста, как добавить новый блок с текстом и изображениями в карточку товара, но только для одной категории "модульные картины". В прикрепленном изображении есть наглядная схема того, что нам необходимо. Заранее спасибо.

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

• 

[Vaccina]

В шаблоне Товар перед:

<div class="related clear">
  <!-- С этим товаром смотрят -->
  {% IFNOT related_views_goods_empty %}
	<div class="related-views clear">
	  <div class="box-up-sell">
		<div class="block-title">

вставьте:

<!-- Информационный блок -->
{% FOR upper_navigation %}{% IF upper_navigation.NAME=Модульные картины %}
	<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-3 col-sm-4 block-item effect-bounceInRight">
				<div class="icon">
				  <span><div><img src="ссылка на картинку\иконку 1" alt="" /></div></span>
				</div>
				<div class="text">
				  <p style="margin-top: 20px;">Текст 1</p>
				</div>
			  </div>
	 <div class="col-md-3 col-sm-4 block-item effect-bounceInRight">
				<div class="icon">
				  <span><div><img src="ссылка на картинку\иконку 2" alt="" /></div></span>
				</div>
				<div class="text">
				  <p style="margin-top: 20px;">Текст 2</p>
				</div>
			  </div>
	 <div class="col-md-3 col-sm-4 block-item effect-bounceInRight">
				<div class="icon">
				  <span><div><img src="ссылка на картинку\иконку 3" alt="" /></div></span>
				</div>
				<div class="text">
				  <p style="margin-top: 20px;">Текст 3</p>
				</div>
			  </div>
	 <div class="col-md-3 col-sm-4 block-item effect-bounceInRight">
				<div class="icon">
				  <span><div><img src="ссылка на картинку\иконку 4" alt="" /></div></span>
				</div>
				<div class="text">
				  <p style="margin-top: 20px;">Текст 4</p>
				</div>
			  </div>
	 <div class="col-md-3 col-sm-4 block-item effect-bounceInRight">
				<div class="icon">
				  <span><div><img src="ссылка на картинку\иконку 5" alt="" /></div></span>
				</div>
				<div class="text">
				  <p style="margin-top: 20px;">Текст 5</p>
				</div>
			  </div>
	 <div class="col-md-3 col-sm-4 block-item effect-bounceInRight">
				<div class="icon">
				  <span><div><img src="ссылка на картинку\иконку 6" alt="" /></div></span>
				</div>
				<div class="text">
				  <p style="margin-top: 20px;">Текст 6</p>
				</div>
			  </div>
	 <div class="col-md-3 col-sm-4 block-item effect-bounceInRight">
				<div class="icon">
				  <span><div><img src="ссылка на картинку\иконку 7" alt="" /></div></span>
				</div>
				<div class="text">
				  <p style="margin-top: 20px;">Текст 7</p>
				</div>
			  </div>
	 <div class="col-md-3 col-sm-4 block-item effect-bounceInRight">
				<div class="icon">
				  <span><div><img src="ссылка на картинку\иконку 8" alt="" /></div></span>
				</div>
				<div class="text">
				  <p style="margin-top: 20px;">Текст 8</p>
				</div>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	</div>
{% ENDIF %}{% ENDFOR %}
	<!-- /END Информационный блок -->

вставьте необходимые ссылки на иконки\картинки и текст

[Ivanzhi]

Огромное спасибо, все заработало и спасибо за очень оперативный ответ.
Подскажите, а как можно весь этот блок вместе с заголовком "Наши преимущества" опустить вниз на 30 пикселей ?

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

• 

[Danil]

Ivanzhi (31 Август 2016 - 17:18) писал:

Огромное спасибо, все заработало и спасибо за очень оперативный ответ.
Подскажите, а как можно весь этот блок вместе с заголовком "Наши преимущества" опустить вниз на 30 пикселей ?

В конец main.css добавьте

.product-view.clear {
	overflow: hidden;
}
.related.clear .block-title {
	margin-top: 30px;
}

[Ivanzhi]

Спасибо за помощь. Все отлично поменялось.