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

[explosive]

Можно ли добавить "Увеличить изображение" в список товаров, так же как и в подробном описании товара.
А лучше просто лупу в уголке изображения?

[Vaccina]

Попробуйте использовать следующую реализацию

В шаблоне "Товары"

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

<!-- Список товаров. Список -->
	  {% FOR goods %}
		<div class="listing goodsListBlock">
		  <div class="imagem"><a href="{goods.URL}" target="_blank" title="Увеличить {goods.NAME}"><img {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a>
		   <input type="hidden" rel="{goods.ID}" />
		  </div>

<!-- Другие изображения товара. Отображаются если есть изображения товара -->
			{% IFNOT images_empty %}
			  {% FOR images %}
				
				<!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
				{% IF goods.images.first %}
				  <div style="display:none;">
				
			  
				<!-- Уменьшенное изображение товара -->
				<div class="goodsDataMainImagesIcon left">
				  <a href="{goods.images.LARGE}"  target="_blank" title="{goods.images.NAME}"><img class="cornerAll withBorder" rel="{goods.images.MEDIUM}" src="{goods.images.ICON}" alt="{goods.images.NAME}" /></a>
	
				  <!-- Идентификатор изображения товара, используется для галереи изображений -->
				  <input type="hidden" rel="{goods.ID}" />
				</div>
				
				<!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
				</div>{% ENDIF %}
			  {% ENDFOR %}
			{% ENDIF %}
	
		  <div class="contm">
			<h3><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
			<p>
			  {goods.DESCRIPTION_SHORT}
			</p>
			<p>
			  Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br />
			  {% 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><br />
				<span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span>
			  {% 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 %}
			</p>

			<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			  <p>
				<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>
			   </p>
			</form>

		  </div>
		  <div class="clr"></div>
		</div>
	  {% ENDFOR goods %}
	  <!-- /Список товаров. Список -->
	{% ELSE %}
	  <!-- Список товаров. Таблица -->
	  <table>
		<tr>
		  {% FOR goods %}
			<td class="goodsListItem">  
			  <div class="goodsListItemBlock withBorder cornerAll">
				<table class="goodsListItemImage">
				  <tr>
					<td class="goodsListBlock"><div class="imagem">
					  <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a><input type="hidden" rel="{goods.ID}" /></div>
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
			{% IFNOT images_empty %}
			  {% FOR images %}
				
				<!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
				{% IF goods.images.first %}
				  <div style="display:none;">
				
			  
				<!-- Уменьшенное изображение товара -->
				<div class="goodsDataMainImagesIcon left">
				  <a href="{goods.images.LARGE}"  target="_blank" title="{goods.images.NAME}"><img class="cornerAll withBorder" rel="{goods.images.MEDIUM}" src="{goods.images.ICON}" alt="{goods.images.NAME}" /></a>
	
				  <!-- Идентификатор изображения товара, используется для галереи изображений -->
				  <input type="hidden" rel="{goods.ID}" />
				</div>
				
				<!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
				</div>{% ENDIF %}
			  {% ENDFOR %}
			{% ENDIF %}
					</td>
				  </tr>
				</table>
				
				<h3 class="goodsListItemName"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{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("3","</tr><tr>","")}{% ENDIF %}
		  {% ENDFOR goods %}
		</tr>
	  </table>
	<!-- /Список товаров. Таблица -->

в файле main.js

После

// Увеличение изображение при клике на него и открытие галереи изображений
  $('.goodsDataMainImage a, .goodsDataMainImageZoom a').click(function(){
		
		// Идентификатор главной картинки
	var goodsImageId = $('.goodsDataMainImage input').attr("rel"),
		
		// Маленькое изображение, по которому на самом деле будем кликать
		goodsImageIconElement = $('.goodsDataMainImagesIcon input[rel="'+goodsImageId+'"]').parent().find('a');

	// Для иконки изображения запустим галерею  
	goodsImageIconElement.nyroModalManual();
	return false;
  });

добавить

// Увеличение изображение при клике на него и открытие галереи изображений
  $('.imagem a').click(function(){
		
		// Идентификатор главной картинки
	var goodsImageId = $(this).closest('.goodsListBlock').find('.imagem input').attr("rel"),
		
		// Маленькое изображение, по которому на самом деле будем кликать
		goodsImageIconElement = $('.goodsListBlock').find('.goodsDataMainImagesIcon input[rel="'+goodsImageId+'"]').parent().find('a');

	// Для иконки изображения запустим галерею 

	// Для иконки изображения запустим галерею 
	if(goodsImageIconElement.length >  0)  {
	  goodsImageIconElement.nyroModalManual({
		gallery: false
	  });
	  return false;
	}
  });

[Romashkino]

помогите, пожалуйста, реализовать следующее: в каталоге (список) сделала так, чтобы при клике увеличивалась картинка, теперь нужно сделать так, чтобы показывались сразу все картинки, которые есть у данного товара (как в карточке товара когда просмотр, то в окне есть стрелки, указывающие на другие фото). можно ли это сделать?

[Vaccina]

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

[Romashkino]

Vaccina (31 Август 2012 - 00:35) писал:

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

спасибо.. очень понятный ответ  

[Kalina]

День добрый!
Очень хочу поставить себе на сайт такую опцию, но не знаю как это сделать правильно. Вы пишете, что нужно заменить стандартный блок товара , но у меня там прописан зум. чтоб не напортачить.
Подскажите , куда надо вставить код чтоб не напортачить? Шаблон Мокко.

<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/...}/">Главная</a> &gt; <a href="{CATALOG_URL}" >Каталог товаров</a>
  {% FOR upper_navigation %}
    {% IF upper_navigation.CURRENT %} &gt; <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ELSEIF upper_navigation.CURRENT_PARENT %} &gt; <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %}
  {% ENDFOR %}
  &gt; <strong>{GOODS_NAME}</strong>
