unicum (11 Сентябрь 2014 - 18:27) писал:
SL-307663
,то на данном шаблоне уже присутствует данная функция.Отправлено 11 Сентябрь 2014 - 18:31
unicum (11 Сентябрь 2014 - 18:27) писал:
SL-307663
,то на данном шаблоне уже присутствует данная функция.Отправлено 30 Октябрь 2014 - 22:51
Отправлено 31 Октябрь 2014 - 02:37
.cloud-zoom-big { border: 4px solid #ccc; overflow: hidden; }и добавьте ширину с необходимым параметром, например:
.cloud-zoom-big { border: 4px solid #ccc; overflow: hidden; width: 300px !important; }
Отправлено 05 Февраль 2015 - 22:19
Отправлено 06 Февраль 2015 - 03:39
.cloud-zoom-big { border: 4px solid #ccc; overflow: hidden; }попробуйте заменить на:
.cloud-zoom-big { border: 4px solid #ccc; overflow: hidden; z-index: 99; left: 43px !important; }
Отправлено 06 Февраль 2015 - 05:52
Vaccina (06 Февраль 2015 - 03:39) писал:
.cloud-zoom-big { border: 4px solid #ccc; overflow: hidden; }попробуйте заменить на:
.cloud-zoom-big { border: 4px solid #ccc; overflow: hidden; z-index: 99; left: 43px !important; }
Отправлено 06 Февраль 2015 - 06:31
Отправлено 07 Февраль 2015 - 02:10
.new { line-height: 22px; border-top: 56px solid #c10841; border-right: 56px solid transparent; display: block; height: 0; position: absolute; width: 0; z-index: 1; }замените на:
.new { line-height: 22px; border-top: 56px solid #c10841; border-right: 56px solid transparent; display: block; height: 0; position: absolute; width: 0; z-index: 99; }
<div id="wrap" style="top:0px;z-index:800;position:relative;">замените значение z-index на 90
Отправлено 10 Февраль 2015 - 06:44
.cloud-zoom-big { left: 0 !important; overflow: hidden; z-index: 99; }замените на:
.cloud-zoom-big { overflow: hidden; z-index: 99; left: 20% !important; position: absolute !important; }
Отправлено 23 Сентябрь 2015 - 21:30
Koderhan (19 Ноябрь 2012 - 10:44) писал:
<!-- Подключение Js плагина --> <script type="text/javascript" src="{ASSETS_JS_PATH}cloud-zoom.1.0.2.js"></script> <!-- Подключение css файла плагина --> <link rel="stylesheet" href="{ASSETS_STYLES_PATH}cloud-zoom.css" type="text/css" />Плагин подключен и доступен для остальных файлов.
<a href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>Заменить на:
<a href="{GOODS_IMAGE_LARGE}" class="cloud-zoom" id='zoom1' target="_blank" title="Увеличить {GOODS_NAME}" rel="position: 'right', adjustX: 8, adjustY: 0, zoomWidth:250"> <img class="cornerAll withBorder goods-image-medium " src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}"/> </a>
<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>Заменить на:
<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>
<div class="imagem"><a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><img class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a></div>Заменить:
<div class="imagem"> <a href="{goods.IMAGE_LARGE}" class="cloud-zoom" id='zoom1' rel="zoomImage: '{goods.IMAGE_SMALL}', position: 'right', adjustX: 8, adjustY: 20, zoomWidth:250"> <img title="Перейти на страницу «{goods.NAME}»" class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /> </a> </div>Для "Таблица".
<a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>Заменить:
<a href="{goods.IMAGE_LARGE}" class="cloud-zoom" id='zoom1' rel="zoomImage: '{goods.IMAGE_SMALL}', position: 'right', adjustX: 8, adjustY: 20, zoomWidth:250" title="Перейти на страницу «{goods.NAME}»"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>На этом все.
<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>Заменить:
<a itemprop="image" class="cloud-zoom" id='zoom1' rel="position: 'right', adjustX: 8, adjustY: 0, zoomWidth:250" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>
<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>Заменить:
<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>
Отправлено 24 Сентябрь 2015 - 01:48
Отправлено 18 Февраль 2016 - 12:14
Koderhan (19 Ноябрь 2012 - 10:44) писал:
<!-- Подключение Js плагина --> <script type="text/javascript" src="{ASSETS_JS_PATH}cloud-zoom.1.0.2.js"></script> <!-- Подключение css файла плагина --> <link rel="stylesheet" href="{ASSETS_STYLES_PATH}cloud-zoom.css" type="text/css" />Плагин подключен и доступен для остальных файлов.
<a href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>Заменить на:
<a href="{GOODS_IMAGE_LARGE}" class="cloud-zoom" id='zoom1' target="_blank" title="Увеличить {GOODS_NAME}" rel="position: 'right', adjustX: 8, adjustY: 0, zoomWidth:250"> <img class="cornerAll withBorder goods-image-medium " src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}"/> </a>
<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>Заменить на:
<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>
<div class="imagem"><a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><img class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a></div>Заменить:
<div class="imagem"> <a href="{goods.IMAGE_LARGE}" class="cloud-zoom" id='zoom1' rel="zoomImage: '{goods.IMAGE_SMALL}', position: 'right', adjustX: 8, adjustY: 20, zoomWidth:250"> <img title="Перейти на страницу «{goods.NAME}»" class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /> </a> </div>Для "Таблица".
<a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>Заменить:
<a href="{goods.IMAGE_LARGE}" class="cloud-zoom" id='zoom1' rel="zoomImage: '{goods.IMAGE_SMALL}', position: 'right', adjustX: 8, adjustY: 20, zoomWidth:250" title="Перейти на страницу «{goods.NAME}»"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>На этом все.
<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>Заменить:
<a itemprop="image" class="cloud-zoom" id='zoom1' rel="position: 'right', adjustX: 8, adjustY: 0, zoomWidth:250" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>
<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>Заменить:
<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>
Отправлено 18 Февраль 2016 - 12:34
luckmann92 (18 Февраль 2016 - 12:14) писал:
<a itemprop="image" href="{GOODS_IMAGE_OTHER}" title="{GOODS_NAME}"> <img src='{GOODS_IMAGE_LARGE}' class="goods-image-other"/> </a>
<a itemprop="image" href="{GOODS_IMAGE_OTHER}" title="{GOODS_NAME}" class="cloud-zoom" id='zoom1' rel="position: 'right', adjustX: 8, adjustY: 0, zoomWidth:250"> <img src='{GOODS_IMAGE_LARGE}' class="goods-image-other"/> </a>
Отправлено 19 Февраль 2016 - 09:13
MikDark (18 Февраль 2016 - 12:34) писал:
<a itemprop="image" href="{GOODS_IMAGE_OTHER}" title="{GOODS_NAME}"> <img src='{GOODS_IMAGE_LARGE}' class="goods-image-other"/> </a>
<a itemprop="image" href="{GOODS_IMAGE_OTHER}" title="{GOODS_NAME}" class="cloud-zoom" id='zoom1' rel="position: 'right', adjustX: 8, adjustY: 0, zoomWidth:250"> <img src='{GOODS_IMAGE_LARGE}' class="goods-image-other"/> </a>
Отправлено 26 Февраль 2018 - 17:10
Цитата
0 пользователей, 0 гостей, 0 анонимных