Addon JoomShopping Несколько изображений

Joomla 3 Joomla 4 Joomla 5

Аддон JoomShopping Несколько изображений — это аддон, который позволяет отображать несколько сменяющихся изображений каждого товара в списке товаров компонента JoomShopping. Аддон имеет возможность смены изображений при наведении или в автоматическом режиме.

Аддон JoomShopping Несколько изображений предлагает перечень настроек для отображения и эффектов смены изображений товаров. Аддон работает как в списке товаров самого компонента JoomShopping, так и в его отдельных модулях отображения списков товаров.

Аддон устанавливается из раздела «Компоненты» — «JoomShopping» — «Установка и обновление».

Особенности модуля

  • Имеет несколько вариантов отображения, все настройки доступны из административной панели;
  • Не требует правок кода и не изменяет ядро системы;
  • Отсутствуют копирайты и вшитые скрытые ссылки;
  • Аддон абсолютно бесплатен, благодаря пожертвованиям пользователей, проявившим интерес к дополнению.

[свернуть]
Административная часть

Addon JShopping More Photos - Параметры

[свернуть]
Тестирование

Модуль тестировался на следующих версиях компонентов и модулей:

  • 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)
— Добавлена возможность задать количество выводимых изображений для каждого товара;
— Добавлена возможность задать высоту изображения.

[свернуть]
В будущих версиях

  • Идеи и предложения оставляйте в комментариях!

[свернуть]
F.A.Q.

В: Есть ли привязка к домену?
О: Нет. Аддон бесплатный и может устанавливаться на любое количество доменов.

В: Будет ли аддон работать с 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

[свернуть]

Вложения

Только Joomla 4+ и JoomShopping 5+
Только Joomla 4+ и JoomShopping 5+
Только Joomla 3+ и JoomShopping 4+

