Addon JoomShopping Несколько изображений
Joomla 3 Joomla 4Аддон JoomShopping Несколько изображений — это аддон, который позволяет отображать несколько сменяющихся изображений каждого товара в списке товаров компонента JoomShopping. Аддон имеет возможность смены изображений при наведении или в автоматическом режиме.
Аддон JoomShopping Несколько изображений предлагает перечень настроек для отображения и эффектов смены изображений товаров. Аддон работает как в списке товаров самого компонента JoomShopping, так и в его отдельных модулях отображения списков товаров.
Аддон устанавливается из раздела «Компоненты» — «JoomShopping» — «Установка и обновление».
- Имеет несколько вариантов отображения, все настройки доступны из административной панели;
- Не требует правок кода и не изменяет ядро системы;
- Отсутствуют копирайты и вшитые скрытые ссылки;
- Аддон абсолютно бесплатен, благодаря пожертвованиям пользователей, проявившим интерес к дополнению.
Модуль тестировался на следующих версиях компонентов и модулей:
- Joomla 4.2.9
- Joomla 3.9.11
- JoomShopping 5.1.2
- JoomShopping 4.18.3
- JoomShopping модуль Top rating 4.0.4
- JoomShopping модуль Bestseller 4.0.3
- JoomShopping модуль product labels 4.0.4
- JoomShopping модуль Latest products 4.1.5
- JoomShopping модуль top hits 4.0.4
0.1.1: (23.03.2023)
— Добавлена поддержка Joomla 4 + JoomShopping 5
0.0.6: (08.10.2021)
— Удалена привязка к домену, а также открыт исходный код. Теперь аддон бесплатный.
0.0.3: (25.08.2019)
— Добавлена возможность отключить аддон без его удаления;
— Добавлена возможность изменить метод смены изображений: при наведении, стрелки, пагинация, автоматически;
— Добавлена возможность изменить стиль смены изображений: затухание, сдвиг;
— Добавлена возможность изменить задержку перед сменой изображений.
0.0.1: (23.08.2019)
— Добавлена возможность задать количество выводимых изображений для каждого товара;
— Добавлена возможность задать высоту изображения.
- Параметр «Метод смены»: Стрелки + Пагинация; Стрелки + Пагинация + Авто;
- Возможность задать скорость анимации смены изображений;
- Поддержка swipe на мобильных устройствах.
В: Есть ли привязка к домену?
О: Нет. Аддон бесплатный и может устанавливаться на любое количество доменов.
В: Будет ли аддон работать с JoomShopping 3?
О: Нет.
В: Есть ли в планах разработка аддона для JoomShopping 3?
О: Нет.
В: Не получается установить аддон, что я делаю не так?
О: Аддон устанавливается из раздела «Компоненты» — «JoomShopping» — «Установка и обновление». Если и в этом случае не устанавливается, напишите о проблеме на почту info@blog-about.ru
В: Где находятся настройки аддона?
О: Настройки аддона доступны из раздела «Компоненты» — «JoomShopping» — «Опции» — «Расширения», справа от аддона «JoomShopping addon — More Photos in Products List» нажмите кнопку в поле «Конфигурация».
В: Слишком долгая анимация смены изображений, как исправить?
О: Откройте файл /plugins/jshoppingproducts/ba_more_photos_products_list/ba_more_photos_products_list.js и везде, где встретите значение 500 (3 раза) смените на своё в секундах. 500 в данном случае означает анимацию в полсекунды.
В: Будет ли работать аддон с кастомным шаблоном JoomShopping?
О: Работа аддона с кастомизированным шаблоном JoomShopping не гарантируется. Всё зависит от степени его кастомизации.
В: Аддон установился нормально, настройки произведены, но результата никакого, где проблема?
О: Если у Вас переопределен шаблон JoomShopping в Вашем шаблоне Joomla, то откройте файл /templates/ВАШШАБЛОН/html/com_jshopping/list_products/product.php Если у Вас стандартный шаблон JoomShooping или он переопределен согласно рекоммендациям JoomShopping, то откройте файл /components/com_jshopping/templates/ВАШШАБЛОН/list_products/product.php
В файле найдите блок вывода изображения, внутри этого блока обязательно должна быть строка print $product->_tmp_var_image_block; в противном случае аддон срабатывать не будет.
- Для корректной работы модуля на сайте должна быть подключена библиотека jQuery;
- Для работы модуля необходима версия PHP не ниже 5.6;
- Может не работать с плагинами вывода зависимых атрибутов в списке товаров (не проверялось);
- Не работает совместно с аддоном JShopping Color Pallete
Комментарий getPatchProductImage($val->image_name, 'thumb') относился именно к формату изображения, т.е. миниатюра, среднее или полное...
Что касательно сохранения пропорций. Дело в том, что одно фото заменяет другое (накладывается), поэтому каждое фото выводится через position: absolute, в результате чего основной блок теряет ширину и высоту, и именно поэтому в настройках аддона требуется указывать высоту.
Как вариант, можно в файлах стилей /plugins/jshoppingproducts/ba_more_photos_products_list/ba_more_photos_products_list.css попробовать немного переоформить вывод блоков. Например:
Указать .jshop .ba_more_photos {height: auto !important;}
Для .jshop .ba_more_photos a img удалить имеющиеся стили и прописать так: {display: block; width: 100%; height: auto !important;}
Дополнительно добавить .jshop .ba_more_photos.style_fade .more_photos_image:nth-child {position: relative;}
Тут получится, что первое фото выводится обычным позиционированием, а все остальные накладываются поверх него на его ширину и высоту.
Соответственно в этом случае Вам останется только варьировать ширину блока товара, а картинка внутри будет подстраивать высоту блока автоматически по высоте картинки в зависимости от ширины.
Какой минус от этого - все картинки в товаре должны быть такого же размера, что и первое изображение, иначе последующие картинки будут обрезаться снизу (если больше чем первое), либо будет много пустого пространства (если меньше чем первое). К тому же если товары будут отличаться по размерам картинки, то список товаров будет выглядеть неровным.
Пример результата: https://joxi.ru/823v7EWT49GpYm
Вот из-за всего этого сейчас реализовано так, как реализовано.
Либо, Вы можете открыть файл /plugins/jshoppingproducts/ba_more_photos_products_list/ba_more_photos_products_list.php и в 86-ой строке в параметре метода getPatchProductImage($val->image_name, 'thumb') заменить 'thumb' на 'full' (если нужна большая картинка), либо просто '' (если хотите оригинал).