demon408 (19 Октябрь 2016 - 13:01) писал:
Спасибо. Ну и последнее, возвращаясь к моему сообщению
http://forum.storela..._60#entry250393
Выровнять то можно, но остальные два пункта не решены:
- не закрывается без перезагрузки страницы
- при открывании и перелистывании основных изображений они как бы дублируются на заднем фоне
Ну или можно просто вовсе убрать возможность увеличения изображений модификаций, чтобы по клику на изображение ничего не происходило.
Здравствуйте, найдите в файле main.css
// Описание модификации товара. Покажем если оно есть, спрячем если его у модификации нет
if(modificationDescription.length > 0) {
goodsModDescriptionBlock.show().html('<a href="' + modificationDescription + '" class="cloud-zoom" id="zoom1" onclick="$(this).nyroModalManual(); return(false);" ><img src="' + modificationDescription + '" style="max-width:460px;max-height:460px;"/></a><input type="hidden" value="" />');
} else {
goodsModDescriptionBlock.hide().html();
}
замените на
// Описание модификации товара. Покажем если оно есть, спрячем если его у модификации нет
if(modificationDescription.length > 0) {
goodsModDescriptionBlock.show().html('<img src="' + modificationDescription + '" style="max-width:205px;max-height:460px;"/>');
} else {
goodsModDescriptionBlock.hide().html();
}
далее найдите в шаблоне Товар код
<!-- Большое изображение -->
{% IF GOODS_MOD_DESCRIPTION %}
<div class="goodsDataMainImage goodsDataMainModificationsDescriptionBlock">
<a href="{GOODS_MOD_DESCRIPTION}">
<img src="{GOODS_MOD_DESCRIPTION}" style="display:none;"/>
</a>
<!-- Идентификатор изображения товара, используется для галереи изображений -->
<input type="hidden" value="{GOODS_IMAGE_ID}" />
{%ELSE%}{% ENDIF %}
{% IFNOT GOODS_MOD_DESCRIPTION %}
<div class="goodsDataMainImage">
{%ELSE%}{% ENDIF %}
{% 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' title="" rel="position: 'inside', adjustX: -3, adjustY: -3, zoomWidth:455, zoomHeight:455,">
<img class="goods-image-medium " src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}"/>
</a>
замените на
<!-- Большое изображение -->
<input type="hidden" value="{GOODS_IMAGE_ID}" />
<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' title="" rel="position: 'inside', adjustX: -3, adjustY: -3, zoomWidth:455, zoomHeight:455,">
<img class="goods-image-medium " src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}"/>
</a>
далее найдите
<!-- Блок описания модификации -->
<!--<tr>
<td class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
<div class="htmlDataBlock">
<img src="{GOODS_MOD_DESCRIPTION}" style="width:460px;"/>
</div>
</td>
</tr>-->
замените на
<!-- Блок описания модификации -->
<tr>
<td class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
<div class="htmlDataBlock">
<img src="{GOODS_MOD_DESCRIPTION}" style="max-width:205px;max-height:460px;"/>
</div>
</td>
</tr>