Vaccina (19 Март 2013 - 07:57) писал:
<a href="ссылка на большое изображение" onclick="$(this).nyroModalManual();"> <img src="ссылка на Маленькое изображение" /> </a>
далее по сути останется переместить описание модификации
<!-- Блок описания модификации --> <tr> <td class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %} colspan="2"> {GOODS_MOD_DESCRIPTION} </td> </tr>
на место изображения товара
<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>
в итоге из следующего кода
<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 left"> <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 class="goodsDataMainImageBlock"> <!-- Большое изображение --> <div class="goodsDataMainImage goodsDataMainModificationsDescriptionBlock"> {% IF GOODS_MOD_DESCRIPTION %} {GOODS_MOD_DESCRIPTION | htmlspecialchars_decode} {%ELSE%} {% 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}" /> {% ENDIF %} </div> <!-- Ссылка на увеличение среднего изображения товара до большого. Появляется если у товара указано изображение --> {% IFNOT GOODS_MOD_DESCRIPTION %}{% IFNOT GOODS_IMAGE_EMPTY %} <div class="goodsDataMainImageZoom"> <a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a> </div> {% ENDIF %}{% ENDIF %} <!-- Другие изображения товара. Отображаются если есть изображения товара --> {% IFNOT GOODS_MOD_DESCRIPTION %}{% 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 left"> <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 %}{% ENDIF %} </td>