Видеогалерея в карточке товара

Добавляйте не ограниченное число видео-записей к товару

Плагин позволяет прикреплять видео-файлы к товару из административной панели магазина. Плагин поддерживает только UI2 и требует интеграции в тему дизайна!

В плагине реализовано Drag and Drop добавление видео-файлов.

К загрузке доступы файлы след. форматов: .mp4, .webm, .avi, .mpeg, .mov. Интеграция в тему дизайна не входит в стомость плагина!

Вывод списка видео-файлов при помощи хелпера

Мы сознательно не стали добавлять готовый вывод видео-файлов и открытие видео в всплывающем окне, т.к. во всех темах уже есть скрипты для этого, а повторное добавление их замедлело бы загрузку страницы товара. Поэтому мы отдаем только массив данных о загруженных видео к товару!

Вывод всех опубликованных видео-файлов при помощи хелпера

Вы можете получить список видео-файлов прикрепленных к товару.

{$_videos = $wa->shop->ewshoppvideoPlugin->getVideos($product["id"], "published")}

Переменная {$_videos} будет иметь след. данные:

[
  [
    'id' => '6',
    'product_id' => '617',
    'contact_id' => '1',
    'upload_datetime' => '2024-09-21 16:21:40',
    'filename' => 'cb9600ce-2c9d-4011-acbb-af65f24c495666eec8646abf20.21434568.mp4',
    'original_filename' => 'cb9600ce-2c9d-4011-acbb-af65f24c4956.mp4',
    'status' => 'published',
    'title' => 'Название видео',
    'description' => 'Краткое описание видео',
    'size' => '2445185',
    'ext' => 'mp4',
    'sort' => '1',
    'url' => 'http://localhost/wa-data/public/shop/plugins/ewshoppvideo/617/cb9600ce-2c9d-4011-acbb-af65f24c495666eec8646abf20.21434568.mp4',
    'name' => 'cb9600ce-2c9d-4011-acbb-af65f24c4956.mp4',
    'contact_name' => 'Easyweb',
    'images' => [
      [
        'id' => '6',
        'url' => 'http://localhost/wa-data/public/shop/plugins/ewshoppvideo/617/6/Leonardo_Phoenix_A_still_life_composition_showcasing_an_arrang_066eec8784ea9b7.39396490.jpg',
        'name' => 'Leonardo_Phoenix_A_still_life_composition_showcasing_an_arrang_0.jpg',
        'status' => 'finished',
      ],
    ],
  ],
  [еще изображение],
  [и еще одно]
]

Вывод одного опубликованного видео-файла при помощи хелпера

Вы можете получить первый видео-файл прикрепленный к товару.

{$_video = $wa->shop->ewshoppvideoPlugin->getVideo($product["id"], "published")}

Переменная {$_video} будет иметь след. данные:

[
  'id' => '6',
  'product_id' => '617',
  'contact_id' => '1',
  'upload_datetime' => '2024-09-21 16:21:40',
  'filename' => 'cb9600ce-2c9d-4011-acbb-af65f24c495666eec8646abf20.21434568.mp4',
  'original_filename' => 'cb9600ce-2c9d-4011-acbb-af65f24c4956.mp4',
  'status' => 'published',
  'title' => 'Название видео',
  'description' => 'Краткое описание видео',
  'size' => '2445185',
  'ext' => 'mp4',
  'sort' => '1',
  'url' => 'http://localhost/wa-data/public/shop/plugins/ewshoppvideo/617/cb9600ce-2c9d-4011-acbb-af65f24c495666eec8646abf20.21434568.mp4',
  'orig_url' => 'http://localhost/wa-data/public/shop/plugins/ewshoppvideo/617/cb9600ce-2c9d-4011-acbb-af65f24c495666eec8646abf20.21434568.mp4',
  'name' => 'cb9600ce-2c9d-4011-acbb-af65f24c4956.mp4',
  'images' => [
    'http://localhost/wa-data/public/shop/plugins/ewshoppvideo/617/6/Leonardo_Phoenix_A_still_life_composition_showcasing_an_arrang_066eec8784ea9b7.39396490.jpg',
  ],
  'contact_name' => 'Easyweb',
]

Для разработчиков и интеграций в темы дизайна

По-умолчанию в Shop-Script можно добавить одно видео из сторонних источников. Вы можете подменить данные о видео на загруженное через наш плагин. Они имею схожий формат.

{$video = $product->video}
{if class_exists("shopEwshoppvideoPlugin")}
	{$_video = $wa->shop->ewshoppvideoPlugin->getVideo($product["id"], "published")}
	{if !empty($_video)}
		{$video = $_video}
	{/if}
{/if}

Для вывода видеогалереи в шаблоне Easyweb: Seller мы используем встроенный плагин Fancybox и разметку от Bootstrap. В нашем шаблоне достаточно добавить для ссылки атрибут data-fancybox, а для атрибута href использовать переменную {$_video["url"]} из массива.

К сожалению тут разместить полный код вывода из шаблона нельзя. Поэтому мы создали файл с примером.

Мы в социальных сетях

Узнавайте первыми о наших новых решениях и акциях в социальных сетях.

• Вконтакте - https://vk.com/easyweb_su
• Телеграм - https://t.me/easyweb_su