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

[Ирина345]

Cybernetic (27 Октябрь 2014 - 10:09) писал:

Доброго времени суток.

Подскажите пожалуйста, возможно ли создать в карточке товара триггер, "галачку" при отметки которой менялась цена в большую или меньшую сторону. Что бы при нажатии на "купить" цена была той на которой отметили триггер, "галачку". Хотим так же как тут.(картинка). Очень нужная опция в интернет-магазине, очень хотим себе.

Здравствуйте, вы можете добавить в товар модификации и цена будет меняться в зависимости от выбранной модификации.

[Наталья11111]

Добрый вечер!

Подскажите , как реализовать такую карточку:

1. Условия доставки разместить справа на белом фоне в рамочке
2. Название товара разместить вместо вкладки общее
3. Характеристики разместить вместе с текстом описания
4. Чуть повыше приподнять кнопку купить с цифрами  и блок добавить в сравнение, и добавить в избранное
5. Дополнительные фото разместить слева от основной фотографии


Заранее благодарна

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

• 

[daria_dnk]

Наталья11111 (27 Октябрь 2014 - 20:45) писал:

Добрый вечер!

Подскажите , как реализовать такую карточку:

1. Условия доставки разместить справа на белом фоне в рамочке
2. Название товара разместить вместо вкладки общее
3. Характеристики разместить вместе с текстом описания
4. Чуть повыше приподнять кнопку купить с цифрами  и блок добавить в сравнение, и добавить в избранное
5. Дополнительные фото разместить слева от основной фотографии


Заранее благодарна

Здравствуйте! Перенос Условий доставки именно в то место, которое Вы указали на скриншоте  - плохо повлияет на адаптивность шаблона, т.е такой вариант размещения будет хорошо смотреться только на широких мониторах. Поэтому советуем Вам, если Вы хотите убрать вкладку "Условия доставки" и перенести условия на первую вкладку, расположить данные условия под изображение товара (по аналогии с описанием). Если Вас такой вариант устроит, то мы его реализуем.

[Наталья11111]

И можно ли сео  описание  разместить под блоком сопутствующих товаров или оно сразу свою актуальность потеряет?

daria_dnk (27 Октябрь 2014 - 21:12) писал:

Здравствуйте! Перенос Условий доставки именно в то место, которое Вы указали на скриншоте  - плохо повлияет на адаптивность шаблона, т.е такой вариант размещения будет хорошо смотреться только на широких мониторах. Поэтому советуем Вам, если Вы хотите убрать вкладку "Условия доставки" и перенести условия на первую вкладку, расположить данные условия под изображение товара (по аналогии с описанием). Если Вас такой вариант устроит, то мы его реализуем.

Да меня сама вкладка не напрягает))) Мне просто белое пятно справа не нравится)))

[Vaccina]

1. В шаблоне Товар найдите и удалите:

<div id="content_2" class="tab-content">
						<!-- Блок описания вариантов доставки -->
		  <div class="span12">
				<h4>Условия доставки</h4>
				{% FOR goods_delivery %}
				  <h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
				  <div class="span12" >
						<p style="color: #333;">{goods_delivery.DESC}</p>
						{% IF goods_delivery.rules_empty %}
						  {% IF goods_delivery.PRICE=0 %}
								<strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
						  {% ELSE %}
								Стоимость доставки: {goods_delivery.PRICE | money_format}</span>
						  {% ENDIF %}
						{% ELSE %}
						  <table class="table">
								<thead>
								  <tr>
										<td><h5>Стоимость доставки зависит от суммы заказа</h5></td>
								  </tr>
								</thead>
								<tbody style="color: #333;">
								  {% FOR rules %}
										<tr>
										  <td>Для заказов больше {goods_delivery.rules.SUM_MORE_PRICE | money_format} - доставка {goods_delivery.rules.PRICE | money_format}</td>
										</tr>
								  {% ENDFOR %}
								  <tr>
										<td>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format} - доставка {goods_delivery.PRICE | money_format}</td>
								  </tr>
								</tbody>
						  </table>
						{% ENDIF %}
				  </div>
				{% ENDFOR %}
		  </div>
		  <!-- /Блок описания вариантов доставки -->
		</div>

<!-- Варианты доставки -->
		  <a href="javascript:tabSwitch(2);" id="tab_2">Условия Доставки</a>

далее перед

<div class="right"> 

вставьте:

<div style="float:right;" class="del">
<!-- Блок описания вариантов доставки -->
<div class="span12">
				<h4>Условия доставки</h4>
				{% FOR goods_delivery %}
				  <h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
				  <div class="span12" >
						<p style="color: #333;">{goods_delivery.DESC}</p>
						{% IF goods_delivery.rules_empty %}
						  {% IF goods_delivery.PRICE=0 %}
								<strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
						  {% ELSE %}
								Стоимость доставки: {goods_delivery.PRICE | money_format}</span>
						  {% ENDIF %}
						{% ELSE %}
						  <table class="table">
								<thead>
								  <tr>
										<td><h5>Стоимость доставки зависит от суммы заказа</h5></td>
								  </tr>
								</thead>
								<tbody style="color: #333;">
								  {% FOR rules %}
										<tr>
										  <td>Для заказов больше {goods_delivery.rules.SUM_MORE_PRICE | money_format} - доставка {goods_delivery.rules.PRICE | money_format}</td>
										</tr>
								  {% ENDFOR %}
								  <tr>
										<td>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format} - доставка {goods_delivery.PRICE | money_format}</td>
								  </tr>
								</tbody>
						  </table>
						{% ENDIF %}
				  </div>
				{% ENDFOR %}
		  </div>
		  <!-- /Блок описания вариантов доставки -->
</div>

2. Найдите в шаблоне Товар:

<a href="javascript:tabSwitch(1);" id="tab_1" class="active">Общее</a>

замените на:

<a href="javascript:tabSwitch(1);" id="tab_1" class="active">{GOODS_NAME}</a>

3.В шаблоне Товар найдите и удалите:

<!-- Если есть характеристики товара -->
	{% IFNOT goods_features_empty %}
	  <a href="javascript:tabSwitch(3);" id="tab_3">Характеристики</a>
	{%ENDIF%}

{% IFNOT goods_features_empty %}
	<div id="content_3" class="tab-content">
	  <!-- Блок характеристик товара. Показываем его если указаны характеристики -->
	  {% IFNOT goods_features_empty %}
		<h3>Характеристики {GOODS_NAME}</h3>
		<table class="goodsDataFeatures" width="100%">
		  <tr>
			{% FOR goods_features%}
			  <td>
				<p class="name"><span class="value">{goods_features.NAME}</span></p>
			  </td>
			  <td>
				<span class="value">{goods_features.VALUE}</span>
			  </td>
			  {goods_features.index | is_divided("2","</tr><tr>","")}
			{% ENDFOR %}
		  </tr>
		</table>
	  {% ENDIF %}
	  <!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
	</div>
  {% ENDIF %}

далее найдите:

{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
		  <div>
				<!-- Блок описания товара. Показываем его если есть описание товара -->
								{% IF GOODS_DESCRIPTION_LARGE %}
								  <h3>Описание {GOODS_NAME}</h3>
								  <div class="htmlDataBlock" itemprop="description">
												{GOODS_DESCRIPTION_LARGE}
								  </div>
								{% ENDIF %}
								<!-- END Блок описания товара. Показываем его если есть описание товара -->

перед ним вставьте:

{% IFNOT goods_features_empty %}
	<div>
	  <!-- Блок характеристик товара. Показываем его если указаны характеристики -->
	  {% IFNOT goods_features_empty %}
		<h3>Характеристики {GOODS_NAME}</h3>
		<table class="goodsDataFeatures" width="100%">
		  <tr>
			{% FOR goods_features%}
			  <td>
				<p class="name"><span class="value">{goods_features.NAME}</span></p>
			  </td>
			  <td>
				<span class="value">{goods_features.VALUE}</span>
			  </td>
			  {goods_features.index | is_divided("2","</tr><tr>","")}
			{% ENDFOR %}
		  </tr>
		</table>
	  {% ENDIF %}
	  <!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
	</div>
  {% ENDIF %}

4. В main.css найдите:

.product-info .price {
	color: #333333;
	font-size: 24px;
	margin-bottom: 20px;
	overflow: auto;
	padding: 0 5px 10px;
}

замените на:

.product-info .price {
	color: #333333;
	font-size: 24px;
	overflow: auto;
	padding: 0 5px;
}

5. укажите ссылку на товар с доп фото

[Cybernetic]

Доброго времени суток.

Подскажите пожалуйста как сделать один товар модификацией другого, только один товар.
Хотелось бы что бы вот этот товар - http://santechbomba....BCSA0482-NAVIEN
Стал модификацией вот этого - http://santechbomba....AXIAL-24-K-kVt#

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

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

• 
• 

[Taisia]

Сделать товар модификацией не получится.

Модификация подразумевает под собой выбор, таким образом что бы была модификация т.е. что бы она отображалась и работала -  нужно что бы она была не одна.

Вы можете сделать две модификации назвав их например
"с дымоходом"
"без дымохода"

в описании модификации с "дымоходом добавить изображение и описание второго товара."


Либо второй вариант - не делать товар модификацией, а сделать его сопутствующим товаром.

[Cybernetic]

Taisia (28 Октябрь 2014 - 07:52) писал:

Сделать товар модификацией не получится.

Модификация подразумевает под собой выбор, таким образом что бы была модификация т.е. что бы она отображалась и работала -  нужно что бы она была не одна.

Вы можете сделать две модификации назвав их например
"с дымоходом"
"без дымохода"

в описании модификации с "дымоходом добавить изображение и описание второго товара."


Либо второй вариант - не делать товар модификацией, а сделать его сопутствующим товаром.

Сделал две модификации, получилось сделать выбор с одного на другое, т.е. либо можно купить одно либо другое, а мне нужно что бы к этому товару в нашем случае к котлу можно было "в один клик" купить 2 предмета с карточки товара. Есть ли FAQ какой нибудь по пользованию модификациями ?

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

• 

[MikDark]

Cybernetic (28 Октябрь 2014 - 08:18) писал:

Сделал две модификации, получилось сделать выбор с одного на другое, т.е. либо можно купить одно либо другое, а мне нужно что бы к этому товару в нашем случае к котлу можно было "в один клик" купить 2 предмета с карточки товара. Есть ли FAQ какой нибудь по пользованию модификациями ?

Одновременно купить 2 модификации не получится. Покупатель может просто нажать: Продолжить покупки и выбрать еще одну модификацию.

[Cybernetic]

MikDark (28 Октябрь 2014 - 08:42) писал:

Одновременно купить 2 модификации не получится. Покупатель может просто нажать: Продолжить покупки и выбрать еще одну модификацию.

Очень жаль, данная функция (купить два товара одновременно) пригодилась бы нашему магазину. Т.е. при выборе модификации и дальнейшей покупке вы покупаете только ту модификацию которую выбрал. Крайне не удобно.
У нас интернет-магазин сопряжен с 1С и как вы понимаете у каждого вида товара есть свой артикул. А чтобы купить допустим 2-3 товара с карточки товара нужно будет вводить дополнительный артикул для покупки сочетаний товаров. Нет ли возможности совершить покупку 2-3 товаров с разными артикулами с карточки товара (что я и хочу попытаться реализовать на сайте) и при этом суммы суммировались бы и было бы так же как тут на картинке. Хотелось бы реализовать точно так же как на картинке.

Есть ли какие либо другие способы что бы решить данный вопрос?

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

• 

Сообщение отредактировал Cybernetic: 28 Октябрь 2014 - 10:18

[Наталья11111]

Vaccina (28 Октябрь 2014 - 07:05) писал:

1. В шаблоне Товар найдите и удалите:

<div id="content_2" class="tab-content">
					 <!-- Блок описания вариантов доставки -->
		 <div class="span12">
			 <h4>Условия доставки</h4>
			 {% FOR goods_delivery %}
				 <h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
				 <div class="span12" >
					 <p style="color: #333;">{goods_delivery.DESC}</p>
					 {% IF goods_delivery.rules_empty %}
						 {% IF goods_delivery.PRICE=0 %}
							 <strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
						 {% ELSE %}
							 Стоимость доставки: {goods_delivery.PRICE | money_format}</span>
						 {% ENDIF %}
					 {% ELSE %}
						 <table class="table">
							 <thead>
								 <tr>
									 <td><h5>Стоимость доставки зависит от суммы заказа</h5></td>
								 </tr>
							 </thead>
							 <tbody style="color: #333;">
								 {% FOR rules %}
									 <tr>
										 <td>Для заказов больше {goods_delivery.rules.SUM_MORE_PRICE | money_format} - доставка {goods_delivery.rules.PRICE | money_format}</td>
									 </tr>
								 {% ENDFOR %}
								 <tr>
									 <td>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format} - доставка {goods_delivery.PRICE | money_format}</td>
								 </tr>
							 </tbody>
						 </table>
					 {% ENDIF %}
				 </div>
			 {% ENDFOR %}
		 </div>
		 <!-- /Блок описания вариантов доставки -->
	 </div>

