Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

2

Увеличение Изображения Товара (Лупа)

Автор Firefly, 04 окт. 2016 11:01

Изображение товара Zoom

Вперед

Авторизуйтесь для ответа в теме

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

#1 Firefly

Активный участник

Модераторы
3 810 сообщений

Отправлено 04 Октябрь 2016 - 11:01

Сайт разработчика

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, в самом начале добавьте код:

<!-- Инициализация плагина zoom без параметров настройки -->
<script>
$(document).ready(function(){
jQuery(function(){
	 if ($(window).width() > 980){
$(".zoom").imagezoomsl();
	 };
});
});
</script>

2.Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:

		 <a href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}">
			 <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" class="goods-image-medium" />
		 </a>

Замените на:

		 <a href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}">
			 <img class="zoom" src="{GOODS_IMAGE_MEDIUM}" data-large="{GOODS_IMAGE_LARGE}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" />
		 </a>

3. В шаблоне HTML найдите код:

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=azure"></script>

Замените на:

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=azure"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}zoomsl-3.0.min.js"></script>

А так же загрузите файл формата .js из архива в приложении.

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

zoomsl3.0.min.zip 13,61К 129 Количество загрузок:

Наверх

#2 magiya1984

Активный участник

Пользователи
439 сообщений

ГородМосква

Отправлено 05 Октябрь 2016 - 00:09

Привет. Подскажите для шаблона рассвет есть инструкция. Попробовал самостоятельно вылазит js ошибка Аккаунт SL-386399

Наверх

#3 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 05 Октябрь 2016 - 04:39

Загрузите пожалуйста файлы из архива в раздел Редактор шаблонов, чтобы можно было протестировать и проконсультировать вас.

Наверх

#4 magiya1984

Активный участник

Пользователи
439 сообщений

ГородМосква

Отправлено 05 Октябрь 2016 - 09:49

загрузил

Наверх

#5 Firefly

Активный участник

Модераторы
3 810 сообщений

Отправлено 05 Октябрь 2016 - 10:25

magiya1984 (05 Октябрь 2016 - 00:09) писал:

Привет. Подскажите для шаблона рассвет есть инструкция. Попробовал самостоятельно вылазит js ошибка Аккаунт SL-386399

Здравствуйте.
Изменения для Вашего шаблона (Рассвет) аналогичны, единственное, что отличается - 2 пункт:
В шаблоне Товар код:

	 <div class="general-img">
	 <a href="{GOODS_IMAGE_LARGE}" id="zoom1" title="Увеличить {GOODS_NAME}">
		 <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" class="goods-image-medium" itemprop="image"/>

Необходимо заменить на:

	 <div class="general-img">
	 <a href="{GOODS_IMAGE_LARGE}" id="zoom1" title="Увеличить {GOODS_NAME}">
		 <img class="zoom goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" data-large="{GOODS_IMAGE_LARGE}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" itemprop="image"/>

Изменения Вам уже произвел. Сейчас все работает.

Наверх

#6 magiya1984

Активный участник

Пользователи
439 сообщений

ГородМосква

Отправлено 05 Октябрь 2016 - 10:33

да спасибо большое крутяк

Наверх

#7 DevidINA

Продвинутый пользователь

Пользователи
88 сообщений

Отправлено 17 Январь 2018 - 16:41

Firefly (05 Октябрь 2016 - 10:25) писал:

Здравствуйте.
Изменения для Вашего шаблона (Рассвет) аналогичны, единственное, что отличается - 2 пункт:
В шаблоне Товар код:

	 <div class="general-img">
	 <a href="{GOODS_IMAGE_LARGE}" id="zoom1" title="Увеличить {GOODS_NAME}">
		 <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" class="goods-image-medium" itemprop="image"/>

Необходимо заменить на:

	 <div class="general-img">
	 <a href="{GOODS_IMAGE_LARGE}" id="zoom1" title="Увеличить {GOODS_NAME}">
		 <img class="zoom goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" data-large="{GOODS_IMAGE_LARGE}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" itemprop="image"/>

Изменения Вам уже произвел. Сейчас все работает.

Здравствуйте. К сожалению у меня такая проблема. Когда я меняю фото товара на главной, выбирая её, показывает увеличение главной фотографии. Как можно исправить этот момент ?

Прикрепленные изображения

Наверх

#8 DevidINA

Продвинутый пользователь

Пользователи
88 сообщений

Отправлено 18 Январь 2018 - 18:04

ап

Наверх

#9 DevidINA

Продвинутый пользователь

Пользователи
88 сообщений

Отправлено 18 Январь 2018 - 19:04

ап

Наверх

#10 DevidINA

Продвинутый пользователь

Пользователи
88 сообщений

Отправлено 19 Январь 2018 - 10:33

ап

Наверх

#11 Firefly

Активный участник

Модераторы
3 810 сообщений

Отправлено 19 Январь 2018 - 12:38

DevidINA (17 Январь 2018 - 16:41) писал:

Здравствуйте. К сожалению у меня такая проблема. Когда я меняю фото товара на главной, выбирая её, показывает увеличение главной фотографии. Как можно исправить этот момент ?

Здравствуйте.
В шаблоне main.js код:

				$('.general-img').find('img').attr('src', url);

Заменил на:

				$('.general-img').find('img').attr('src', url).attr('data-large', url);

Теперь все работает корректно

Наверх

#12 DevidINA

Продвинутый пользователь

Пользователи
88 сообщений

Отправлено 19 Январь 2018 - 13:59

Firefly (19 Январь 2018 - 12:38) писал:

Здравствуйте.
В шаблоне main.js код:

			 $('.general-img').find('img').attr('src', url);

Заменил на:

			 $('.general-img').find('img').attr('src', url).attr('data-large', url);

Теперь все работает корректно

К сожалению нет. Я пока ждал ответа, поставил другой зум и в нем все так и осталось
вот тема https://forum.storel...ий/page__st__20
посмотрите пожалуйста, как исправить

Наверх

#13 DevidINA

Продвинутый пользователь

Пользователи
88 сообщений

Отправлено 19 Январь 2018 - 21:59

Вопрос закрыт!

Наверх

#14 status321

Активный участник

Пользователи
497 сообщений

Отправлено 25 Июль 2019 - 17:34

Firefly (04 Октябрь 2016 - 11:01) писал:

Сайт разработчика

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, в самом начале добавьте код:

<!-- Инициализация плагина zoom без параметров настройки -->
<script>
$(document).ready(function(){
jQuery(function(){
	 if ($(window).width() > 980){
$(".zoom").imagezoomsl();
	 };
});
});
</script>

2.Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:

		 <a href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}">
			 <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" class="goods-image-medium" />
		 </a>

Замените на:

		 <a href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}">
			 <img class="zoom" src="{GOODS_IMAGE_MEDIUM}" data-large="{GOODS_IMAGE_LARGE}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" />
		 </a>

3. В шаблоне HTML найдите код:

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=azure"></script>

Замените на:

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=azure"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}zoomsl-3.0.min.js"></script>

А так же загрузите файл формата .js из архива в приложении.

Здорово.Спасибо

Наверх

#15 status321

Активный участник

Пользователи
497 сообщений

Отправлено 27 Май 2020 - 10:22

Доброе утро,перепробовал все инструкции лупа работает но получаются два фото одно над другим.Как это исправить? Шаблон Ночь. Аккаунт SL-505915

Наверх

#16 status321

Активный участник

Пользователи
497 сообщений

Отправлено 28 Май 2020 - 16:31

Разобрался.

Наверх

#17 status321

Активный участник

Пользователи
497 сообщений

Отправлено 24 Май 2021 - 05:14

Доброе утро,перепробовал все инструкции лупа работает, но получаются два фото одно над другим.Как это исправить? Шаблон Ночь. Аккаунт SL-529065. Фото прикрепил.

Прикрепленные изображения

Наверх

#18 Ирина345

Активный участник

Модераторы
5 709 сообщений

Отправлено 24 Май 2021 - 07:54

status321 (24 Май 2021 - 05:14) писал:

Доброе утро,перепробовал все инструкции лупа работает, но получаются два фото одно над другим.Как это исправить? Шаблон Ночь. Аккаунт SL-529065. Фото прикрепил.

Здравствуйте, найдите в шаблоне Товар код

</div>
			<img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" class="goods-image-medium" itemprop="image"/>
		  </a>
		{% ENDIF %}

замените на

</div>
				 </a>
		{% ENDIF %}

Наверх

#19 status321

Активный участник

Пользователи
497 сообщений

Отправлено 24 Май 2021 - 08:24

Спасибо

Наверх

#20 status321

Активный участник

Пользователи
497 сообщений

Отправлено 12 Октябрь 2021 - 11:09

Доброе утро.В шаблоне Техно не работает,выдает ошибку.Нужна помощь

Наверх

Вперед

Обратно в Страница товара

Темы с аналогичным тегами Изображение товара, Zoom

	Вопросы работы сервиса StoreLand → Дизайн → Шаблон Лотос → Каталог товаров → Проблема С Большим Изображением В Internet Explorer Автор Гость_ser300774_* , 12 марта 2019 Каталог товаров и 1 еще...		0 Ответов 1 244 Просмотров	ser300774 12 марта 2019
	Вопросы работы сервиса StoreLand → Дизайн → Шаблон Город → Изменение общей стилистики → Zооm В Отдельном Окошке Автор Гость_John_* , 15 апр. 2016 zoom, лупа, увеличить картинку		Популярная тема 10 Ответов 2 443 Просмотров	John 15 апр. 2016

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

Увеличение Изображения Товара (Лупа)

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

Прикрепленные изображения

Прикрепленные изображения

Темы с аналогичным тегами Изображение товара, Zoom

Количество пользователей, читающих эту тему: 0

Войти

Google поиск