Отключен JavaScript

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

2

4 Вопроса По Оформлению Карточки Товара

Автор onmyoji, 13 нояб. 2013 14:40

свойства характеристики

Назад

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

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

#41 onmyoji

Продвинутый пользователь

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

Отправлено 18 Декабрь 2013 - 14:22

1. Как оформить карточку развесного товара. В строке "количество" можно указать вес. Но где указать, сколько весит 1 "порция" товара? И можно ли сделать, чтобы на одной карточке товара можно было выбирать вес хотя бы из двух вариантов. Например, 50 или 100 г. А движок сам бы обсчитывал остаток.

2. Как добавить на одна карточку товара набор из нескольких наименований? Подарочный набор, в который входят несколько разных товаров. Чтобы опять же правильно учитывались остатки.

3. Как расширить блок с фильтрами слева? Совсем на немного - у меня буквально пара символов не влазят в одну строчку http://ecograce.ru/c...a-iz-samocvetov

Спасибо.

Сообщение отредактировал onmyoji: 18 Декабрь 2013 - 20:18

Наверх

#42 Koderhan

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

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

Отправлено 19 Декабрь 2013 - 09:40

1. Вы можете добавить разную модификацию к одному товару. Например модификация по 50г, и по 100г , к модификациям так же можно добавлять описание.
В этом случае количество товара в админке подразумевает что там указано количество упаковок а не килограмм товара.
2. Такое к сожалению сделать нельзя. Можно только создать один специальный товар в котором будет подробное описание.
3.
В файле "main.css".
Найти код:

#leftMenuBlock {
  width: 170px;
  margin: 0 20px 0 0;
}

Заменить:

#leftMenuBlock {
  width: 190px;
  margin: 0 0px 0 0;
}

Наверх

#43 onmyoji

Продвинутый пользователь

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

Отправлено 19 Декабрь 2013 - 11:56

1. Скажите, пожалуйста, как мне поместить модификацию прямо под цену (ниже наличия)? http://ecograce.ru/g...vyj-punsh-50-g?
2. У меня почему-то краткое описание пропадает, если я выбираю другую модификацию. http://ecograce.ru/g...vyj-punsh-50-g?
3. Как "Другие фото товара" перенести под социальные кнопки? http://ecograce.ru/goods/Undina
4. Как уменьшить размер цен в каталоге? http://ecograce.ru/c...a-iz-samocvetov На главной они почему-то нормального размера, а в каталоге большие.

Сообщение отредактировал onmyoji: 19 Декабрь 2013 - 12:04

Наверх

#44 Koderhan

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

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

Отправлено 19 Декабрь 2013 - 17:06

1, 2
Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "Товар".
Найти код:

Скрытый текст

