Your shopping cart is empty!
[i][u]OpenCart/ocStore 1.5.5.x:[/u][/i]
1. Перенести файл cldyoutubeapi_1.5.xml в папку vqmod/xml;
Выполнить пункты 2-5.
[i][u]OpenCart/ocStore 2.x:[/u][/i]
1. Установить файл cldyoutubeapi_2.x.ocmod.xml через Установщик дополнений/расширений OpenCart, обновить кэш модификаторов.
Выполнить пункты 2-5.
[u][i]OpenCart/ocStore 3.x:[/i][/u]
1. Установить файл cldyoutubeapi_3.x.ocmod.zip через Установщик дополнений/расширений OpenCart, обновить кэш модификаторов.
Выполнить пункты 2-5.
[u][i]Для всех версий продолжение:[/i][/u]
2. Получить ApiKey. Инструкцию ищем в Google по запросу "получение youtube apikey". Весь процесс займет 3-5 минут.
3. В разделе Система -> Настройки -> Опции активировать модуль, указать Ваш ApiKey и выбрать необходимые опции.
[i]Совет: не ставьте слишком большой лимит видео, т.к. со стороны сервиса YouTube есть ограничения на количество запросов к API в день (если не ошибаюсь, то 10000 запросов).[/i]
4. Если необходим вывод видео во Frontend, нужно разместить один из следующих кодов в нужном месте файла product.tpl (catalog/view/theme/_ваш_шаблон_/template/product/):
[b][u][i]1.5.x/2.x:[/i][/u][/b]
[i]Код адаптивного видео (подстраивается под размер родительского контейнера)[/i]
<?php if ($cldfrontvid) { ?><style>.cldyoutube {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}.cldyoutube iframe, .cldyoutube object, .cldyoutube embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}</style><div class="cldyoutube"><iframe src="https://www.youtube-nocookie.com/embed/<?php echo $cldfrontvid; ?>" frameborder="0" allowfullscreen></iframe></div> <?php } ?>[img width=15,height=15]data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==[/img]
[i]Код не адаптивного видео (задаем ширину и высоту)[/i]
<?php if ($cldfrontvid) { ?><div class="cldyoutube"><iframe width="360" height="200" src="https://www.youtube-nocookie.com/embed/<?php echo $cldfrontvid; ?>" frameborder="0" allowfullscreen></iframe></div> <?php } ?> [img width=15,height=15]data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==[/img]
[u][i][b]3.x:[/b][/i][/u]
[i]Код адаптивного видео (подстраивается под размер родительского контейнера)[/i]
{% if cldfrontvid %}<style>.cldyoutube {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}.cldyoutube iframe, .cldyoutube object, .cldyoutube embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}</style><div class="cldyoutube"><iframe src="https://www.youtube-nocookie.com/embed/{{ cldfrontvid }}" frameborder="0" allowfullscreen></iframe></div> {% endif %}[img width=15,height=15]data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==[/img]
[i]Код не адаптивного видео (задаем ширину и высоту)[/i]
{% if cldfrontvid %}<div class="cldyoutube"><iframe width="360" height="200" src="https://www.youtube-nocookie.com/embed/{{ cldfrontvid }}" frameborder="0" allowfullscreen></iframe></div> {% endif %} [img width=15,height=15]data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==[/img]
5. В разделе Каталог -> Товары -> Редактировать -> YouTube Data API v3 выбираем понравившееся видео, нажимаем на код видео и жмем "Сохранить".