Jump to content
yurgen01

Вывести видео вместо основного изображения товара в OpenCart 3

Recommended Posts

Posted (edited)

Друзья, подскажите пожалуйста, как реализовать такую штуку: вывести автопроигрывающееся mp4 видео вместо основного изображения в отдельных товарах? Пробовал выводить анимации в webp, но они не поддерживаются Safari, а gif жрут слишком много трафика и имеют отвратительное качество.

 

Пример, на который я ориентируюсь вот здесь: ushatava.com/catalog/flow-collection

Отдельные изображения товаров заменены на видео

Edited by yurgen01

Share this post


Link to post
Share on other sites

нужно клепать модуль, или подпилить в товарах. все реально. но зачем? видюху можно пустить в описании.

Share this post


Link to post
Share on other sites

 

Share this post


Link to post
Share on other sites
Posted (edited)
7 часов назад, yurgen01 сказал:

вывести автопроигрывающееся mp4 видео вместо основного изображения в отдельных товарах

series9 - "video on the page of product" - не ответ на вопрос. ТС просит сделать так. шоб вместо главного тумба было видео автоплей (тупо опустить свой магаз). Затея, честно говоря, глупая. Я тоже иногда покупаю в Интернете, но если мне станут грузить автоплей, то сразу такой сай в игнор!

Edited by esculapra

Share this post


Link to post
Share on other sites
9 минут назад, esculapra сказал:

series9 - "video on the page of product" - не ответ на вопрос. ТС просит сделать так. шоб вместо главного тумба было видео автоплей (тупо опустить свой магаз). Затея, честно говоря, глупая. Я тоже иногда покупаю в Интернете, но если мне станут грузить автоплей, то сразу такой сай в игнор!

У владельца сайта это розовая мечта) 

Я бы подпилил в товарах, но как ? Поменять jpg на анимацию и запретить опенкарту ее кешировать - это легко, а как тут? Не пропишешь же video вместо img, потому что у других товаров главные тумбы остаются на своих местах 

Share this post


Link to post
Share on other sites
59 минут назад, yurgen01 сказал:

У владельца сайта это розовая мечта

51 минуту назад, yurgen01 сказал:

У владельца сайта это розовая мечта) 

Я бы подпилил в товарах, но как ? Поменять jpg на анимацию и запретить опенкарту ее кешировать - это легко, а как тут? Не пропишешь же video вместо img, потому что у других товаров главные тумбы остаются на своих местах 

Тю. Нужно