<form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="goodsDataForm">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />
<table class="goodsDataMain">
<tr>
<td class="goodsDataMainImageBlock">
<!-- Большое изображение -->
<div class="goodsDataMainImage">
{% IF GOODS_IMAGE_EMPTY %}
<img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" />
{% ELSE %}
<a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>
{% ENDIF %}
<!-- Идентификатор изображения товара, используется для галереи изображений -->
<input type="hidden" rel="{GOODS_IMAGE_ID}" />
</div>
<!-- Ссылка на увеличение среднего изображения товара до большого. Появляется если у товара указано изображение -->
{% IFNOT GOODS_IMAGE_EMPTY %}
<div class="goodsDataMainImageZoom">
<a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a>
</div>
{% ENDIF %}
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
{% IFNOT goods_images_empty %}
{% FOR goods_images %}
<!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
{% IF goods_images.first %}
<div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
<h5>Другие фото {GOODS_NAME}</h5>
{% ENDIF %}
<!-- Уменьшенное изображение товара -->
<div class="goodsDataMainImagesIcon floatLeft">
<a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
<!-- Идентификатор изображения товара, используется для галереи изображений -->
<input type="hidden" rel="{goods_images.ID}" />
</div>
<!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
{% IF goods_images.last %}
</div>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</td>
<td>
<div class="goodsDataMainOrder cornerAll" itemscope itemprop="offerDetails" itemtype="http://data-vocabulary.org/Offer">
<table>
<!-- Блок с данными товара при выбранных параметрах. Берутся из модификаций товара -->
<tr>
<td class="goodsDataMainModificationDataBlock">
<!-- По этому значению производится заказ товара -->
<input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
<!-- Цена сейчас -->
<span class="goodsDataMainModificationPriceNow" title="Цена сейчас" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">
{GOODS_MOD_PRICE_NOW | money_format}
</span>
<!-- информация для поисковика о валюте товара -->
<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
<!-- информация о числе товаров на складе -->
<meta itemprop="quantity" content="{GOODS_MOD_REST_VALUE}"/>
<!-- информация для поисковика о наличие товара. Отображается только при наличии товара на складе. Доступные значения: out_of_stock,in_stock,instore_only,preorder. -->
{% IF GOODS_MOD_REST_VALUE>0 %}
<span itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}">
{% ENDIF %}
<!-- Старая цена. -->
<span class="goodsDataMainModificationPriceOld lineThrough" title="Старая цена">
<!-- Если на товар действует скидка -->
{% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
<!-- Если старая цена была больше новой -->
{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
{GOODS_MOD_PRICE_OLD | money_format}
{% ENDIF %}
</span>
<!-- Доступность товара -->
<div class="goodsDataMainModificationAvailable">
<div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>в наличии</div>
<div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>нет в наличии</div>
</div>
</td>
<td class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_DESCRIPTION_SHORT %}style="display:none;"{% ENDIF %} rowspan="3">
{GOODS_DESCRIPTION_SHORT}</td>
</td>
</tr>
<tr>
<td class="goodsDataFormSubmitButton">
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
<div style="padding-bottom:1em;">


</div>
{% ENDIF %}
{% ENDIF %}

<input type="submit" value="" alt="Положить в корзину" style="width:200px; height:60px;" />
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>
<h3>Показать подруге:</h3>
</td></tr>
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<tr> <td>
<div class="yashare-auto-init" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,gplus" data-yashareTheme="counter" data-yashareType="big"></div>
</td>
</tr>
</table>
<!-- END Ссылки на соц. сети-->
</td>
</tr>
<!-- Блок информации по акции действующей на товар, если таковая есть -->
{% IF GOODS_MOD_MAX_DISCOUNT_ID %}
<tr>
<td class="goodsDataMainDiscountBlock" colspan="2" itemprop="priceValidUntil" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date('Y-m-d')}">
<div>
<!-- Акция на товар -->
<strong>Товар участвует в акции &laquo;{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}&raquo;.</strong><br />
По {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет {GOODS_MOD_MAX_DISCOUNT}%
</div>
</td>
</tr>
{% ENDIF %}
<!-- Блок выбора модификаций для текущей товарной позиции -->
<tr>
<td class="goodsDataMainModificationsBlock" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %} colspan="2">
<div>
<table>
<tr>
{% FOR goods_modifications_properties %}
<td class="goodsDataMainModificationsBlockProperty">
<!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
{% FOR values %}
<!-- Если это первый элемент в списке -->
{% IF goods_modifications_properties.values.first %}
<strong>{goods_modifications_properties.NAME}:</strong><br />
<select name="form[properties][]">
{% ENDIF %}
<option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
<!-- Если это последний элемент в списке -->
{% IF goods_modifications_properties.values.last %}
</select>
{% ENDIF %}
{% ENDFOR %}
</td>
{goods_modifications_properties.index | is_divided("2","</tr><tr>","")}
{% ENDFOR %}
</tr>
</table>
<!-- Данные по модификациям для текущей товарной позиции -->
{% FOR goods_modifications %}
<div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}">
<input type="hidden" name="id" value="{goods_modifications.ID}" />
<input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" />
<input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" />
<div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div>
<input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" />
<div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div>
<input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" />
<input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" />
<input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" />
<input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" />
<input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" />
<input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" />
<div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div>
</div>
{% ENDFOR %}
</div>
</td>
</tr>
<!-- Блок описания модификации -->
<tr>
<td class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %} colspan="2">
{GOODS_MOD_DESCRIPTION}
</td>
</tr>
</table>
</div>
</td>
</tr>

</table>



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

Заменить:

Скрытый текст

<form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="goodsDataForm">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />
<table class="goodsDataMain">
<tr>
<td class="goodsDataMainImageBlock">
<!-- Большое изображение -->
<div class="goodsDataMainImage">
{% IF GOODS_IMAGE_EMPTY %}
<img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" />
{% ELSE %}
<a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>
{% ENDIF %}
<!-- Идентификатор изображения товара, используется для галереи изображений -->
<input type="hidden" rel="{GOODS_IMAGE_ID}" />
</div>
<!-- Ссылка на увеличение среднего изображения товара до большого. Появляется если у товара указано изображение -->
{% IFNOT GOODS_IMAGE_EMPTY %}
<div class="goodsDataMainImageZoom">
<a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a>
</div>
{% ENDIF %}
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
{% IFNOT goods_images_empty %}
{% FOR goods_images %}
<!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
{% IF goods_images.first %}
<div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
<h5>Другие фото {GOODS_NAME}</h5>
{% ENDIF %}
<!-- Уменьшенное изображение товара -->
<div class="goodsDataMainImagesIcon floatLeft">
<a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
<!-- Идентификатор изображения товара, используется для галереи изображений -->
<input type="hidden" rel="{goods_images.ID}" />
</div>
<!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
{% IF goods_images.last %}
</div>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</td>
<td>
<div class="goodsDataMainOrder cornerAll" itemscope itemprop="offerDetails" itemtype="http://data-vocabulary.org/Offer">
<table>
<!-- Блок с данными товара при выбранных параметрах. Берутся из модификаций товара -->
<tr>
<td class="goodsDataMainModificationDataBlock">
<!-- По этому значению производится заказ товара -->
<input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
<!-- Цена сейчас -->
<span class="goodsDataMainModificationPriceNow" title="Цена сейчас" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">
{GOODS_MOD_PRICE_NOW | money_format}
</span>
<!-- информация для поисковика о валюте товара -->
<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
<!-- информация о числе товаров на складе -->
<meta itemprop="quantity" content="{GOODS_MOD_REST_VALUE}"/>
<!-- информация для поисковика о наличие товара. Отображается только при наличии товара на складе. Доступные значения: out_of_stock,in_stock,instore_only,preorder. -->
{% IF GOODS_MOD_REST_VALUE>0 %}
<span itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}">
{% ENDIF %}
<!-- Старая цена. -->
<span class="goodsDataMainModificationPriceOld lineThrough" title="Старая цена">
<!-- Если на товар действует скидка -->
{% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
<!-- Если старая цена была больше новой -->
{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
{GOODS_MOD_PRICE_OLD | money_format}
{% ENDIF %}
</span>
<!-- Доступность товара -->
<div class="goodsDataMainModificationAvailable">
<div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>в наличии</div>
<div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>нет в наличии</div>
</div>
</td>
<td class="goodsDataMainModificationsDescriptionBlock1" {% IFNOT GOODS_DESCRIPTION_SHORT %}style="display:none;"{% ENDIF %} rowspan="3">
{GOODS_DESCRIPTION_SHORT}</td>
</td>
</tr>
<!-- Блок выбора модификаций для текущей товарной позиции -->
<tr>
<td class="goodsDataMainModificationsBlock" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %} colspan="2">
<div>
<table>
<tr>
{% FOR goods_modifications_properties %}
<td class="goodsDataMainModificationsBlockProperty">
<!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
{% FOR values %}
<!-- Если это первый элемент в списке -->
{% IF goods_modifications_properties.values.first %}
<strong>{goods_modifications_properties.NAME}:</strong><br />
<select name="form[properties][]">
{% ENDIF %}
<option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
<!-- Если это последний элемент в списке -->
{% IF goods_modifications_properties.values.last %}
</select>
{% ENDIF %}
{% ENDFOR %}
</td>
{goods_modifications_properties.index | is_divided("2","</tr><tr>","")}
{% ENDFOR %}
</tr>
</table>
<!-- Данные по модификациям для текущей товарной позиции -->
{% FOR goods_modifications %}
<div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}">
<input type="hidden" name="id" value="{goods_modifications.ID}" />
<input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" />
<input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" />
<div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div>
<input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" />
<div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div>
<input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" />
<input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" />
<input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" />
<input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" />
<input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" />
<input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" />
<div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div>
</div>
{% ENDFOR %}
</div>
</td>
</tr>
<!-- Блок описания модификации -->
<tr>
<td class="goodsDataFormSubmitButton">
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
<div style="padding-bottom:1em;">