Комментарии

  • Оксана
    Здравствуйте, очень жду новую обновленную версию: Параметр «Метод смены»: Стрелки + Пагинация; Стрелки + Пагинация + Авто;
    Возможность задать скорость анимации смены изображений;
    Поддержка swipe на мобильных устройствах.
    • Blog About
      Добрый день. Доступна новая версия аддона 0.1.4. В ней реализованы все пожелания и идеи для будущих версий.
      Хочу обратить внимание, что скрипты карусели были заменены на библиотеку Owl. Перед обновлением (установкой новой версии) рекомендую сделать резервную копию сайта. Надеюсь, обновление Вам понравится и удовлетворит Ваши пожелания.
      Спасибо за проявленный интерес к аддону.
  • Рома
    А можно ли сделать чтобы видео так же показывалось в списке при наведении или вообще просто было среди фото?
    • Blog About
      Добрый день. Думаю да, вполне возможно, но это тогда изрядно придется переработать код аддона, для этого в файле ba_more_photos_products_list.php внутри каталога /plugins/jshoppingproducts/ba_more_photos_products_list/ наряду с выборкой изображений из таблицы _jshopping_products_images необходимо выбрать так же и видео из таблицы _jshopping_products_videos, так же к видео необходимо найти обложки, на случай если они были загружены. Потом написать разметку для каждого видео так же как и изображения и добавить в переменную $prod_images_content, при этом необходимо будет написать именно видеоплеер или подключить сторонний. Так же Вам придется написать обработку остановки видео, при переключении на следующий слайд и т.д. Не 5 минут делов и в двух словах всё не объяснить.
      Другой вопрос - зачем? В чем смысл показывать видео размером 150-200px по ширине? К тому же автовоспроизведение запрещено в принципе, только если без звука. Мне кажется никому из посетителей сайта это не нужно будет, а лишнюю нагрузку будет давать.
      • Рома
        а если с кнопкой увеличения видео, так же как и фото?
        рассматриваете вопрос доработок?
        • Рома
          или сделать просто переключение не в списке товаров так как это действительно будет нагрузка, а прямо в карточке товара. а то получается что клиент заходя на сайт видет кнопку с видео, нажимает на нее и ему открывается видео, а как вернуться ему на фото? вот было бы здорово если фото крутилось по стрелочкам вместе с видео . этого было бы достаточно. сейчас так много в каких магазинах реализовано. например, пролистал все фото, а дальше по стрелочки открывается видео в самом конце списка, и назад вернуться можно
          • Blog About
            Тут ничего не могу предложить, аддон работает исключительно в списке товаров и никак не затрагивает работу карточки. Поэтому тут либо вопрос к разработчикам JoomShopping, либо искать соответствующий плагин для этого.
            Насколько я знаю, в карточке товара если товару заданы изображения и видео, то они выводятся в одном блоке списком вместе, если при открытии стандартного лайтбокса (от JS) он не позволяет просматривать сразу и фото и видео, могу посоветовать подключить Fancybox, там добавив один атрибут на все ссылки, позволит Вам просматривать в одном лайтбоксе и фото и видео и любой другой контент, какой только захотите.
        • Blog About
          Открытие видео во всплывающем окне потребует еще и разработки/подключения модальных окон, что собственно уже выходит за рамки функционала самого аддона. Делать открытие на весь экран в виде встроенного в браузер плеера, это совсем не солидно, значит нужно еще подключать какой-нибудь плеер.
          Возьму на заметку, в будущем может добавлю возможность дополнительно выводить видео.
          В качестве доработок - заказы не беру, в основном всё делается по мере свободного времени, которым сейчас к сожалению не располагаю.
    • Blog About
      Добрый день. Доступна новая версия аддона 0.1.4. В ней реализованы все пожелания и идеи для будущих версий.
      Так же в обновлении было добавлено Ваше пожелание, теперь аддон наряду с изображениями может выводить и видео файлы.
      Из нереализованного - видео загружаются и воспроизводятся автоматически, а не в момент его отображения в слайде, остановка не производится. Поэтому, если у Вас на странице выводится много товаров и каждый из них имеет несколько видео файлов приличных размеров, то трафик будет расходоваться очень сильно.
      Перед установкой обновления, рекомендуется сделать резервную копию.
      Спасибо за проявленный интерес к аддону.
  • Рома
    Очень нужен такой на Joomla 5 + Joomshopping 5
    • Blog About
      Добрый день. Пробовали устанавливать версию 0.1.1? Она для JoomShopping 5. На Joomla 5 не тестировал, но по идеи должно работать.
      Смогу проверить только через полторы недели.
      • Роман
        Да, пробовал. По-этому и пишу. По-умолчанию даже все настраивал, все сбросил, даже шаблоны и темы, отключал аддоны. Сам Аддон устанавливается без проблем, но функцию не выполняет. Буду благодарен
      • Роман
        Заработало. Без некоторых настроек, но вполне пригодный вариант
        • Blog About
          Подскажите, какие конкретно настройки у Вас не работают? Протестировал версию аддона 0.1.1 на Joomla 5.1.1 + JoomShopping 5.4.2, всё работает отлично с любыми из настроек.
        • Blog About
          Единственную проблему, которую я нашел, это то что в селекторах выбора в настройках некорректно установлен цвет выбранного элемента. Но тут больше вопрос к разработчикам Joomla, почему они сделали цвет текста и цвет фона одинаковым... https://joxi.ru/E2ppPX3CXVGzp2
          В принципе и без этого корректно всё работает и выбранный вариант очевиден.
  • Борис
    Здравствуйте! Спасибо за интересное решение, давно такое искал. Но все же можно как-то отрегулировать пропорциональность в изменении размера картинки при изменении размера экрана.Если установить высоту приемлимую для десктопа и переключить в режим планшета, фото просто сплющиваются по бокам. Пробовал Ваш совет в первом посте по getPatchProductImage($val->image_name, 'thumb'), но ничего не получилось.
    • Blog About
      Добрый день. Спасибо за отзыв.

      Комментарий 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

      Вот из-за всего этого сейчас реализовано так, как реализовано.
  • Валерий
    День добрый, почему то аадон берет картинку thumb_ и потому отображает сильно растянутой и размытой.. где в аддоне можно изменить путь ?
    • Blog About
      Добрый день. На самом деле всё логично - в списке товаров всегда обычно выводится миниатюра товара (thumb_). Предполагается, что в "Компоненты - JoomShopping - Настройки - Изображения" Вы отредактируете ширину изображений так, чтобы загружались корректные размеры изображений при добавлении в товар.
      Либо, Вы можете открыть файл /plugins/jshoppingproducts/ba_more_photos_products_list/ba_more_photos_products_list.php и в 86-ой строке в параметре метода getPatchProductImage($val->image_name, 'thumb') заменить 'thumb' на 'full' (если нужна большая картинка), либо просто '' (если хотите оригинал).
  • Наталья
    Добрый день. У меня почему-то теперь в списке товара дублируются картинки - в списке категории карточка товара в два раза длиннее, потому что 2 изображения товара вместо одного
    • Blog About
      Добрый день. Подскажите ссылку на Ваш сайт. Либо более подробно опишите со скринами и отправьте мне на info@blog-about.ru
  • Лосось
    Добрый день. При установке пишет "Не удалось найти файл манифеста". То есть нет xml файла.
    • Blog About
      Добрый день. Аддон устанавливается из раздела «Компоненты» — «JoomShopping» — «Установка и обновление»

Добавить комментарий