Addon JoomShopping Несколько изображений
Joomla 3 Joomla 4 Joomla 5Аддон JoomShopping Несколько изображений — это аддон, который позволяет отображать несколько сменяющихся изображений каждого товара в списке товаров компонента JoomShopping. Аддон имеет возможность смены изображений при наведении или в автоматическом режиме.
Аддон JoomShopping Несколько изображений предлагает перечень настроек для отображения и эффектов смены изображений товаров. Аддон работает как в списке товаров самого компонента JoomShopping, так и в его отдельных модулях отображения списков товаров.
Аддон устанавливается из раздела «Компоненты» — «JoomShopping» — «Установка и обновление».
- Имеет несколько вариантов отображения, все настройки доступны из административной панели;
- Не требует правок кода и не изменяет ядро системы;
- Отсутствуют копирайты и вшитые скрытые ссылки;
- Аддон абсолютно бесплатен, благодаря пожертвованиям пользователей, проявившим интерес к дополнению.
Модуль тестировался на следующих версиях компонентов и модулей:
- Joomla 5.1.1
- Joomla 4.2.9
- Joomla 3.9.11
- JoomShopping 5.4.2
- 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.4: (06.10.2024)
— Полностью переработан скрипт отображения карусели изображений, теперь используется библиотека Owl;
— Полностью переработаны настройки аддона, теперь можно выводить одновременно стрелки, пагинацию и вместе с этим делать автоматическую, ручную или прокрутку по наведению курсора;
— Добавлена возможность отображения стрелок и пагинации всегда или только при наведении;
— Добавлена возможность изменять скрость прокрутки изображений, а так же их задержку;
— Добавлена возможность выбирать тип (качество) изображений: миниатюра, среднее, полное;
— Добавлена возможность выбрать формат отображения: выравнивание по ширине/высоте, либо заполнение с обрезкой по высоте/ширине;
— Добавлена возможность помимо изображений выводить видео файлы.
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)
— Добавлена возможность задать количество выводимых изображений для каждого товара;
— Добавлена возможность задать высоту изображения.
- Идеи и предложения оставляйте в комментариях!
В: Есть ли привязка к домену?
О: Нет. Аддон бесплатный и может устанавливаться на любое количество доменов.
В: Будет ли аддон работать с JoomShopping 3?
О: Нет.
В: Есть ли в планах разработка аддона для JoomShopping 3?
О: Нет.
В: Не получается установить аддон, что я делаю не так?
О: Аддон устанавливается из раздела «Компоненты» — «JoomShopping» — «Установка и обновление». Если и в этом случае не устанавливается, напишите о проблеме на почту info@blog-about.ru
В: Где находятся настройки аддона?
О: Настройки аддона доступны из раздела «Компоненты» — «JoomShopping» — «Опции» — «Расширения», справа от аддона «JoomShopping addon — More Photos in Products List» нажмите кнопку в поле «Конфигурация».
В: Будет ли работать аддон с кастомным шаблоном 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
Возможность задать скорость анимации смены изображений;
Поддержка swipe на мобильных устройствах.
Хочу обратить внимание, что скрипты карусели были заменены на библиотеку Owl. Перед обновлением (установкой новой версии) рекомендую сделать резервную копию сайта. Надеюсь, обновление Вам понравится и удовлетворит Ваши пожелания.
Спасибо за проявленный интерес к аддону.
Другой вопрос - зачем? В чем смысл показывать видео размером 150-200px по ширине? К тому же автовоспроизведение запрещено в принципе, только если без звука. Мне кажется никому из посетителей сайта это не нужно будет, а лишнюю нагрузку будет давать.
рассматриваете вопрос доработок?
Насколько я знаю, в карточке товара если товару заданы изображения и видео, то они выводятся в одном блоке списком вместе, если при открытии стандартного лайтбокса (от JS) он не позволяет просматривать сразу и фото и видео, могу посоветовать подключить Fancybox, там добавив один атрибут на все ссылки, позволит Вам просматривать в одном лайтбоксе и фото и видео и любой другой контент, какой только захотите.
Возьму на заметку, в будущем может добавлю возможность дополнительно выводить видео.
В качестве доработок - заказы не беру, в основном всё делается по мере свободного времени, которым сейчас к сожалению не располагаю.
Так же в обновлении было добавлено Ваше пожелание, теперь аддон наряду с изображениями может выводить и видео файлы.
Из нереализованного - видео загружаются и воспроизводятся автоматически, а не в момент его отображения в слайде, остановка не производится. Поэтому, если у Вас на странице выводится много товаров и каждый из них имеет несколько видео файлов приличных размеров, то трафик будет расходоваться очень сильно.
Перед установкой обновления, рекомендуется сделать резервную копию.
Спасибо за проявленный интерес к аддону.
Смогу проверить только через полторы недели.
В принципе и без этого корректно всё работает и выбранный вариант очевиден.
Комментарий 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' (если нужна большая картинка), либо просто '' (если хотите оригинал).