<!-- Варианты доставки -->
		 <a href="javascript:tabSwitch(2);" id="tab_2">Условия Доставки</a>

далее перед

<div class="right">

вставьте:

<div style="float:right;" class="del">
<!-- Блок описания вариантов доставки -->
<div class="span12">
			 <h4>Условия доставки</h4>
			 {% FOR goods_delivery %}
				 <h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
				 <div class="span12" >
					 <p style="color: #333;">{goods_delivery.DESC}</p>
					 {% IF goods_delivery.rules_empty %}
						 {% IF goods_delivery.PRICE=0 %}
							 <strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
						 {% ELSE %}
							 Стоимость доставки: {goods_delivery.PRICE | money_format}</span>
						 {% ENDIF %}
					 {% ELSE %}
						 <table class="table">
							 <thead>
								 <tr>
									 <td><h5>Стоимость доставки зависит от суммы заказа</h5></td>
								 </tr>
							 </thead>
							 <tbody style="color: #333;">
								 {% FOR rules %}
									 <tr>
										 <td>Для заказов больше {goods_delivery.rules.SUM_MORE_PRICE | money_format} - доставка {goods_delivery.rules.PRICE | money_format}</td>
									 </tr>
								 {% ENDFOR %}
								 <tr>
									 <td>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format} - доставка {goods_delivery.PRICE | money_format}</td>
								 </tr>
							 </tbody>
						 </table>
					 {% ENDIF %}
				 </div>
			 {% ENDFOR %}
		 </div>
		 <!-- /Блок описания вариантов доставки -->
</div>

2. Найдите в шаблоне Товар:

<a href="javascript:tabSwitch(1);" id="tab_1" class="active">Общее</a>

замените на:

<a href="javascript:tabSwitch(1);" id="tab_1" class="active">{GOODS_NAME}</a>

3.В шаблоне Товар найдите и удалите:

<!-- Если есть характеристики товара -->
{% IFNOT goods_features_empty %}
	 <a href="javascript:tabSwitch(3);" id="tab_3">Характеристики</a>
{%ENDIF%}

{% IFNOT goods_features_empty %}
<div id="content_3" class="tab-content">
	 <!-- Блок характеристик товара. Показываем его если указаны характеристики -->
	 {% IFNOT goods_features_empty %}
	 <h3>Характеристики {GOODS_NAME}</h3>
	 <table class="goodsDataFeatures" width="100%">
		 <tr>
		 {% FOR goods_features%}
			 <td>
			 <p class="name"><span class="value">{goods_features.NAME}</span></p>
			 </td>
			 <td>
			 <span class="value">{goods_features.VALUE}</span>
			 </td>
			 {goods_features.index | is_divided("2","</tr><tr>","")}
		 {% ENDFOR %}
		 </tr>
	 </table>
	 {% ENDIF %}
	 <!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
</div>
{% ENDIF %}

далее найдите:

{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
		 <div>
			 <!-- Блок описания товара. Показываем его если есть описание товара -->
							 {% IF GOODS_DESCRIPTION_LARGE %}
								 <h3>Описание {GOODS_NAME}</h3>
								 <div class="htmlDataBlock" itemprop="description">
											 {GOODS_DESCRIPTION_LARGE}
								 </div>
							 {% ENDIF %}
							 <!-- END Блок описания товара. Показываем его если есть описание товара -->

перед ним вставьте:

{% IFNOT goods_features_empty %}
<div>
	 <!-- Блок характеристик товара. Показываем его если указаны характеристики -->
	 {% IFNOT goods_features_empty %}
	 <h3>Характеристики {GOODS_NAME}</h3>
	 <table class="goodsDataFeatures" width="100%">
		 <tr>
		 {% FOR goods_features%}
			 <td>
			 <p class="name"><span class="value">{goods_features.NAME}</span></p>
			 </td>
			 <td>
			 <span class="value">{goods_features.VALUE}</span>
			 </td>
			 {goods_features.index | is_divided("2","</tr><tr>","")}
		 {% ENDFOR %}
		 </tr>
	 </table>
	 {% ENDIF %}
	 <!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
</div>
{% ENDIF %}

4. В main.css найдите:

.product-info .price {
color: #333333;
font-size: 24px;
margin-bottom: 20px;
overflow: auto;
padding: 0 5px 10px;
}

замените на:

.product-info .price {
color: #333333;
font-size: 24px;
overflow: auto;
padding: 0 5px;
}

5. укажите ссылку на товар с доп фото

Спасибо, все получилось))
Осталось подшлифовать чуть - чуть))

1. Убрать вкладку Условия доставки
2.Поднять повыше кнопки добавить к сравнения и добавить в избранное. У кнопки добавить в избранное потерялся рисунок.
3.Характеристики товара опустить чуть ниже
4. Сделать небольшой промежуток между описанием товара и характеристиками
5. Возможно ли сео описание разместить под блоком сопутствующих товаров? Если это , конечно, не повредит индексации сайта


Заранее благодарю.

[Наталья11111]

5. укажите ссылку на товар с доп фото


к примеру вот страница
http://akwaservis.ru...eniya?from=ZmFj

а это ссылка на доп фото, только оно сейчас отдельным окном открывается и выдает ошибку
http://i1.akwaservis...acdb/58-jpg.jpg

[Alekseys]

Наталья11111 (28 Октябрь 2014 - 11:32) писал:

Спасибо, все получилось))
Осталось подшлифовать чуть - чуть))

1. Убрать вкладку Условия доставки
2.Поднять повыше кнопки добавить к сравнения и добавить в избранное. У кнопки добавить в избранное потерялся рисунок.
3.Характеристики товара опустить чуть ниже
4. Сделать небольшой промежуток между описанием товара и характеристиками
5. Возможно ли сео описание разместить под блоком сопутствующих товаров? Если это , конечно, не повредит индексации сайта


Заранее благодарю.

Здравствуйте.
1. В main.css добавьте

.span12 {
display: none;
}

2. В main.css замените

.product-info .cart {
padding: 12px 5px 10px 5px;
margin-bottom: 5px;
color: #4D4D4D;
height: 62px;
position: relative;
}

на

.product-info .cart {
padding: 12px 5px 10px 5px;
margin-bottom: 5px;
color: #4D4D4D;
height: 30px;
position: relative;
}

и удалите

a.add_to_wishlist_small {
display: none;
}

3-4. В шаблоне Товар замените

<div>
<!-- Блок характеристик товара. Показываем его если указаны характеристики -->

на

<div class="characters">
<!-- Блок характеристик товара. Показываем его если указаны характеристики -->

и в main.css добавьте

.characters { margin: 90px 0 30px 0; }

[Наталья11111]

Спасибо, все получилось, но куда то пропал блок с условиями доставки, он был вынесен на страницу товара и размещался рядом с ценой.
Как его вернуть?

И вкладка Условия доставки не убралась

[Alekseys]

Наталья11111 (28 Октябрь 2014 - 15:36) писал:

Спасибо, все получилось, но куда то пропал блок с условиями доставки, он был вынесен на страницу товара и размещался рядом с ценой.
Как его вернуть?

И вкладка Условия доставки не убралась

Замените

<!-- Варианты доставки -->
		  <a href="javascript:tabSwitch(2);" id="tab_2">Условия Доставки</a>

на

<!-- Варианты доставки>
		  <a href="javascript:tabSwitch(2);" id="tab_2">Условия Доставки</a -->

и в main.css удалите

.span12 {
display: none;
}

[Наталья11111]

Спасибо, все получилось))

Как реализовать такие вещи:
1. Убрать надпись дополнительных фото
2. Перенести доп. фото слева от основного изображения товара

Заранее благодарю.

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

• 

[Alekseys]

Наталья11111 (28 Октябрь 2014 - 20:19) писал:

Спасибо, все получилось))

Как реализовать такие вещи:
1. Убрать надпись дополнительных фото
2. Перенести доп. фото слева от основного изображения товара

Заранее благодарю.

1. В main.css удалите

<h5>Другие фото {GOODS_NAME}</h5>

2. В main.css замените

.product-info .image-additional {
width: 282px;
clear: both;
overflow: hidden;
}

на

.product-info .image-additional {
width: 70px;
clear: both;
overflow: hidden;
float: left;
}

и перенесите

<!-- Другие изображения товара. Отображаются если есть изображения товара -->
	 {% IFNOT goods_images_empty %}
	 {% FOR goods_images %}
		 {% IF goods_images.first %}
		 <div class="image-additional"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
			 <h5>Другие фото {GOODS_NAME}</h5>
		 {% ENDIF %}
																 <a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' "><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>																		
								 {% IF goods_images.last %}
		 </div>
		 {% ENDIF %}
	 {% ENDFOR %}
	 {% ENDIF %}

либо

<!-- Другие изображения товара. Отображаются если есть изображения товара -->
	 {% IFNOT goods_images_empty %}
	 {% FOR goods_images %}
		 {% IF goods_images.first %}
		 <div class="image-additional"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
		 {% ENDIF %}
																 <a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' "><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>																		
								 {% IF goods_images.last %}
		 </div>
		 {% ENDIF %}
	 {% ENDFOR %}
	 {% ENDIF %}

если Вы уже удалили <h5>Другие фото {GOODS_NAME}</h5>
поставив его после

<div class="left">

[Наталья11111]

Alekseys (28 Октябрь 2014 - 20:31) писал:

1. В main.css удалите

<h5>Другие фото {GOODS_NAME}</h5>

2. В main.css замените

.product-info .image-additional {
width: 282px;
clear: both;
overflow: hidden;
}

на

.product-info .image-additional {
width: 70px;
clear: both;
overflow: hidden;
float: left;
}

и перенесите

<!-- Другие изображения товара. Отображаются если есть изображения товара -->
	 {% IFNOT goods_images_empty %}
	 {% FOR goods_images %}
		 {% IF goods_images.first %}
		 <div class="image-additional"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
			 <h5>Другие фото {GOODS_NAME}</h5>
		 {% ENDIF %}
																 <a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' "><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>																		
								 {% IF goods_images.last %}
		 </div>
		 {% ENDIF %}
	 {% ENDFOR %}
	 {% ENDIF %}

либо

<!-- Другие изображения товара. Отображаются если есть изображения товара -->
	 {% IFNOT goods_images_empty %}
	 {% FOR goods_images %}
		 {% IF goods_images.first %}
		 <div class="image-additional"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
		 {% ENDIF %}
																 <a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' "><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>																		
								 {% IF goods_images.last %}
		 </div>
		 {% ENDIF %}
	 {% ENDFOR %}
	 {% ENDIF %}

если Вы уже удалили <h5>Другие фото {GOODS_NAME}</h5>
поставив его после

<div class="left">

Не ищется такой код
<h5>Другие фото {GOODS_NAME}</h5>

Аккаунт SL-298479

[Наталья11111]

Этот код точно в main css?

Потому что такой код у меня есть только в шаблоне Товар

[Наталья11111]

Разобралась, вопрос снят