</p>

<table class="goodsHeader">
  <tr>
    <td>
  <h1>{GOODS_NAME}</h1>
    </td>
    <td>
  <!-- Артикул, если указан -->
  <div class="goodsDataMainModificationArtNumber" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none;"{% ENDIF %}>
  Артикул: <span>{GOODS_MOD_ART_NUMBER}</span>
  </div>
    </td>
  </tr>
</table>


<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 href="{GOODS_IMAGE_LARGE}" class="cloud-zoom" id='zoom1' target="_blank" title="Увеличить {GOODS_NAME}" rel="tint: '#E0EEE0', tintOpacity: 0.7, position: 'right', adjustX: 98/*перемещение вправо на 98*/, adjustY: 100,zoomWidth:458/*ширина окна увеличенного изображения*/, zoomHeight:340/*длина окна увеличенного изображения*/">
<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="useZoom: 'zoom1'" class="cloud-zoom-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">
    <table>

  <!-- Блок с данными товара при выбранных параметрах. Берутся из модификаций товара -->
  <tr>
    <td class="goodsDataMainModificationDataBlock">
  <!-- По этому значению производится заказ товара -->
  <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
  
  <!-- Цена сейчас -->
  <span class="goodsDataMainModificationPriceNow" title="Цена сейчас">
{GOODS_MOD_PRICE_NOW | money_format}
  </span>
  
  <!-- Старая цена. -->
  <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>
  <a href="https://http://www.r...otarifrus.aspx" class="twitter-share-button" data-text="Почта России" data-via="DomovenokMoy" data-lang="ru">Почта России</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  
  <div class="fb-like" data-href="http://&#x434;&#x43e;&#x43c;&#x43e;&#x432;&#x435;&#x43d;&#x43e;&#x43a;.com/" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>
   </td>
    <td class="goodsDataFormSubmitButton">
  
  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
    <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
    {% IFNOT SETTINGS_COMPARE_DISABLE %}
  <div style="padding-bottom:1em;">
    <input type="button" class="button goodsDataCompareButton add"  rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
    <input type="button" class="button goodsDataCompareButton delete" rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" value="Убрать из сравнения" title="Убрать товарную модификацию из списка сравнения с другими товарами" style="{% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
  </div>
    {% ENDIF %}
  {% ENDIF %}

  <input type="submit" value="Купить" style="width:200px;" />
    </td>
  </tr>
  
  <!-- Блок информации по акции действующей на товар, если таковая есть -->
  {% IF GOODS_MOD_MAX_DISCOUNT_ID %}
    <tr>
  <td class="goodsDataMainDiscountBlock" colspan="2">
    <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>
  
  <!-- Блок описания вариантов доставки -->
  <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>
  
  </tr>
    </thead>
    <tbody class="num">
  {% FOR rules %}
    <tr>
  
    </tr>
  {% ENDFOR %}
  <tr>
    
  </tr>
    </tbody>
  </table>
    </div>
  {% ENDIF %}
    </div>
  {% ENDFOR %}
    </td>
  </tr>
    </table>
  </div>
    </td>
  </tr>
    </table>
  </div>
</form>

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

<!-- Короткое SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_SHORT %}
  <div style="padding-top:1em;">{GOODS_SEO_DESCRIPTION_SHORT}</div>
{% ENDIF %}
<!-- END Короткое SEO-описание -->

