Я решил добавить значок ютюба, по клику на который открывается в iframe (отдельном окне) видео с ютюба.
Для начала добавил новую позицию в Virtuemart и назвал ее youtube, где я хочу отобразить данный значок. Я добавил значок у себя рядом с главным изображением товара. Для этого вставил код:
<div id="youtube"><?php echo shopFunctionsF::renderVmSubLayout('customfields',array('product'=>$this->product,'position'=>'youtube')); ?></div>
в файл расположенный в
templates/мой_шаблон/html/com_virtuemart/productdetails/default.php . Я вставил у себя в строчку 73 после кода
<?php echo $this->loadTemplate('images'); ?>
Теперь в административной панели Joomla в Virtuemart я создал настраиваемое поле с заголовком
видео. Задал тип поля:
редактор. Позицию макета поставил:
youtube. И статус Опубликовано:
да.
Далее в товаре во вкладке настраиваемые поля добавил тип поля видео. Там я добавил код видео с ссылкой на ютюб.
{modal content="modal-content-1"}<img title="Видеообзор Canon i-SENSYS LBP2900" src="../images/video.png" alt="" width="45" height="45" />{/modal}
{modalcontent modal-content-1}
<iframe src="https://www.youtube.com/embed/lL1AHe4rmw4" width="700" height="400" allowfullscreen="allowfullscreen"></iframe>
{/modalcontent}
Да и еще, обязательно, при встраивании в свой сайт видео нужно использовать в ссылке тег
<embed> (от англ. embed – вставлять, внедрять ).
Например, мы хотим встроить вот этот ролик
https://www.youtube.com/watch?v=lL1AHe4rmw4
тогда ссылка должна выглядеть вот так
https://www.youtube.com/embed/lL1AHe4rmw4