</div>
{% ENDIF %}
{% ENDIF %}

<input type="submit" value="" alt="Положить в корзину" style="width:200px; height:60px;" />
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>
<h3>Показать подруге:</h3>
</td></tr>
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<tr> <td>
<div class="yashare-auto-init" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,gplus" data-yashareTheme="counter" data-yashareType="big"></div>
</td>
</tr>
</table>
<!-- END Ссылки на соц. сети-->
</td>
</tr>
<!-- Блок информации по акции действующей на товар, если таковая есть -->
{% IF GOODS_MOD_MAX_DISCOUNT_ID %}
<tr>
<td class="goodsDataMainDiscountBlock" colspan="2" itemprop="priceValidUntil" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date('Y-m-d')}">
<div>
<!-- Акция на товар -->
<strong>Товар участвует в акции &laquo;{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}&raquo;.</strong><br />
По {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет {GOODS_MOD_MAX_DISCOUNT}%
</div>
</td>
</tr>
{% ENDIF %}

<tr>
<td class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %} colspan="2">
{GOODS_MOD_DESCRIPTION}
</td>
</tr>
</table>
</div>
</td>
</tr>

</table>



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

3. В файле "Товар" удалить код:

					 <!-- Другие изображения товара. Отображаются если есть изображения товара -->
					 {% IFNOT goods_images_empty %}
						 {% FOR goods_images %}
							 <!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
							 {% IF goods_images.first %}
								 <div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
									 <h5>Другие фото {GOODS_NAME}</h5>
							 {% ENDIF %}
							 <!-- Уменьшенное изображение товара -->
							 <div class="goodsDataMainImagesIcon floatLeft">
								 <a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
								 <!-- Идентификатор изображения товара, используется для галереи изображений -->
								 <input type="hidden" rel="{goods_images.ID}" />
							 </div>
							 <!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
							 {% IF goods_images.last %}
								 </div>
							 {% ENDIF %}
						 {% ENDFOR %}
					 {% ENDIF %}

После кода:

															
															 <tr>
																 <td class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %} colspan="2">
																			 {GOODS_MOD_DESCRIPTION}
																 </td>
															 </tr>

Добавить:

															 <tr>
																 <td>
																						 <!-- Другие изображения товара. Отображаются если есть изображения товара -->
					 {% IFNOT goods_images_empty %}
						 {% FOR goods_images %}
							 <!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
							 {% IF goods_images.first %}
								 <div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
									 <h5>Другие фото {GOODS_NAME}</h5>
							 {% ENDIF %}
							 <!-- Уменьшенное изображение товара -->
							 <div class="goodsDataMainImagesIcon floatLeft">
								 <a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
								 <!-- Идентификатор изображения товара, используется для галереи изображений -->
								 <input type="hidden" rel="{goods_images.ID}" />
							 </div>
							 <!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
							 {% IF goods_images.last %}
								 </div>
							 {% ENDIF %}
						 {% ENDFOR %}
					 {% ENDIF %}
																 </td>
															 </tr>

4.
В файле "main.css".
Найти код:

.goodsListItemPriceNew {
font-size:16px;
font-weight: 500;
}

Заменить:

.goodsListItemPriceNew {
font-size:14px;
font-weight: 500;
}

Наверх

#45 onmyoji

Продвинутый пользователь

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

Отправлено 20 Декабрь 2013 - 13:24

Немного не там оказались дополнительные фотки. Они получились под ценой, а надо в конце этого блока, под соц. кнопками. http://ecograce.ru/goods/Undina

Наверх

#46 ne_yana

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

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

Отправлено 20 Декабрь 2013 - 13:29

onmyoji (20 Декабрь 2013 - 13:24) писал:

Немного не там оказались дополнительные фотки. Они получились под ценой, а надо в конце этого блока, под соц. кнопками. http://ecograce.ru/goods/Undina

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

<tr>
																																 <td>
																																												 <!-- Другие изображения товара. Отображаются если есть изображения товара -->
										 {% IFNOT goods_images_empty %}
												 {% FOR goods_images %}
														 <!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
														 {% IF goods_images.first %}
																 <div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
																		 <h5>Другие фото {GOODS_NAME}</h5>
														 {% ENDIF %}
														 <!-- Уменьшенное изображение товара -->
														 <div class="goodsDataMainImagesIcon floatLeft">
																 <a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
																 <!-- Идентификатор изображения товара, используется для галереи изображений -->
																 <input type="hidden" rel="{goods_images.ID}" />
														 </div>
														 <!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
														 {% IF goods_images.last %}
																 </div>
														 {% ENDIF %}
												 {% ENDFOR %}
										 {% ENDIF %}
																																 </td>
																														 </tr>

вставьте этот код после

<tr>
<td>
<table>
<tr>
<td>
<h3>Показать подруге:</h3>
</td></tr>
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<tr> <td>
<div class="yashare-auto-init" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,gplus" data-yashareTheme="counter" data-yashareType="big"></div>
</td>
</tr>
</table>
<!-- END Ссылки на соц. сети-->
</td>
</tr>

Наверх

#47 onmyoji

Продвинутый пользователь

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

Отправлено 20 Декабрь 2013 - 15:31

Stasya (17 Декабрь 2013 - 22:32) писал:

В файле style2.css добавьте блок

.content span {
color: grey !important;
font-size: 16px !important;
}

