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

[iakov31]

Помогите пожалуйста произвести следующие изменения в карточке товара:
1) Необходимо перенести и оформить блок "характеристики" и расположить его под ценой, как изображено на картинке. Модификациями пользоваться не буду, так что место есть.
2) Хочеться немного изменить карусель под основным фото в карточке товара. Необходимо увеличить размер картинок до трёх в строке, и заключить каждую в рамку с отступом, как на картинке. И чтобы рамка при наведении курсора меняла цвет. Ну и соответственно убрать общую рамку.
3) Убрать надпись "Другие фото"

Аккаунт SL-326265

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

• 
• 

[Danil]

iakov31 (07 Январь 2015 - 06:08) писал:

Помогите пожалуйста произвести следующие изменения в карточке товара:
1) Необходимо перенести и оформить блок "характеристики" и расположить его под ценой, как изображено на картинке. Модификациями пользоваться не буду, так что место есть.
2) Хочеться немного изменить карусель под основным фото в карточке товара. Необходимо увеличить размер картинок до трёх в строке, и заключить каждую в рамку с отступом, как на картинке. И чтобы рамка при наведении курсора меняла цвет. Ну и соответственно убрать общую рамку.
3) Убрать надпись "Другие фото"

Аккаунт SL-326265

Здравствуйте.
Изменения частично внесены, проверьте.

[iakov31]

Спасибо, изменения появились, только вот есть ньюансы. Под блоком характеристики отображается ещё один пустой с заголовком "характеристики". И со вторым вопросом получится что нибудь сделать?

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

• 

[iakov31]

Лишний блок удалил сам. Помогите со вторым вопросом, если это возможно.

[Taisia]

размер маленьких изображений меняется во вкладке настройки - основные - подраздел Изображения товаров -  Максимальный размер по высоте/ширине в пикселях для иконок

[iakov31]

Поменять размер маленьких изображений в настройках оказалось недостаточным. Несколько стилей CSS создавали дополнительные ограничения. Также необходимо было внести изменения в скрипт main.js? потому что он создавал ограничения по количеству выводимых превьюшек и картинки накладывались друг на друга.
Было

var owl = $("#owl-carusel");
owl.owlCarousel({
		 items: 5, //количество слайдев если окно браузера больше чем 1170px
		 itemsCustom: [[1170, 6], [1024, 5], [980, 5], [500, 5], [400, 4]], // назначаем количество изображений для определенного размера окна браузера [ширина браузера, количество картинок]
		 itemsScaleUp: true,
		 responsiveRefreshRate: 300, // Проверка не изменились ли размеры окна браузера
		 navigationText: ["Предыдущая", "Следующая"]
});

Стало

var owl = $("#owl-carusel");
owl.owlCarousel({
		 items: 3, //количество слайдев если окно браузера больше чем 1170px
		 itemsCustom: [[1170, 4], [1024, 3], [980, 3], [500, 3], [400, 2]], // назначаем количество изображений для определенного размера окна браузера [ширина браузера, количество картинок]
		 itemsScaleUp: true,
		 responsiveRefreshRate: 300, // Проверка не изменились ли размеры окна браузера
		 navigationText: ["Предыдущая", "Следующая"]
});

Причем на этом участке у вас ошибочка в коментарии

items: 3, //количество слайдев если окно браузера больше чем 1170px

Правильнее было бы написать "количество слайдев если окно браузера больше чем 1170px И МЕНЬШЕ 400px " так как мобильная версия на телефоне в вертикальном положении выводит именно это количество картинок.
Если для кого-то интересно, вот что у меня получилось

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

• 
• 

[lesnoy]

Добрый день! Аналогичный вопрос переноса характеристик под блок с ценой, также как и в первом вопросе выше .Как организовать? Аккаунт SL-425008

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:

<!-- Блок описания модификации -->
						<div class="block goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
							 <div class="delivery fnt12 txtalgnlft">
								<div class="variant">
									<div class="info">{GOODS_MOD_DESCRIPTION}</div>
								</div>
							</div>
						</div>

                        
после него пропишите:

<!-- Если есть характеристики товара -->
			{% IFNOT goods_features_empty %}
						<h4 class="headersTabsGoodPage">Характеристики</h4>
						<div class="goodsDataFeatures">
							<ul>
								{% FOR goods_features%}
									<li>
										<p class="name">{goods_features.NAME}</p>
										<span class="value">{goods_features.VALUE}</span>
									</li>
									{goods_features.index | is_divided("1","</ul ><ul>","")}
								{% ENDFOR %}
							</ul>
						</div>
			{% ENDIF %}
			<!-- END Если есть характеристики товара -->

            
            
Далее найдите и удалите следующие блоки:

<!-- Если есть характеристики товара -->
			{% IFNOT goods_features_empty %}
				<dt class="tab" title="Характеристики &laquo;{GOODS_NAME}&raquo;"><h3>Характеристики</h3></dt>
			{% ENDIF %}

            
            

<!-- Если есть характеристики товара -->
			{% IFNOT goods_features_empty %}
				<dd class="tab">
					<div class="tab-content-block sblock">
						<h4 class="headersTabsGoodPage">Характеристики</h4>
						<div class="goodsDataFeatures">
							<ul>
								{% FOR goods_features%}
									<li>
										<p class="name">{goods_features.NAME}</p>
										<span class="value">{goods_features.VALUE}</span>
									</li>
									{goods_features.index | is_divided("2","</ul ><ul>","")}
								{% ENDFOR %}
							</ul>
						</div>
					</div>
				</dd>
			{% ENDIF %}
			<!-- END Если есть характеристики товара -->

[lesnoy]

Отлично, спасибо, еще один вопрос: нужно краткое описание товара перенести в карточку товара под блок теперь уже перенесших характеристик для Аккаунт SL-425008  
так же ка это реализовано в Аккаунт SL-352068

[Ирина345]

lesnoy (18 Октябрь 2017 - 11:56) писал:

Отлично, спасибо, еще один вопрос: нужно краткое описание товара перенести в карточку товара под блок теперь уже перенесших характеристик для Аккаунт SL-425008  
так же ка это реализовано в Аккаунт SL-352068

Здравствуйте, найдите в шаблоне Товар код

	 <!-- Блок описания модификации -->
						<div class="block goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
							 <div class="delivery fnt12 txtalgnlft">
								<div class="variant">
									<div class="info">{GOODS_MOD_DESCRIPTION}</div>
								</div>
							</div>
						</div>
					<!-- Если есть характеристики товара -->
						{% IFNOT goods_features_empty %}
												<h4 class="headersTabsGoodPage"></h4>
												<div class="goodsDataFeatures">
														<ul>
																{% FOR goods_features%}
																		<li>
																				<p class="name">{goods_features.NAME}</p>
																				<span class="value">{goods_features.VALUE}</span>
																		</li>
																		{goods_features.index | is_divided("1","</ul ><ul>","")}
																{% ENDFOR %}
														</ul>
												</div>
						{% ENDIF %}
						<!-- END Если есть характеристики товара -->   

после вставьте

	{% IF GOODS_DESCRIPTION_SHORT %}
							<div style="padding-top:1em;" class="htmlDataBlock" >
								{GOODS_DESCRIPTION_SHORT}
							</div>
						{% ENDIF %}

[lesnoy]

Ирина345 (18 Октябрь 2017 - 16:41) писал:

Здравствуйте, найдите в шаблоне Товар код

	 <!-- Блок описания модификации -->
					 <div class="block goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
							 <div class="delivery fnt12 txtalgnlft">
							 <div class="variant">
								 <div class="info">{GOODS_MOD_DESCRIPTION}</div>
							 </div>
						 </div>
					 </div>
				 <!-- Если есть характеристики товара -->
					 {% IFNOT goods_features_empty %}
											 <h4 class="headersTabsGoodPage"></h4>
											 <div class="goodsDataFeatures">
													 <ul>
															 {% FOR goods_features%}
																	 <li>
																			 <p class="name">{goods_features.NAME}</p>
																			 <span class="value">{goods_features.VALUE}</span>
																	 </li>
																	 {goods_features.index | is_divided("1","</ul ><ul>","")}
															 {% ENDFOR %}
													 </ul>
											 </div>
					 {% ENDIF %}
					 <!-- END Если есть характеристики товара -->

после вставьте

{% IF GOODS_DESCRIPTION_SHORT %}
						 <div style="padding-top:1em;" class="htmlDataBlock" >
							 {GOODS_DESCRIPTION_SHORT}
						 </div>
					 {% ENDIF %}

Отлично, Спасибо!