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

[miyako]

L_ysh14 (29 Апрель 2013 - 12:01) писал:

Нет извините не так. Строку Новинка поставить в верхнем левом углу, можно сделать?

У вас код сейчас выглядит так:

<<div style="position:absolute;right:0;color:green;font-size:16px;font-weight:bold;">Новинка</div>

Вам нужно удалить лишнюю "<"
А также прописать свойство top:0;
То есть в итоге должно получиться так:

<div style="position:absolute;right:0;color:green;font-size:16px;font-weight:bold;top: 0;">Новинка</div>

[L_ysh14]

спасибо получилось

[L_ysh14]

Не подскажите а как можно сделать чтобы картинку с товаром можно просматривать под увеличительным стеклом или она называется лупой?

[miyako]

L_ysh14 (29 Апрель 2013 - 13:01) писал:

Не подскажите а как можно сделать чтобы картинку с товаром можно просматривать под увеличительным стеклом или она называется лупой?

Может быть вам подойдет такое решение - http://forum.storela...едении-курсора/

[L_ysh14]

Да вполне, но как это сделать с моим интернет магазином?

[miyako]

L_ysh14 (29 Апрель 2013 - 13:18) писал:

Да вполне, но как это сделать с моим интернет магазином?

В теме есть инструкция - http://forum.storela...ора/#entry32048

[L_ysh14]

Я её читала и ничего не поняла, а если я вам переведу деньги на счет, вы мне поможете эту лупу сделать?

И кстати я всё это по интсрукции делала, мучилась но результата 0, видимо мозгов не хватает))

[Koderhan]

L_ysh14 (29 Апрель 2013 - 13:37) писал:

Я её читала и ничего не поняла, а если я вам переведу деньги на счет, вы мне поможете эту лупу сделать?

И кстати я всё это по интсрукции делала, мучилась но результата 0, видимо мозгов не хватает))

Вот тут добавил в сообщение инструкцию и для шаблона Мокко. http://forum.storela...ора/#entry32048

[L_ysh14]

Всё что ниже написано, я всё это сделала, а результата 0, как быть?

Скрытый текст

Здравствуйте. Рассмотрим установку плагина который описан здесь http://jquerylist.ru...cloud-zoom.html
Первое что нужно это скачать архив с css и js кодом себе на компьютер и распаковать в любую папку.
Затем переходим Сайт-> Редактор тем.
Загружаем на сайт файлы.

Нажимаем кнопку "Добавить файлы"
Нам нужно два файла "cloud-zoom.1.0.2.js" и "cloud-zoom.css"

Жмем сохранить.
Теперь нужно подключить эти файлы к сайту. Делается это в файле HTML.
Откроем его для редактирования и вставим код перед </head>.
<!-- Подключение 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>

[Koderhan]

L_ysh14 (29 Апрель 2013 - 14:39) писал:

Всё что ниже написано, я всё это сделала, а результата 0, как быть?

Скрытый текст

Здравствуйте. Рассмотрим установку плагина который описан здесь http://jquerylist.ru...cloud-zoom.html
Первое что нужно это скачать архив с css и js кодом себе на компьютер и распаковать в любую папку.
Затем переходим Сайт-> Редактор тем.
Загружаем на сайт файлы.

Нажимаем кнопку "Добавить файлы"
Нам нужно два файла "cloud-zoom.1.0.2.js" и "cloud-zoom.css"

Жмем сохранить.
Теперь нужно подключить эти файлы к сайту. Делается это в файле HTML.
Откроем его для редактирования и вставим код перед </head>.
<!-- Подключение 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>

Вам так же нужно будет выполнить инструкцию из этой части.
Загрузить файлы скрипта на сайт. И вставить код подключения скриптов до тега </head>.
Код:

<!-- Подключение 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" />

[L_ysh14]

Я всё сделала по инструкции что выше описана, и ни каких результатов. Есть еще мысли?

[Koderhan]

L_ysh14 (29 Апрель 2013 - 17:27) писал:

Я всё сделала по инструкции что выше описана, и ни каких результатов. Есть еще мысли?

Нужно загрузить скрипты себе на компьютер, распаковать архив и загрузить все файлы из архива на сайт в Сайт -> Редактор тем.

Затем подключаем эти скрипты в файле "HTML" с помошью кода:

<!-- Подключение 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" />

Который можно вставить до кода:
</head>

[L_ysh14]

Скрипты, загружены на компьютер, распакованы и загружены все файлы на сайт в Редактор тем, затем этот код  загрузила в шаблон HTML, что дальше?
<!-- Подключение 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" />

[mikola]

L_ysh14 (29 Апрель 2013 - 19:00) писал:

Скрипты, загружены на компьютер, распакованы и загружены все файлы на сайт в Редактор тем, затем этот код  загрузила в шаблон HTML, что дальше?
<!-- Подключение 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" />

в сайт -редактор тем-  в данной категории есть файлы ?
cloud-zoom.css ??
проверьте полное наличие установленных скриптов

[L_ysh14]

cloud-zoom 1.0.2. js и cloud-zoom 1.0.2. mir. Вы эти имели виду скрипты?

[mikola]

L_ysh14 (29 Апрель 2013 - 20:00) писал:

cloud-zoom 1.0.2. js и cloud-zoom 1.0.2. mir. Вы эти имели виду скрипты?

да

[L_ysh14]

Да, они есть в редакторе тем

[mikola]

L_ysh14 (29 Апрель 2013 - 20:05) писал:

Да, они есть в редакторе тем

хорошо тогда файл cloud-zoom.css присутствует?

[L_ysh14]

нет именно этого файла в редакторе тем нету, где его можно скачать?

[mikola]

L_ysh14 (29 Апрель 2013 - 20:19) писал:

нет именно этого файла в редакторе тем нету, где его можно скачать?

так где и брали cloud-zoom.css

Прикрепленные файлы

•  cloud-zoom.css   742байт   327 Количество загрузок: