Эффект увеличения изображения zoom (плагин)

  • 135 Ответов
  • 15954 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Brooksus

  • *****
  • 616
  • [+]156 / [-]0
  • Ща спою...
Плагин использует zoom эффект увеличения изображения и основан на использовании скриптов с сайта http://zoomsl.tw1.ru/ и с сайта http://www.elevateweb.co.uk/

Возможности бесплатной версии плагина:

Можно использовать только в карточке товаров.

В настройках плагина можно выбрать один вид отображения увеличенного изображения - В отдельном окне;

Можно задать положение окна (слева или справа от основного изображения).

Возможности платной версии:

В настройках плагина можно выбрать один из трех видов отображения увеличенного изображения:

1. В отдельном окне;

2. В окне изображения (внутри окна);

3. Эффект увеличительного стекла (линза).

Сохранена кликабельность изображений, нет необходимости самостоятельно дописывать код и вмешиваться в ядро компонента.

Для вида в отдельном окне можно задать положение окна (слева или справа от основного изображения).

Добавлены дополнительные настройки:

1. возможность указания селектора для выбора изображения;
2. возможность указания начального, минимального и максимального увеличения;
3. возможность отключения для touchscreen устройств.

Установка:

Плагин устанавливается через установку JoomShopping (http://ваш_сайт/administrator/index.php?option=com_jshopping&controller=update)
Для работы с атрибутами товара необходимо добавить код initDataZoom(); в файл components/com_jshopping/js/function.js сразу после кода initJSlightBox(); (только для бесплатной версии плагина)


Пример работы:

1. В отдельном окне http://jshop.brooksite.ru/cars/saloon-e90.html
2. Внутри окна http://jshop.brooksite.ru/music-video/video.html
3. Линза http://jshop.brooksite.ru/water/water-25-l.html
4. В списке товаров http://jshop.brooksite.ru/water.html

Пример работы с атрибутами:
http://jshop.brooksite.ru/cars/saloon-e90.html
http://joomla3.brooksite.ru/tovary.html

Скачать плагин
« Последнее редактирование: 14.04.2016, 18:53:12 от Brooksus »
Или + или YM41001160794290, или WMR R189734255107, а лучше все сразу и много.

Проверил, все супер !

Огромное спасибо !  +

*

brat_ii

ув. ТС а какие-то изменения в product_default.php вносите?

*

Brooksus

  • *****
  • 616
  • [+]156 / [-]0
  • Ща спою...
ув. ТС а какие-то изменения в product_default.php вносите?
Может ТС и вносит, а я нет :)
Или + или YM41001160794290, или WMR R189734255107, а лучше все сразу и много.

*

brat_ii

ТС - ТопикСтартер (человек, создавший тему на форуме)
если обидел сорри)))
ну а каким образом происходит инициализация плагина? а то я установил, включил плагин в менеджере плагинов и настроил его там, а эфекта 0.

*

Satool

ну а каким образом происходит инициализация плагина? а то я установил, включил плагин в менеджере плагинов и настроил его там, а эфекта 0.
Вы через что ставили?
устанавливается, через JoomShopping

*

brat_ii

естественно через ЖШ(JoomShopping)

*

Satool

Проверил, все работает ^-^ +1
« Последнее редактирование: 02.12.2013, 19:56:35 от Satool »

*

Brooksus

  • *****
  • 616
  • [+]156 / [-]0
  • Ща спою...
ТС - ТопикСтартер (человек, создавший тему на форуме)
если обидел сорри)))
ну а каким образом происходит инициализация плагина? а то я установил, включил плагин в менеджере плагинов и настроил его там, а эфекта 0.
Забыл указать, что я тестировал с версией JoomShopping не ниже 3.14.2. А изображения (маленькие) должны находиться  в классах установленных в шаблонах по умолчанию, т.е. image_middle и иметь id=main_image_#. Ну, и естественно не должно быть кучи загрузок jQuery.
Если у вас шаблон какой-нибудь от ICE, то работоспособность не гарантируется ;)
Или + или YM41001160794290, или WMR R189734255107, а лучше все сразу и много.

*

Biss

Класно.  :D Удобно для тех кто не знает что и куда вставлять, править шаблон. Захотел прикрутить фишку к ИМ поставил включил и все дела.

*

brat_ii

установил на другой сайт - да, все работает отлично! действительно, просто на первом сайте шаблон изменён, потому не работал на первом...

*

Brooksus

  • *****
  • 616
  • [+]156 / [-]0
  • Ща спою...
« Последнее редактирование: 04.12.2013, 04:49:09 от Brooksus »
Или + или YM41001160794290, или WMR R189734255107, а лучше все сразу и много.

*

vadikgr

Ребятки,  скажите пожалуйста как сделать на странице товара, такой эффект  как в 3 примере тут http://zoomsl.tw1.ru/example/
куда вставлять код?
« Последнее редактирование: 04.12.2013, 16:12:36 от vadikgr »

*

vadikgr

А где обновление скачать? поставил отсюда - http://brooksite.ru/help/joomla/95-jquery-zoom-plagin-dlya-joomshopping.html
через joomshoping но эффект тот же остался IE виснет и в остальных браузерах проц грузится сильно.Может я что не то сделал?
« Последнее редактирование: 05.12.2013, 12:51:39 от vadikgr »

*

Brooksus

  • *****
  • 616
  • [+]156 / [-]0
  • Ща спою...
А где обновление скачать? поставил отсюда - http://brooksite.ru/help/joomla/95-jquery-zoom-plagin-dlya-joomshopping.html
через joomshoping но эффект тот же остался IE виснет и в остальных браузерах проц грузится сильно.Может я что не то сделал?
Смотря когда качали. Модуль был обновлен 05.12.2013 в 1 час 30 минут ночи :)
Или + или YM41001160794290, или WMR R189734255107, а лучше все сразу и много.

*

vadikgr

Смотря когда качали. Модуль был обновлен 05.12.2013 в 1 час 30 минут ночи :)
Только что скачал) Установил через Joomshoping этот файл-joomshopping_jqzoom.zip.но даже в опции Дополнения показывает версию 1.0.0.Где я туплю а?)
« Последнее редактирование: 05.12.2013, 13:00:14 от vadikgr »

*

Brooksus

  • *****
  • 616
  • [+]156 / [-]0
  • Ща спою...
Только что скачал) Установил через Joomshoping этот файл-joomshopping_jqzoom.zip.но даже в опции Дополнения показывает версию 1.0.0.Где я туплю а?)
В XML файле  какая версия?
Кэш браузера очистите.
« Последнее редактирование: 05.12.2013, 13:17:03 от Brooksus »
Или + или YM41001160794290, или WMR R189734255107, а лучше все сразу и много.

*

vadikgr

В XML файле  какая версия?
В папке /plugins/jshoppingproducts/jqzoom/jqzoom.xml написано версия 2.0.0.но тогда не понимаю, что может быть?

*

antoxa7

Добрый день. А в JoomShopping 4.4.0 работать будет?

*

vadikgr

Странно но сейчас  IE не виснет, но в диспетчере задач по прежнему показывает нагрузку на проц  50-80% когда провожу мышкой по картинке.так и должно быть?

*

vadikgr

Добрый день. А в JoomShopping 4.4.0 работать будет?
у меня работает )правда проц нагружает не пойму почему

*

Brooksus

  • *****
  • 616
  • [+]156 / [-]0
  • Ща спою...
В папке /plugins/jshoppingproducts/jqzoom/jqzoom.xml написано версия 2.0.0.но тогда не понимаю, что может быть?
Кэш почистите.
Эта страница не тормозит? http://jshop.brooksite.ru/cars/saloon-e90.html
Или + или YM41001160794290, или WMR R189734255107, а лучше все сразу и много.

*

antoxa7

У меня в XML так:

<extension version="1.0"

*

vadikgr

Кэш почистите.
Эта страница не тормозит? http://jshop.brooksite.ru/cars/saloon-e90.html
Кэш почистил.Нет страница не тормозит но нагрузка на проц (опять таки )осталась, когда мышкой водишь по изображению

P.S.в XML правильно?
<?xml version="1.0" encoding="utf-8"?>
<extension version="1.0" type="plugin" method="upgrade" group="jshoppingproducts">
   <name>JoomShopping - Jquery Image Zoom</name>
   <author>Brooksus</author>
   <creationDate>December, 2013</creationDate>
   <copyright>Copyright by Brooksite.ru. All rights reserved.</copyright>
   <license>http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL + http://zoomsl.tw1.ru/license/</license>
   <authorEmail>brooksus@yandex.ru</authorEmail>
   <authorUrl>http://brooksite.ru/</authorUrl>
    <version>2.0.0</version>

*

Brooksus

  • *****
  • 616
  • [+]156 / [-]0
  • Ща спою...
Кэш почистил.Нет страница не тормозит но нагрузка на проц (опять таки )осталась, когда мышкой водишь по изображению
Так естественно, а как иначе, вычисления же идут
Или + или YM41001160794290, или WMR R189734255107, а лучше все сразу и много.

*

Brooksus

  • *****
  • 616
  • [+]156 / [-]0
  • Ща спою...
У меня в XML так:

<extension version="1.0"
Вот эта строка <version>2.0.0</version>
Или + или YM41001160794290, или WMR R189734255107, а лучше все сразу и много.

*

antoxa7

Установил.

Addon JoomShopping - Jquery Image Zoom    1.0.0 (3.15.x)

И не появляется увеличилка (( JoomShopping 4.4.0

может от шаблона зависит?
« Последнее редактирование: 05.12.2013, 13:32:11 от antoxa7 »

*

vadikgr

Так естественно, а как иначе, вычисления же идут
ага если так и должно быть то ладно)вроде не мешает пока)спасибо за труды и скорое исправление бага!)где плюсик ставить не вижу..?!Бруксус скажи пожалуйста а как мне сделать как в примере №3 как тут http://zoomsl.tw1.ru/example/
куда вставлять код?что бы расширить окно где увеличенная картинка появляется...

*

vadikgr

Установил.

Addon JoomShopping - Jquery Image Zoom    1.0.0 (3.15.x)И не появляется увеличилка (( JoomShopping 4.4.0


Сделай как тут на первой странице Дембен описал куда коды вставлять.http://joomlaforum.ru/index.php/topic,262485.0.html


*

Brooksus

  • *****
  • 616
  • [+]156 / [-]0
  • Ща спою...
как мне сделать как в примере №3 как тут http://zoomsl.tw1.ru/example/
куда вставлять код?что бы расширить окно где увеличенная картинка появляется...
Зайти в настройки плагина и изменить размер окна
Или + или YM41001160794290, или WMR R189734255107, а лучше все сразу и много.