1. добавить в бд i f (  fvideo {примерно}, немножко подправить контроллеры (лучше сделать модифики, шоб не лезть в сам код).

Ну давай пошаманим - я не против, и знаю шо и куда, и никогда не кидаю.

Share this post


Link to post
Share on other sites

в ЛС отпишись - не хочу контакты светить для ботов...

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By xds
      Акция «Два дешевле одного»!
      Только до 10 июля 2020 г. купите шаблон Frame со скидкой 50% и получите шаблон Coloring для OpenCart 2.x совершенно бесплатно!
      Для получения подарка, после оформления заказа напишите мне в лс вашу почту и домены на которых планируете использовать шаблон Coloring
      ---------------------------------------------------------------------------------
       
      Лучший шаблон для мобильных устройств
       
      Согласно исследованию развития розничной торговли в России проведенному в конце 2018 года компанией Яндекс, доля заказов, оформленных со смартфонов и планшетов удвоилась за последний год и продолжает стремительно расти. Игнорировать интересы мобильных покупателей - означает потерять значительную и быстро растущую долю рынка. К сожалению, в большинстве современных шаблонов для opencart "мобильная версия" реализована кое как, по принципу "лишь бы было". Покупать с мобильных устройств в магазинах реализованных на таких шаблонах очень не удобно, что подталкивает клиентов уходить к конкурентам.
       
      В свою очередь, Frame создавался с прицелом на именно на удобное использование на телефонах и планшетах. В шаблоне реализован целый комплекс решений позволяющий представить клиентам вашу онлайн витрину в наиболее выгодном свете. Среди них: удобная сетка товаров, четкие изображения для устройств с высокой плотностью пикселей, удобное меню категорий, модальные окна корзины, быстрого просмотра и заказа, которые можно закрыть кнопкой "назад", удобное меню контактов в шапке сайта, высокая производительность шаблона и пр. При этом интерфейс для стационарных компьютеров и ноутбуков так же очень удобен и интуитивно понятен практически любому пользователю. А это, как известно, главное в дизайне интернет-магазина.
       

       
       
      Описание шаблона
       
      Frame это современный адаптивный шаблон для OpenCart 3.x, построенный на базе фреймворка Bootstrap 4 и включающий в себя целый комплекс дополнительных модулей, настроек и программных решений, необходимых для полноценной работы современного интернет магазина. Шаблон обладает продуманными юзабилити и интуитивно понятным интерфейсом, от которых напрямую зависит высокая конверсия интернет магазина. А чистый и аккуратный код значительно упростит задачу разработчику, который решит доработать шаблон в соответствии с индивидуальными требованиями заказчика, или хозяину магазина, который захочет самостоятельно внести правки в код своего сайта. Frame можно успешно использовать как в качестве самостоятельного шаблона так и в качестве основы для создания уникального дизайна вашего интернет-магазина.
       
      Дополнительный функционал, среди прочего, реализованный в шаблоне:
      микроразмертка карточки товара настраиваемая форма заказа обратного звонка модуль быстрого заказа товаров модуль быстрого просмотра товаров стильная popup корзина настраиваемые контакты в шапке сайта два дополнительных меню в шапке сайта настраиваемое меню категорий с функцией “амазон-меню” иконки платежных систем в подвале сайта интерактивная карта в подвале сайта (поддерживается api карт, как от Яндекс, так и от Google) ajax догрузка товаров в каталоге "Показать еще" Модуль карусели товаров с гибкими настройками настраиваемый "живой" поиск  модальные окна, адаптированные под работу с мобильными устройствами ... На момент написания этого текста шаблон имеет более 100 настроек и их число с каждым обновлением растет. Поэтому перечислять здесь их все не имеет смысла. Подробно ознакомится с возможностями шаблона можно в админ-панели демонстрационного сайта.
       
       
      Демонстрация возможностей шаблона
       
      Главная страница
      Страница каталога
      Карточка товара
      Админка (demo/demo)
       
      Обратите внимание!
      На демо сайте представлено 2 модуля не входящих в состав шаблона:
      - Обновление цены при выборе опции, без AJAX 4.1.4 (модуль совместим с шаблоном "из коробки")
      - OCFilter - Модуль фильтра товаров 4.7.5 (файлы адаптации модуля к шаблону есть в комплекте)
       
      Перечисленные выше модули, если они вам требуется, нужно приобретать отдельно у их авторов. Все остальные модули и функционал, которые представлены на демо сайте входят в состав шаблона.
       
       
      Производительность - PageSpeed Insights 100/100 *
      * что такое PageSpeed Insights и как проводились измерения?
       
       
      Валидность кода - полное соответствие стандартам W3C
       
       
      Системные требования
       
       
      Лицензия / условия использования
       
       
      Техническая поддержка
       
       
      Условия покупки
       
    • By xds
      1 990.00 руб
      Скачать/Купить дополнение


      Frame Theme - быстрый адаптивный шаблон для OpenCart 3
      Акция «Два дешевле одного»!
      Только до 10 июля 2020 г. купите шаблон Frame со скидкой 50% и получите шаблон Coloring для OpenCart 2.x совершенно бесплатно!
      Для получения подарка, после оформления заказа напишите мне в лс вашу почту и домены на которых планируете использовать шаблон Coloring
      ---------------------------------------------------------------------------------
       
      Лучший шаблон для мобильных устройств
       
      Согласно исследованию развития розничной торговли в России проведенному в конце 2018 года компанией Яндекс, доля заказов, оформленных со смартфонов и планшетов удвоилась за последний год и продолжает стремительно расти. Игнорировать интересы мобильных покупателей - означает потерять значительную и быстро растущую долю рынка. К сожалению, в большинстве современных шаблонов для opencart "мобильная версия" реализована кое как, по принципу "лишь бы было". Покупать с мобильных устройств в магазинах реализованных на таких шаблонах очень не удобно, что подталкивает клиентов уходить к конкурентам.
       
      В свою очередь, Frame создавался с прицелом на именно на удобное использование на телефонах и планшетах. В шаблоне реализован целый комплекс решений позволяющий представить клиентам вашу онлайн витрину в наиболее выгодном свете. Среди них: удобная сетка товаров, четкие изображения для устройств с высокой плотностью пикселей, удобное меню категорий, модальные окна корзины, быстрого просмотра и заказа, которые можно закрыть кнопкой "назад", удобное меню контактов в шапке сайта, высокая производительность шаблона и пр. При этом интерфейс для стационарных компьютеров и ноутбуков так же очень удобен и интуитивно понятен практически любому пользователю. А это, как известно, главное в дизайне интернет-магазина.
       

       
       
      Описание шаблона
       
      Frame это современный адаптивный шаблон для OpenCart 3.x, построенный на базе фреймворка Bootstrap 4 и включающий в себя целый комплекс дополнительных модулей, настроек и программных решений, необходимых для полноценной работы современного интернет магазина. Шаблон обладает продуманными юзабилити и интуитивно понятным интерфейсом, от которых напрямую зависит высокая конверсия интернет магазина. А чистый и аккуратный код значительно упростит задачу разработчику, который решит доработать шаблон в соответствии с индивидуальными требованиями заказчика, или хозяину магазина, который захочет самостоятельно внести правки в код своего сайта. Frame можно успешно использовать как в качестве самостоятельного шаблона так и в качестве основы для создания уникального дизайна вашего интернет-магазина.
       
      Дополнительный функционал, среди прочего, реализованный в шаблоне:
      микроразмертка карточки товара настраиваемая форма заказа обратного звонка модуль быстрого заказа товаров модуль быстрого просмотра товаров стильная popup корзина настраиваемые контакты в шапке сайта два дополнительных меню в шапке сайта настраиваемое меню категорий с функцией “амазон-меню” иконки платежных систем в подвале сайта интерактивная карта в подвале сайта (поддерживается api карт, как от Яндекс, так и от Google) ajax догрузка товаров в каталоге "Показать еще" Модуль карусели товаров с гибкими настройками настраиваемый "живой" поиск  модальные окна, адаптированные под работу с мобильными устройствами ... На момент написания этого текста шаблон имеет более 100 настроек и их число с каждым обновлением растет. Поэтому перечислять здесь их все не имеет смысла. Подробно ознакомится с возможностями шаблона можно в админ-панели демонстрационного сайта.
       
       
      Демонстрация возможностей шаблона
       
      Главная страница
      Страница каталога
      Карточка товара
      Админка (demo/demo)
       
      Обратите внимание!
      На демо сайте представлено 2 модуля не входящих в состав шаблона:
      - Обновление цены при выборе опции, без AJAX 4.1.4 (модуль совместим с шаблоном "из коробки")
      - OCFilter - Модуль фильтра товаров 4.7.5 (файлы адаптации модуля к шаблону есть в комплекте)
       
      Перечисленные выше модули, если они вам требуется, нужно приобретать отдельно у их авторов. Все остальные модули и функционал, которые представлены на демо сайте входят в состав шаблона.
       
       
      Производительность - PageSpeed Insights 100/100 *
      * что такое PageSpeed Insights и как проводились измерения?
       
       
      Валидность кода - полное соответствие стандартам W3C
       
       
      Системные требования
       
       
      Лицензия / условия использования
       
       
      Техническая поддержка
       
       
      Условия покупки
       
      Добавил xds Добавлено 03.05.2018 Категория Платные шаблоны Системные требования php 5.4+ и ioncube loader 4.4+ Метод активации Автоматическая активация Ioncube Loader Требуется OpenCart 3.0 ocStore 3.0 OpenCart.Pro, ocShop Обращение к серверу разработчика Да Старая цена 3980  
    • By valka174
      Здравствуйте. Установил модуль: LIVEOPENCART: Изображения опций Ultimate (Product Option Image Pro Ultimate 3.1.0), но он не работает.
       
      Ссылка на сайт: http://new.fm-apeks.ru
       
       
      В чём суть: Купил модуль на сайте, но он оказался пиратский (так написала сама LIVEOPENCART и отказалась от поддержки). Да, я лоханулся, но дело не в этом  
      Сам модуль работает на дефолтной теме и выполняет все свои функции, но у меня стоит шаблон Journal 2 и модуль не работает.
       
      Версия Opencart 3.0.3.1
       
      Помогите его настроить и оптимизировать под мой шаблон, куда тыкать и что делать? Многое перепробовал, но время потрачена куча. Рассмотрю, также, платную помощь.
       
      Скажите, какие куски кода скинуть, всё сделаю.
       
      Заранее спасибо 
       
    • By valka174
      Здравствуйте, подскажите, пожалуйста. Необходим модуль, который такой же по структуре, как и сейчас моя страница Оформления заказа.
       
      Версия: Opencart 3.0.3.1
       
      Правда, у меня сейчас ничего не работает, просто дизайн, никак не могу соединить поля.
       
      Вот ссылка: http://new.fm-apeks.ru/index.php?route=checkout/checkout (Предварительно нужно добавить товар в корзину)
       
      Может посоветуете какой-то похожий модуль по структуре рабочий. Рассмотрю также настройку за отдельную плату.
       
      Заранее спасибо!
    • By valka174
      Здравствуйте, подскажите, пожалуйста. Как можно настроить страницу оформления заказа в таком дизайне, как сейчас, но чтобы всё работало. 
       
      Версия: Opencart 3.0.3.1
       
      Сейчас ничего не работает, просто дизайн, никак не могу соединить поля.
       
      Вот ссылка: http://new.fm-apeks.ru/index.php?route=checkout/checkout (Предварительно нужно добавить товар в корзину)
       
      Может посоветуете как оптимизировать и настроить эту страницу, либо какой-то похожий модуль есть по структуре рабочий. Рассмотрю также настройку за отдельную плату.
       
      Заранее спасибо!
       
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.