Koderhan (26 Декабрь 2013 - 17:59) писал:
Перед внесением изменений лучше создать резервную копию шаблона.
ScreenShot 1040.png
В файле "Товар" изменить код изображений:
<div id="thumbs_list"> <ul id="thumbs_list_frame" style="width: 100000px;"> {% ENDIF %} <li> <a href="{goods_images.LARGE}" title="{goods_images.NAME}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' "> <img src="{goods_images.ICON}" alt="{goods_images.NAME}" /> </a> </li> {% IF goods_images.last %} </ul> </div>На код:
<div id="thumbs_list"> <ul id="thumbs_list_frame" style="width: 100000px;"> {% ENDIF %} <li> <a href="{goods_images.LARGE}" title="{goods_images.NAME}" class="pict_gallery" rel="group" target="_blank"> <img src="{goods_images.ICON}" alt="{goods_images.NAME}" rel="{goods_images.MEDIUM}" /> </a> <!-- Идентификатор изображения товара, используется для галереи изображений --> <input type="hidden" rel="{goods_images.ID}" /> </li> {% IF goods_images.last %} </ul> </div>
Код:
<!-- Большое изображение --> <div class="image"> <div id="wrap" style="top:0px;z-index:9999;position:relative;background: #fff;margin: 0 auto;text-align: center;"> {% IF GOODS_IMAGE_EMPTY %} <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/> {% ELSE %} <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" class="cloud-zoom" id="zoom1" rel="position: 'inside', zoomPosition: '3', showTitle: false, adjustX:-4, adjustY:-4"> <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image"> </a> {% ENDIF %} </div> </div>Заменить:
<!-- Большое изображение --> <div class="image"> <div id="wrap" > {% IF GOODS_IMAGE_EMPTY %} <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/> {% ELSE %} <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" class="fullimg" target="_blank"> <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image"> </a> <!-- Идентификатор изображения товара, используется для галереи изображений --> <input type="hidden" rel="{GOODS_IMAGE_ID}" /> {% ENDIF %} </div> </div>
В конец файла "main.js" добавить код:
И в файле "forall.js".
Удалить код плагина "Cloud Zoom".
Все сделала, фото товара открывается в том же окне на весь экран. Но не никакой кнопочки, чтобы закрыть изображение. Может я что-то не так сделала? Аккаунт SL-313392