Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Карточка Товара

Автор jakarda, 17 февр. 2014 16:13

Авторизуйтесь для ответа в теме

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

#1 jakarda

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

Пользователи
31 сообщений

Отправлено 17 Февраль 2014 - 16:13

Подскажите пожалуйста, возможно ли сделать такую же карточку товара, как в связном? Заранее спасибо!

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

Наверх

#2 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 18 Февраль 2014 - 03:48

сделать вполне возможно
редактировать необходимо код шаблона Товары, а именно:

<td class="goodsListItem"> 
				<div class="goodsListItemBlock withBorder cornerAll">
				<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
				<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
				<div class="goodsListItemPriceNew">
				  <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
				</div> 
				<div class="goodsListItemPriceOld">
				  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
					{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
					{% ENDIF %}
				</div>
				</div>
			  </td>
			{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}

у вас контентная часть меньше можно сделать по 2 товара в ряд, найдите:

{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}

замените на:

{% IFNOT goods.last %}{goods.index | is_divided("2","</tr><tr>","")}{% ENDIF %}

далее в main.css найдите:

.goodsListItem {
	overflow: hidden;
	padding: 0;
	text-align: center;
	vertical-align: top;
}

замените на:

.goodsListItem {
	overflow: hidden;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 300px;
}

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

.goodsListItemImage {
	height: 150px;
	margin-top: 1em;
}

замените на:

.goodsListItemImage {
	float: left;
	height: 150px;
	margin: 10px;
}

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

.goodsListItemName {
	line-height: 1.2em;
	margin: 0;
	max-height: 3.6em;
	overflow: hidden;
	padding: 0 2px;
}

замените на:

.goodsListItemName {
	line-height: 1.2em;
	margin: 10px;
	overflow: hidden;
}

основа в принципе после этого будет сделана, остается добавить элементы.

Отзывы в каталоге, в код структуры необходимо добавить сл.блок:

<div class="rating">
							<!-- Среднее значение по результатам всех отзывов об этом товаре -->
							{% IF goods.OPINION_RATING_VALUE %}
							  <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
							{% ENDIF %}
						   
							{% IF goods.OPINION_RATING_CNT_ALL>0 %}
							  <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a>
							{% ELSE %}
							  <a href="{goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
							{% ENDIF %}
						  </div>

Блок кнопки купить:

<div class="buy">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
				<input type="hidden" name="hash" value="{HASH}" />
				<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
				<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
				<a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
</form>
</div>

Наверх

#3 jakarda

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

Пользователи
31 сообщений

Отправлено 18 Февраль 2014 - 14:29

Vaccina (18 Февраль 2014 - 03:48) писал:

сделать вполне возможно
редактировать необходимо код шаблона Товары, а именно:

<td class="goodsListItem">
			 <div class="goodsListItemBlock withBorder cornerAll">
			 <div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
			 <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
			 <div class="goodsListItemPriceNew">
				 <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
			 </div>
			 <div class="goodsListItemPriceOld">
				 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					 <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					 <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
				 {% ENDIF %}
			 </div>
			 </div>
			 </td>
{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}

у вас контентная часть меньше можно сделать по 2 товара в ряд, найдите:

{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}

замените на:

{% IFNOT goods.last %}{goods.index | is_divided("2","</tr><tr>","")}{% ENDIF %}

далее в main.css найдите:

.goodsListItem {
overflow: hidden;
padding: 0;
text-align: center;
vertical-align: top;
}

замените на:

.goodsListItem {
overflow: hidden;
padding: 0;
text-align: center;
vertical-align: top;
width: 300px;
}

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

.goodsListItemImage {
height: 150px;
margin-top: 1em;
}

замените на:

.goodsListItemImage {
float: left;
height: 150px;
margin: 10px;
}

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

.goodsListItemName {
line-height: 1.2em;
margin: 0;
max-height: 3.6em;
overflow: hidden;
padding: 0 2px;
}

замените на:

.goodsListItemName {
line-height: 1.2em;
margin: 10px;
overflow: hidden;
}

основа в принципе после этого будет сделана, остается добавить элементы.

Отзывы в каталоге, в код структуры необходимо добавить сл.блок:

<div class="rating">
						 <!-- Среднее значение по результатам всех отзывов об этом товаре -->
						 {% IF goods.OPINION_RATING_VALUE %}
							 <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
						 {% ENDIF %}
						
						 {% IF goods.OPINION_RATING_CNT_ALL>0 %}
							 <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a>
						 {% ELSE %}
							 <a href="{goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
						 {% ENDIF %}
						 </div>

Блок кнопки купить:

<div class="buy">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			 <input type="hidden" name="hash" value="{HASH}" />
			 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
			 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
			 <a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
</form>
</div>

Не получается сделать по два товара в ряд, сделал все как вы написали)

И не понял на счет добавления двух последних блоков, куда их добавлять? Аккаунт SL-242418

Наверх

#4 @lina_va

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

Модератоpы
498 сообщений

Отправлено 18 Февраль 2014 - 15:08

jakarda (18 Февраль 2014 - 14:29) писал:

Не получается сделать по два товара в ряд, сделал все как вы написали)

И не понял на счет добавления двух последних блоков, куда их добавлять? Аккаунт SL-242418

Добрый вечер
В шаблоне Товары найдите код:

{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}

4 поменяйте на 2

Наверх

#5 jakarda

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

Пользователи
31 сообщений

Отправлено 18 Февраль 2014 - 19:55

@lina_va (18 Февраль 2014 - 15:08) писал:

Добрый вечер
В шаблоне Товары найдите код:

{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}

4 поменяйте на 2

Не получается. Сопутствующие товары идут по 2 в ряд, а в самом каталоге по 4, строчку заменил, как вы написали

Наверх

#6 Alexey11

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

Модератоpы
1 057 сообщений

ГородНижний новгород

Отправлено 18 Февраль 2014 - 20:30

В шаблоне "Товары" 118 строка {% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} , в ней также нужно заменить 4 на 2

Наверх

#7 jakarda

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

Пользователи
31 сообщений

Отправлено 18 Февраль 2014 - 20:48

Alexey11 (18 Февраль 2014 - 20:30) писал:

В шаблоне "Товары" 118 строка {% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} , в ней также нужно заменить 4 на 2

Все получилось, спасибо!)

Еще вопросик по самой карточке, как в ней расположить информацию, корзину и цену как показано на скриншоте?

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

Наверх

#8 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 19 Февраль 2014 - 01:49

Цитата

Отзывы в каталоге, в код структуры необходимо добавить сл.блок:

<div class="rating">
<!-- Среднее значение по результатам всех отзывов об этом товаре -->
{% IF goods.OPINION_RATING_VALUE %}
<img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
{% ENDIF %}
{% IF goods.OPINION_RATING_CNT_ALL>0 %}
<a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a>
{% ELSE %}
<a href="{goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
{% ENDIF %}
</div>

Блок кнопки купить:

<div class="buy">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
</form>
</div>

вставьте в шаблон Товары после:

<div class="goodsListItemPriceOld">
				 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					 <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					 <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
				 {% ENDIF %}
			 </div>

Наверх

#9 jakarda

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

Пользователи
31 сообщений

Отправлено 19 Февраль 2014 - 06:53

Vaccina (19 Февраль 2014 - 01:49) писал:

вставьте в шаблон Товары после:

<div class="goodsListItemPriceOld">
				 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					 <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					 <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
				 {% ENDIF %}
			 </div>

Ничего не выходит, сделал се как сказали)

Наверх

#10 Taisia

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

Модератоpы
1 289 сообщений

Отправлено 19 Февраль 2014 - 12:04

вы не там вставили код.
пожалуйста внимательно ознакомьтесь с инструкцией выше.
Вам нужно вставить этот код ПОСЛЕ блока

<div class="goodsListItemPriceOld">
								 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
										 <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
								 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
										 <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
								 {% ENDIF %}
						 </div>

удалите неверные изменения и вставьте код верно. в то место как указано в инструкции.

Наверх

#11 jakarda

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

Пользователи
31 сообщений

Отправлено 19 Февраль 2014 - 21:59

Хорошо, это вроде получилось, а как краткую информацию добавить?

Наверх

#12 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 21 Февраль 2014 - 03:44

добавьте:

<p>
			  {goods.DESCRIPTION_SHORT}
</p>

Наверх

#13 jakarda

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

Пользователи
31 сообщений

Отправлено 21 Февраль 2014 - 09:26

Vaccina (21 Февраль 2014 - 03:44) писал:

добавьте:

<p>
			 {goods.DESCRIPTION_SHORT}
</p>

Спасибо большое!)

Наверх

#14 Индрик-Зверь

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

Пользователи
14 сообщений

Отправлено 23 Февраль 2015 - 16:00

Как удалить из карты товара способы доставки? Из-за них описание товара съезжает далеко вниз, т.к. способов доставки с комментариями достаточно много.

Наверх

#15 Danil

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

Пользователи
4 645 сообщений

Отправлено 23 Февраль 2015 - 16:13

Индрик-Зверь (23 Февраль 2015 - 16:00) писал:

Как удалить из карты товара способы доставки? Из-за них описание товара съезжает далеко вниз, т.к. способов доставки с комментариями достаточно много.

Здравствуйте.
Пришлите номер аккаунта.

Наверх

#16 Индрик-Зверь

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

Пользователи
14 сообщений

Отправлено 23 Февраль 2015 - 16:59

SL-309440

Наверх

#17 Danil

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

Пользователи
4 645 сообщений

Отправлено 23 Февраль 2015 - 17:01

Индрик-Зверь (23 Февраль 2015 - 16:59) писал:

SL-309440

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

  <!-- Блок описания вариантов доставки -->
				<tr>
				  <td class="goodsDataMainDeliveryBlock" colspan="2">
					<h4>Условия доставки</h4>
					{% FOR goods_delivery %}
					  <h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
					  <div class="goodsDataMainDeliveryItem" >
						<p>{goods_delivery.DESC}</p>
						{% IF goods_delivery.rules_empty %}
						  Стоимость доставки: {goods_delivery.PRICE | money_format}
						{% ELSE %}
						  <div class="goodsDataMainDeliveryItemRules">
							<table>
							  <thead>
								<tr>
								  <td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td>
								</tr>
								<tr>
								  <td>Для заказов больше</td>
								  <td>Стоимость доставки</td>
								</tr>
							  </thead>
							  <tbody class="num">
								{% FOR rules %}
								  <tr>
									<td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td>
									<td>{goods_delivery.rules.PRICE | money_format}</td>
								  </tr>
								{% ENDFOR %}
								<tr>
								  <td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td>
								  <td>{goods_delivery.PRICE | money_format}</td>
								</tr>
							  </tbody>
							</table>
						  </div>
						{% ENDIF %}
					  </div>
					{% ENDFOR %}
				  </td>
				</tr>