Доброе утро.Помогите с лупой,шаблон Франт.Аккаунт SL-529065
3
Эффект Лупы
Автор destorrr, 22 марта 2015 23:09
Сообщений в теме: 29
#22
Vaccina
-
- Модераторы
-
- 24 369 сообщений
Активный участник
Отправлено 01 Сентябрь 2021 - 06:28
Здравствуйте.
Уточните пожалуйста, в этом случае увеличение при клике необходимо убрать?
Уточните пожалуйста, в этом случае увеличение при клике необходимо убрать?
#23
status321
-
- Пользователи
-
- 507 сообщений
Активный участник
Отправлено 01 Сентябрь 2021 - 07:07
Доброе утро.Нужен код для шаблона Франт.Увеличение при наведении но основное фото.
#24
Vaccina
-
- Модераторы
-
- 24 369 сообщений
Активный участник
Отправлено 01 Сентябрь 2021 - 07:44
Здравствуйте.
В раздел Сайт - Редактор шаблонов загрузите файлы и подключите их согласно инструкции в шаблоне HTML:
https://forum.storel..._20#entry212112
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
замените на:
В раздел Сайт - Редактор шаблонов загрузите файлы и подключите их согласно инструкции в шаблоне HTML:
https://forum.storel..._20#entry212112
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<div class="general-img">
<a href="{GOODS_IMAGE_LARGE}" data-id="{GOODS_IMAGE_ID}" title="Увеличить {GOODS_NAME}" id="zoomImage">
<img src="{% IF GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-medium.png{%ELSE%}{GOODS_IMAGE_MEDIUM}{% ENDIF %}" title="{GOODS_NAME}" alt="{GOODS_NAME}" class="" itemprop="image"/>
замените на:
<div class="general-img">
<a itemprop="image" class="cloud-zoom " id="zoom1" rel="position: 'inside', showTitle: false, adjustX:-4, adjustY:-4" style="position: relative; display: block;" href="{GOODS_IMAGE_LARGE}" data-id="{GOODS_IMAGE_ID}" title="Увеличить {GOODS_NAME}" id="zoomImage">
<img src="{% IF GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-medium.png{%ELSE%}{GOODS_IMAGE_MEDIUM}{% ENDIF %}" title="{GOODS_NAME}" alt="{GOODS_NAME}" style="display: block;" class=".goods-image-medium" itemprop="image"/>
#25
status321
-
- Пользователи
-
- 507 сообщений
Активный участник
Отправлено 01 Сентябрь 2021 - 08:24
Не работает.
#26
status321
-
- Пользователи
-
- 507 сообщений
Активный участник
Отправлено 01 Сентябрь 2021 - 08:46
У шаблона Франт вот такой код
<div class="general-img">
<a href="{GOODS_IMAGE_LARGE}" data-id="{GOODS_IMAGE_ID}" title="Увеличить {GOODS_NAME}" id="zoomImage">
<img src="{% IF GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-medium.png{%ELSE%}{GOODS_IMAGE_MEDIUM}{% ENDIF %}" title="{GOODS_NAME}" alt="{GOODS_NAME}" class="" itemprop="image"/>
<div class="general-img">
<a href="{GOODS_IMAGE_LARGE}" data-id="{GOODS_IMAGE_ID}" title="Увеличить {GOODS_NAME}" id="zoomImage">
<img src="{% IF GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-medium.png{%ELSE%}{GOODS_IMAGE_MEDIUM}{% ENDIF %}" title="{GOODS_NAME}" alt="{GOODS_NAME}" class="" itemprop="image"/>
#27
Vaccina
-
- Модераторы
-
- 24 369 сообщений
Активный участник
Отправлено 01 Сентябрь 2021 - 08:46
В начале у вас должен быть открывающий тег <head>, зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
далее найдите:
замените на:
<!DOCTYPE html>
<html lang="ru">
<script id="ISDEKscript" type="text/javascript" src="https://widget.cdek.ru/widget/widjet.js"></script>
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}cloud-zoom.css">
<script type="text/javascript" src="{ASSETS_JS_PATH}cloud-zoom.1.0.2.js"></script>
</head>
замените на:
<!DOCTYPE html> <html lang="ru"> <head>
далее найдите:
</head>
<body>
<div class="wrapper {% IF index_page %}index{% ENDIF %} {% IF MOD_LNAME = cart%}_cart-page{% ENDIF %} nojs">
замените на:
<script id="ISDEKscript" type="text/javascript" src="https://widget.cdek.ru/widget/widjet.js"></script>
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}cloud-zoom.css">
<script type="text/javascript" src="{ASSETS_JS_PATH}cloud-zoom.1.0.2.js"></script>
</head>
<body>
<div class="wrapper {% IF index_page %}index{% ENDIF %} {% IF MOD_LNAME = cart%}_cart-page{% ENDIF %} nojs">
#28
status321
-
- Пользователи
-
- 507 сообщений
Активный участник
Отправлено 01 Сентябрь 2021 - 08:57
Не работает
#29
Ирина345
-
- Модераторы
-
- 5 709 сообщений
Активный участник
Отправлено 01 Сентябрь 2021 - 10:56
status321 (01 Сентябрь 2021 - 08:57) писал:
Не работает
Выполните новую инструкцию для установки нового плагина.
В конец файла forall,js скопируйте содержимое файла jquery.elevatezoom.txt
Далее найдите в шаблоне Товар код
<img src="{% IF GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-medium.png{%ELSE%}{GOODS_IMAGE_MEDIUM}{% ENDIF %}" title="{GOODS_NAME}" alt="{GOODS_NAME}" class="" itemprop="image"/>
замените на
<img src="{% IF GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-medium.png{%ELSE%}{GOODS_IMAGE_MEDIUM}{% ENDIF %}" data-zoom-image="{GOODS_IMAGE_LARGE}" title="{GOODS_NAME}" alt="{GOODS_NAME}" class="" itemprop="image"/>
далее найдите в файле goodsPage.js код
// Скрипты для карточки товара
function goodsPage() {
после вставьте код
$("#zoomImage img").elevateZoom();
Прикрепленные файлы
-
jquery.elevatezoom.txt 57,49К
27 Количество загрузок:
#30
status321
-
- Пользователи
-
- 507 сообщений
Активный участник
Отправлено 01 Сентябрь 2021 - 16:27
Спасибо
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