<!-- Полное SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_LARGE %}
  <div style="padding-top:1em;" class="htmlDataBlock">
    {GOODS_SEO_DESCRIPTION_LARGE}
  </div>
{% ENDIF %}
<!-- END Полное SEO-описание -->

<!-- Блок характеристик товара. Показываем его если указаны характеристики -->
{% 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 Блок характеристик товара. Показываем его если указаны характеристики -->

<!-- Сопутствующие товары -->
{% IFNOT related_goods_empty %}
<h3>Сопутствующие товары</h3>
<table>
  <tr>
  {% FOR related_goods %}
    <td class="goodsListItem">  
  <div class="goodsListItemBlock withBorder cornerAll">
     <div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-small" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div>
     <h3 class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>
     <div class="goodsListItemPriceNew">
         <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
            </div>  
            <div class="goodsListItemPriceOld">
        {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
    <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
  {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
    <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
  {% ENDIF %}
     </div>
  </div>
    </td>
      {% IFNOT related_goods.last %}{related_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
  {% ENDFOR goods %}
  </tr>
</table><br /><br />
{% ENDIF %}
<!-- END Сопутствующие товары -->

<!-- Если в тарифном плане подключен модуль отзывов о товаре -->
{% IF TARIFF_FEATURE_GOODS_OPINION %}
  <!-- Если не выключен модуль отзывов о товаре -->
  {% IFNOT SETTINGS_OPINION_DISABLE %}

    <h3>Отзывы о {GOODS_NAME}</h3>

    <!-- Если отзывов по товару вообще нет, ни положительных ни отрицательных -->
    {% IF opinion_list_empty_without_filter %}
  <div class="goodsDataOpinionMessage empty">Отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a></div>
    
    <!-- Если по товару есть хотя бы один отзыв -->
    {% ELSE %}
  <table>
    <!-- Верхняя навигация (Фильтры и страницы) -->
    <thead>
  <tr class="goodsDataOpinionListNavigateTop">
    <td>
  <!-- Среднее значение по результатам всех отзывов об этом товаре -->
  {% IF GOODS_OPINION_RATING_VALUE_ROUND %}
    <img src="{FORALL_IMAGES_PATH}stars/{GOODS_OPINION_RATING_VALUE_ROUND}.gif" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" class="valignMiddle" style="padding-right:1em;" />
  {% ELSE %}
    <img src="{FORALL_IMAGES_PATH}stars/10.gif" alt="Рейтинг не определён" class="valignMiddle" style="padding-right:1em;" />
  {% ENDIF %}

  <!-- Фильтры отзывов -->
  <span class="goodsDataOpinionAverageInfo">
    {% IF GOODS_OPINION_GENERALLY_IS_GOOD=-1 %}
  Все ({GOODS_OPINION_RATING_CNT_ALL}) |
    {% ELSE %}
  <a href="{GOODS_OPINION_ALL_URL}">Все ({GOODS_OPINION_RATING_CNT_ALL})</a> |
    {% ENDIF %}

    {% IF GOODS_OPINION_GENERALLY_IS_GOOD=1 %}
  Положительные ({GOODS_OPINION_RATING_CNT_GOOD}) |
    {% ELSE %}
  <a href="{GOODS_OPINION_GOOD_URL}">Положительные ({GOODS_OPINION_RATING_CNT_GOOD})</a> |
    {% ENDIF %}

    {% IF GOODS_OPINION_GENERALLY_IS_GOOD=0 %}
  Отрицательные ({GOODS_OPINION_RATING_CNT_BAD}) |
    {% ELSE %}
  <a href="{GOODS_OPINION_BAD_URL}">Отрицательные ({GOODS_OPINION_RATING_CNT_BAD})</a> |
    {% ENDIF %}
    
    <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm AddNewOpinionLinkAfterList">Оставить отзыв</a>
  </span>
    </td>
    <td>
  <!-- Страницы отзывов -->
  {% IF opinion_show_pages %}
    <div class="square_pages">
  <span>Страницы: </span>
    {% FOR opinion_pages_list %}
  {% IF opinion_pages_list.CURRENT %}
    <b>{opinion_pages_list.PAGE}</b>
  {% ELSE %}
    <a href="{GOODS_OPINION_PAGINATE_URL}&page={opinion_pages_list.PAGE}">{opinion_pages_list.PAGE}</a>
  {% ENDIF %}
    {% ENDFOR %}
    </div>
  {% ENDIF %}
    </td>
  </tr>
    </thead>
    <!-- END Верхняя навигация (Фильтры и страницы) -->
    
    <!-- Если отзывов по товару не было с учетом фильтра по настроению отзыва -->
    {% IF opinion_list_empty %}
  <tbody>
    <tr>
  <td colspan="2">
    <div class="goodsDataOpinionMessage empty">
  {% IF GOODS_OPINION_GENERALLY_IS_GOOD=1 %}
    Положительных
  {% ELSEIF GOODS_OPINION_GENERALLY_IS_GOOD=0 %}
    Отрицательных
  {% ENDIF %}
  отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a>
    </div>
  </td>
    </tr>
  </tbody>
  
    <!-- Если отзывы по товару уже есть, покажем их список -->
    {% ELSE %}
  <!-- Список отзывов о товарах -->
  <tbody>
    <tr>
  <td colspan="2">
    <table class="goodsDataOpinionListTable">
  <tbody>
  {% FOR opinion_list %}
    <tr class="{% IF opinion_list.GENERALLY_IS_GOOD %}good{% ELSE %}bad{% ENDIF %}">
  <td class="ceil1">
    <span class="goodsDataOpinionListTableClient {% IF opinion_list.CLIENT_ID %}auth{% ENDIF %}">{opinion_list.NAME}</span>
    <span class="goodsDataOpinionListTableDate">{opinion_list.DATE}</span>
    
    {% IF opinion_list.DELETE_URL %}
  <a href="{opinion_list.DELETE_URL}">Удалить</a>
    {% ENDIF %}
  </td>
  <td class="ceil2">
    {% IF opinion_list.TITLE %}<strong class="valignMiddle">{opinion_list.TITLE}</strong>{% ENDIF %}
    {% IF opinion_list.RATING %}<img class="valignMiddle" src="{FORALL_IMAGES_PATH}stars/{opinion_list.RATING}.gif"  alt="{opinion_list.RATING}"/>{% ENDIF %}<br />
    
    {% IF opinion_list.ACCOMPLISHMENTS %}<strong>Достоинства:</strong> {opinion_list.ACCOMPLISHMENTS | nl2br}<br />{% ENDIF %}
    {% IF opinion_list.LIMITATIONS %}<strong>Недостатки:</strong> {opinion_list.LIMITATIONS | nl2br}<br />{% ENDIF %}
    {% IF opinion_list.COMMENT %}<strong>Комментарий:</strong> {opinion_list.COMMENT | nl2br}<br />{% ENDIF %}
    {% IF opinion_list.ANSWER %}
  <div class="goodsDataOpinionListTableAnswer">
    {opinion_list.ANSWER | nl2br}<br />
  </div>
    {% ENDIF %}
  </td>
    </tr>
  {% ENDFOR %}
  </tbody>
    </table>
  </td>
    </tr>
  </tbody>
  <!-- END Список отзывов о товаре -->
  
  <!-- Нижняя навигация (страницы) -->
  <tfoot>
    <tr class="goodsDataOpinionListNavigateBottom">
  <td colspan="2">
    <!-- Страницы отзывов -->
    {% IF opinion_show_pages %}
  <div class="square_pages">
    <span>Страницы: </span>
  {% FOR opinion_pages_list %}
    {% IF opinion_pages_list.CURRENT %}
  <b>{opinion_pages_list.PAGE}</b>
    {% ELSE %}
  <a href="{GOODS_OPINION_PAGINATE_URL}&page={opinion_pages_list.PAGE}">{opinion_pages_list.PAGE}</a>
    {% ENDIF %}
  {% ENDFOR %}
  </div>
    {% ENDIF %}
  </td>
    </tr>
  </tfoot>
  <!-- END Нижняя навигация (страницы) -->
    {% ENDIF %}
  </table>
    {% ENDIF %}
    <!-- END Если по товару есть хотя бы один отзыв -->

    <!-- Форма добавления нового отзыва о товаре -->
    <form action="{CURRENT_URL}" method="post" class="goodsDataOpinionAddForm">
  <div id="goodsDataOpinionAdd">
  
    {% IF FORM_NOTICE %}
  <h3 class="{% IF FORM_NOTICE_IS_GOOD %}green{% ELSE %}red{% ENDIF %}">{FORM_NOTICE}</h3>
    {% ENDIF %}
  
    <div id="goodsDataOpinionAddBlock" {% IFNOT FORM_GOODS_ID %}style="display:none"{% ENDIF%}>
    
  <input type="hidden" name="hash" value="{HASH}" />
  <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_FROM}]" value="{GOODS_FROM}" />
  <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_ID}]" value="{GOODS_ID}" />
    
  <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
  {ANTISPAM_CODE}

  <h3>Новый отзыв о &laquo;{GOODS_NAME}&raquo;</h3>

  <table class="goodsDataOpinionAddTable">
    {% IF TARIFF_FEATURE_CLIENT_ROOM %}
  {% IFNOT CLIENT_IS_LOGIN %}
    <thead>
  <tr>
    <td colspan="2">
  <div class="goodsDataOpinionMessage auth">Ваши знания будут оценены посетителями сайта, если Вы <a href="{USER_LOGIN_URL}">авторизируетесь</a> перед написанием отзыва.</div>
    </td>
  </tr>
    </thead>  
  {% ENDIF %}
    {% ENDIF %}
  
    <!-- Тело таблицы. Форма добавления отзыва о товаре -->
    <tbody>
  
  {% IFNOT CLIENT_IS_LOGIN %}
  <tr>
    <td><label for="goods_opinion_name" class="required">Ваше имя</label></td>
    <td><input id="goods_opinion_name" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME}]"  value="{FORM_GOODS_OPINION_NAME}" maxlength="255" class="required cornerAll"/></td>
  </tr>
  {% ENDIF %}
  <tr>
    <td><label for="goods_opinion_title">Заголовок</label></td>
    <td><input id="goods_opinion_title" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_TITLE}]" value="{FORM_GOODS_OPINION_TITLE}" maxlength="255" class="cornerAll" /></td>
  </tr>
  <tr>
    <td class="valignTop"><label>Оценка товара</label></td>
    <td>
  <div class="goodsDataOpinionTableRating">
    <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_RATING=1 %}checked="checked"{% ENDIF %} title="Ужасный" />
    <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="2" {% IF FORM_GOODS_OPINION_RATING=2 %}checked="checked"{% ENDIF %} title="Очень плохой"/>
    <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="3" {% IF FORM_GOODS_OPINION_RATING=3 %}checked="checked"{% ENDIF %} title="Плохой"/>
    <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="4" {% IF FORM_GOODS_OPINION_RATING=4 %}checked="checked"{% ENDIF %} title="ниже среднего"/>
    <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="5" {% IF FORM_GOODS_OPINION_RATING=5 %}checked="checked"{% ENDIF %} title="Средний"/>
    <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="6" {% IF FORM_GOODS_OPINION_RATING=6 %}checked="checked"{% ENDIF %} title="Выше среднего"/>
    <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="7" {% IF FORM_GOODS_OPINION_RATING=7 %}checked="checked"{% ENDIF %} title="Хороший"/>
    <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="8" {% IF FORM_GOODS_OPINION_RATING=8 %}checked="checked"{% ENDIF %} title="Очень хороший"/>
    <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="9" {% IF FORM_GOODS_OPINION_RATING=9 %}checked="checked"{% ENDIF %} title="Отличный"/>
    <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="10" {% IF FORM_GOODS_OPINION_RATING=10 %}checked="checked"{% ENDIF %} title="Превосходный"/>
  </div>
  <span class="goodsDataOpinionMsg"></span>
    </td>
  </tr>
  <tr>
    <td><label for="goods_opinion_accomplishments">Достоинства</label></td>
    <td><textarea id="goods_opinion_accomplishments" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_ACCOMPLISHMENTS}]" cols="100" rows="7" class="cornerAll">{FORM_GOODS_OPINION_ACCOMPLISHMENTS}</textarea></td>
  </tr>
  <tr>
    <td><label for="goods_opinion_limitations">Недостатки</label></td>
    <td><textarea id="goods_opinion_limitations" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_LIMITATIONS}]" cols="100" rows="7" class="cornerAll">{FORM_GOODS_OPINION_LIMITATIONS}</textarea></td>
  </tr>
  <tr>
    <td><label for="goods_opinion_comment" class="required">Комментарий</label></td>
    <td><textarea id="goods_opinion_comment" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_COMMENT}]" cols="100" rows="7" class="required cornerAll">{FORM_GOODS_OPINION_COMMENT}</textarea></td>
  </tr>
  <tr>
    <td><label for="goods_opinion_generally_is_good1">В целом Ваш отзыв</label></td>
    <td>
  <div class="generally">
    <input id="goods_opinion_generally_is_good1" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=1 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good1">Положительный</label>
    <input id="goods_opinion_generally_is_good0" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="0" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=0 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good0">Отрицательный</label>
  </div>
    </td>
  </tr>
  {% IF USE_CAPTCHA %}
  <tr>
    <td><label for="opinion_captcha_string" class="required" title="Введите код с картинки">Введите код</label></td>
    <td class="goodsDataOpinionCaptcha">
    <table>
  <tr>
    <td rowspan="2"><img src="{CAPTCHA_URL}" class="goodsDataOpinionCaptchaImg" alt="Код" title="Проверочный код, который нужно ввести в соседнее поле" /></td>
    <td><img src="{FORALL_IMAGES_PATH}icon/refresh/1.gif" rel="{FORALL_IMAGES_PATH}" alt="Обновить" title="Обновить" class="goodsDataOpinionCaptchaRefresh" /></td>
  </tr>
  <tr>
    <td><input id="opinion_captcha_string" name="form[{ANTISPAM_FORM_FIELD_NAME_CAPTCHA_STRING}]" class="required captcha cornerAll" value="{FORM_}" /></td>
  </tr>
    </table>
    </td>
  </tr>
  {% ENDIF %}
  
    </tbody>
    
    <!-- Низ таблицы. Кнопка отправки формы -->
    <tfoot>
  <tr>
    <td></td>
    <td><input type="submit" value="Добавить отзыв" /> <input type="reset" class="button" value="Отменить" /> </td>
  </tr>
    </tfoot>
    
  </table>
  
    
    </div>
  </div>
    </form>
    
    <!-- Дабы добавляющий увидел результат добавления изменим хэш -->
    {% IF FORM_GOODS_ID %}<script type="text/javascript">document.location.hash="goodsDataOpinionAdd"</script>{% ENDIF %}
  {% ENDIF %}
  <!-- END Если не выключен модуль отзывов о товаре -->
{% ENDIF %}
<!-- END  Если в тарифном плане подключен модуль отзывов о товаре -->

[Koderhan]

атрибут rel имеется ввиду в файле "Товары" чтобы поставить указать скрипту из mian.js какую картинку открыть сейчас, скрипт прочитает атрибут rel и отркроет окно увеличения именно для этой картинки.
Для шаблона мокко достаточно будет изменить файл main.js как описала Vaccina, затем в файле товары прописать rel у изображения товара.

rel="{goods.images.MEDIUM}"

И еще тег.

<input type="hidden" rel="{goods.ID}" />

[Kalina]

В main.js все добавила, а в Товаре нужно добавить
rel="{goods.images.MEDIUM}"
<input type="hidden" rel="{goods.ID}" />

здесь?

<!-- Идентификатор изображения товара, используется для галереи изображений -->
    <input type="hidden" rel="{GOODS_IMAGE_ID}" />
  </div>

тут значение rel  поменять и вставить тег?

[Koderhan]

Kalina (14 Январь 2013 - 23:38) писал:

В main.js все добавила, а в Товаре нужно добавить
rel="{goods.images.MEDIUM}"
<input type="hidden" rel="{goods.ID}" />

здесь?

<!-- Идентификатор изображения товара, используется для галереи изображений -->
<input type="hidden" rel="{GOODS_IMAGE_ID}" />
  </div>

тут значение rel  поменять и вставить тег?

Тег rel меняется в шаблоне "Товары"

[Kalina]

Я не поняла как этот rel  прописывать, объясните пожалуйста. Там значения какие то должны быть или просто вставлять

rel="{goods.images.MEDIUM}"
<input type="hidden" rel="{goods.ID}" />

вот тут вставлять или где?
<!-- Идентификатор изображения товара, используется для галереи изображений -->
    <input type="hidden" rel="{goods_images.ID}" />
  </div>

[Koderhan]

У изображения товара добавить новый

rel="{goods.images.MEDIUM}"

Затем после этого тега вставить тег:

<input type="hidden" rel="{goods.ID}" />

[Kalina]

<!-- Идентификатор изображения товара, используется для галереи изображений -->
    <input type="hidden" rel="{GOODS_IMAGE_ID}" />
    rel="{goods.images.MEDIUM}"
    <input type="hidden" rel="{goods.ID}" />
  </div>

Так?

[Vaccina]

Вам необходимо rel="{goods.images.MEDIUM}" добавить к изображению товара, а именно тегу <img> изображения товара.

[Kalina]

такой тег нашелся только в уменьшенном изображении товара
<img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>

то есть мне нужно сделать так
<img rel="{goods.images.MEDIUM}"

я вообще запуталась

[Vaccina]

У вас в шаблоне "Товары" есть тег изображения вида

<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}" />

[Kalina]

Я нашла такой тег в разделе сопутствующие товары, а дальше что делать, можно расписать, я правда не понимаю куда rel="{goods.images.MEDIUM}"   вставлять нужно, уж простите за бестолковость.

<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}" />
Помогите мне пожалуйста.

[Vaccina]

Цитата

Я нашла такой тег в разделе сопутствующие товары

Как я понимаю вы перепутали шаблон. Данный код находиться в шаблоне "Товар", а вам необходимо искать тег изображения в шаблоне "Товары".

После изменения - изображение должно выглядеть так

<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}" rel="{goods.images.MEDIUM}" />

[Kalina]

Ой, точно перепутала))) не в тот шаблон вошла.
Нашла строку, изменила, а фотографии в каталоге все равно не увеличиваются. Только в карточке товара.
Наверное, я опять что то не так сделала

[Vaccina]

Попробуйте сделать следующее - в шаблоне "Товары" найдите

<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>

и замените на

<a href="{goods.IMAGE_LARGE}" rel="gallery{goods.ID}" onclick="$(this).nyroModalManual();return(false);"><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>

[Kalina]

Ура!!! Спасибо , все получилось))))) Все открывается))))