Почему-то не помогло( Там наверное надо менять в main.css свойства описания товара, потому что скрипт его вставляет, как есть. Хочется сделать, чтобы и этот "вставленный" текст, и родной (внутри скрипта) выглядели одинаково.

Наверх

#48 ne_yana

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

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

Отправлено 20 Декабрь 2013 - 15:41

onmyoji (20 Декабрь 2013 - 15:31) писал:

Почему-то не помогло( Там наверное надо менять в main.css свойства описания товара, потому что скрипт его вставляет, как есть. Хочется сделать, чтобы и этот "вставленный" текст, и родной (внутри скрипта) выглядели одинаково.

В файл main.css добавьте

.goodsDataMainModificationsDescriptionBlock1 {
font-family: Verdana;
font-size: 14px;
color: #777;
}

Наверх

#49 onmyoji

Продвинутый пользователь

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

Отправлено 20 Декабрь 2013 - 17:38

Странно, я даже поставила !important, но ничего не меняется :wacko:

Наверх

#50 ne_yana

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

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

Отправлено 20 Декабрь 2013 - 17:46

onmyoji (20 Декабрь 2013 - 17:38) писал:

Странно, я даже поставила !important, но ничего не меняется :wacko:

Указанные изменения влияли на краткое описание. Уточните, пожалуйста, если Вы говорили о другом тексте и какому он должен быть идентичен по стилю.

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

Наверх

#51 onmyoji

Продвинутый пользователь

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

Отправлено 20 Декабрь 2013 - 19:36

Ой, я имела в виду полное описание товара. Оно расположено на первой вкладке скрипта внизу страницы (где зелёные вкладки). На других вкладках этого скрипта текст в другом стиле. Я хотела увеличить шрифт описания, чтобы текст на всех вкладках выглядел одинаково.

Наверх

#52 ne_yana

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

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

Отправлено 20 Декабрь 2013 - 19:52

onmyoji (20 Декабрь 2013 - 19:36) писал:

Ой, я имела в виду полное описание товара. Оно расположено на первой вкладке скрипта внизу страницы (где зелёные вкладки). На других вкладках этого скрипта текст в другом стиле. Я хотела увеличить шрифт описания, чтобы текст на всех вкладках выглядел одинаково.

В файл main.css добавьте

.content-1 {
	font-family: Verdana;
	font-size: 14px;
	line-height: 22px;
	margin-right: 20px;
}

Наверх

#53 onmyoji

Продвинутый пользователь

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

Отправлено 20 Декабрь 2013 - 20:52

Ещё один вопрос. После последних изменений, когда дополнительные фотографии начали размещаться под соц. кнопками, эти самые социальные кнопки стали съезжать вниз, если краткое описание товара длинное. Раньше они своего положения не меняли, независимо от длины краткого описания. Как вернуть эти прекрасные времена?)

http://ecograce.ru/g...a-fei?from=ZWMx
http://ecograce.ru/goods/Ozornye-iskry

Наверх

#54 Vaccina

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

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

Отправлено 21 Декабрь 2013 - 03:03

А давайте попробуем переделать структуру, стилями, к сожалению, благоприятного результата не добиться. Для начала создайте бэк ап на всякий пожарный.
Сайт - Редактор шаблонов - найдите и удалите:

<!-- Блок описания модификации -->
<tr>
<td class="goodsDataFormSubmitButton">
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
<div style="padding-bottom:1em;">


</div>
{% ENDIF %}
{% ENDIF %}

<input type="submit" value="" alt="Положить в корзину" style="width:200px; height:60px;" />
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>
<h3>Показать подруге:</h3>
</td></tr>
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<tr> <td>
<div class="yashare-auto-init" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,gplus" data-yashareTheme="counter" data-yashareType="big"></div>
</td>
</tr>
</table>
<!-- END Ссылки на соц. сети-->
</td>
</tr>
<tr>
<td>
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
{% IFNOT goods_images_empty %}
{% FOR goods_images %}
<!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
{% IF goods_images.first %}
<div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
<h5>Другие фото {GOODS_NAME}</h5>
{% ENDIF %}
<!-- Уменьшенное изображение товара -->
<div class="goodsDataMainImagesIcon floatLeft">
<a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
<!-- Идентификатор изображения товара, используется для галереи изображений -->
<input type="hidden" rel="{goods_images.ID}" />
</div>
<!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
{% IF goods_images.last %}
</div>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}

Далее находим:

{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
{GOODS_MOD_PRICE_OLD | money_format}
{% ENDIF %}
</span>
<!-- Доступность товара -->
<div class="goodsDataMainModificationAvailable">
<div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>в наличии</div>
<div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>нет в наличии</div>
</div>

после него вставляем:

<div class="goodsDataFormSubmitButton">
<input type="submit" value="" alt="Положить в корзину" style="width:200px; height:60px;" />
</div>
<div>
<table>
<tr>
<td>
<h3>Показать подруге:</h3>
</td></tr>
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<tr> <td>
<div class="yashare-auto-init" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,gplus" data-yashareTheme="counter" data-yashareType="big"></div>
</td>
</tr>
</table>
<!-- END Ссылки на соц. сети-->
</div>
<div>
																																												 <!-- Другие изображения товара. Отображаются если есть изображения товара -->
										 {% IFNOT goods_images_empty %}
												 {% FOR goods_images %}
														 <!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
														 {% IF goods_images.first %}
																 <div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
																		 <h5>Другие фото {GOODS_NAME}</h5>
														 {% ENDIF %}
														 <!-- Уменьшенное изображение товара -->
														 <div class="goodsDataMainImagesIcon floatLeft">
																 <a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
																 <!-- Идентификатор изображения товара, используется для галереи изображений -->
																 <input type="hidden" rel="{goods_images.ID}" />
														 </div>
														 <!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
														 {% IF goods_images.last %}
																 </div>
														 {% ENDIF %}
												 {% ENDFOR %}
										 {% ENDIF %}
		   </div>

Наверх

#55 onmyoji

Продвинутый пользователь

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

Отправлено 21 Декабрь 2013 - 10:45

Ух ты, получилось! Большое спасибо! :rolleyes:

А как поменять цвет надписи "Другие фото товара"? Какой элемент в стилях искать?

Наверх

#56 @lina_va

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

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

Отправлено 21 Декабрь 2013 - 10:47

onmyoji (21 Декабрь 2013 - 10:45) писал:

Ух ты, получилось! Большое спасибо! :rolleyes:

А как поменять цвет надписи "Другие фото товара"? Какой элемент в стилях искать?

Добрый день
В main.css найдите:

h5 {
font-weight: bold;
color: #71d30e;
font-size: 1em;
line-height: 1.6666em;
margin: 1.6666em 0 0.8333em 0;
}

вместо

#71d30e

- укажите другой цвет

Наверх

#57 onmyoji

Продвинутый пользователь

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

Отправлено 21 Декабрь 2013 - 15:58

Спасибо!

Наверх

#58 onmyoji

Продвинутый пользователь

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

Отправлено 21 Декабрь 2013 - 16:05

Ой, я только что заметила, что у меня пропал блок с характеристиками товаров, который был над сопутствующими товарами.
1) Как его вернуть?
2) Можно ли в коде как-то выбрать, какие характеристики будут отображаться на карточке товара, а какие только в фильтре? Т.е. можно ли скрыть отображение некоторых характеристик.

Наверх

#59 miyako

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

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

Отправлено 22 Декабрь 2013 - 07:56

onmyoji (21 Декабрь 2013 - 16:05) писал:

Ой, я только что заметила, что у меня пропал блок с характеристиками товаров, который был над сопутствующими товарами.
1) Как его вернуть?
2) Можно ли в коде как-то выбрать, какие характеристики будут отображаться на карточке товара, а какие только в фильтре? Т.е. можно ли скрыть отображение некоторых характеристик.

2) Можно. Какие характеристики Вы хотите скрыть из Карточки товаров, а какие в фильтрах?
1) Проверьте пожалуйста есть ли у Вас такой код в шаблоне Товар -

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

у какого товара есть характеристика? Можете дать ссылку или просто назовите товар

Наверх

#60 onmyoji

Продвинутый пользователь

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

Отправлено 22 Декабрь 2013 - 12:01

1) Да, как раз этого кода и не было, где-то он затерялся. Добавила его, спасибо)
2) Я бы хотела убрать с карточки товара характеристику "цвет", а все остальные оставить.
3) Ещё хочу спросить, можно ли сделать так, чтобы значения одной характеристики на карточке товара перечислялись через запятую? Например, у меня у характеристики "Свойства" обычно от 2 до 4 значений. И когда они все указаны на карточке товара по отдельности, получается очень громоздко и не очень понятно. Хотелось бы их выстроить в одну строчку. http://ecograce.ru/g...ognya?from=ZWMx