Видео для товара - Дизайн и оформление

Добрый день!
В JoomShopping есть возможность загрузить видео для товара. Так же в настройках можно разрешить вставлять видео как html-код с YouTube. Но дело в том, что добавляется видео в виде иконки, которая по нажатию открывает видео файл... А можно как-то сделать, что бы видео открывалось сразу?

заранее спасибо!

Как вариант:
Можете вставить ролик YouTube в описание товара с помощью iframe:
Только измените код ролика dcf_WOzyc9k на свой.

в описание не получится, т.к. я потом планирую все спрятать в табы. И для видео будет отдельный таб.

в табы надо все прятать грамотно на уровне шаблона а не описания.
это все описано уже...

да при чем тут табы вообще? вопрос был про видео!
кстати, табы у меня в шаблоне прописаны!

Специально табы отключил. Видео выводится только после нажатия на иконку.

http://old.joomcommerce.net/fruits/cherry - убрал видео из превью значков под основной картинкой в файле product_default.php, вставил код, который писал вам выше, в настройках товара в админке - вкладка Видео:
dron, как вы подключаете табы я не знаю (я так), но результат тот, что требовался в теме.

ВО! то что надо! Но вы, как я понимаю, табы прописали не в шаблон, а пользуете какой-то сторонний плагин?!

http://jqueryui.com/tabs/ - все прописывается в product_default.php

Если видео на сайте будет вставляться только с YouTube, то для упрощения (для администратора магазина) заполнения товара вы можете вставить iframe прямо в product_default.php
При условии, что видео-значки удалены из превью значков под основной фотографией, найдите:
и замените на:
Тогда в админке, в настройках товара, в вкладке видео (отмечена галочка Код) нужно будет добавлять только код ролика YouTube - например: dcf_WOzyc9k

http://jqueryui.com/tabs/ - все прописывается в product_default.php

Если видео на сайте будет вставляться только с YouTube, то для упрощения (для администратора магазина) заполнения товара вы можете вставить iframe прямо в product_default.php
При условии, что видео-значки удалены из превью значков под основной фотографией, найдите:

Код

<?php if ($video->video_code){ ?>
     <div class="video_full no_display hidden" id="hide_video_<?php print $k?>"><?php echo $video->video_code?></div>
<?php } else { ?>
     <a class="video_full no_display" id="hide_video_<?php print $k?>" href=""></a>
<?php } ?>

и замените на:

Код

<?php if ($video->video_code){ ?>
     <iframe frameborder="0" height="349" src="http://www.youtube.com/embed/<?php echo $video->video_code?>" width="425"></iframe>  
<?php } ?>

Тогда в админке, в настройках товара, в вкладке видео (отмечена галочка Код) нужно будет добавлять только код ролика YouTube - например: dcf_WOzyc9k

Спасибо)Сча плюсану. Вообще то что надо)Вопрос только как убрать эту картинку gif(в превью товара)

Если вы о , то в файле http://ваш_сайт/components/com_jshopping/templates/ваш_шаблон/product/product_default.php нужно найти и удалить следующий блок:

Спасибо за полные  ответы. Попробовал -Удалил весь блок. Вместе с ним удалилось и видео в табе. А нужно то удаление только изборажения gif.

Точно этот блок удалили? Так как в product_default не один блок начинается с

Во всяком случае вот вам отдельно код (если для YouTube):
ставьте где нужно в product_default.php

спасибо -помогло)+

Спасибо denben777
я немного допилил под себя

это я делал для себя, и так как я не кодер то за работоспособность у вас не отвечаю
весь код для Joomla 3 + js4

в файле /components/com_jshopping/templates/product/product_default.php
это прописал в таб который расположен в карточке товара

в файле components/com_jshopping/css/default.css
сюда добавил классы, чтобы при добавлении, блоки с видео шли друг за другом и переносились на другую строку, у меня при таком раскладе получается два в ширину.
....для меня важно чтобы при изменении ширины браузера ничего никуда не ползло и были одинаковые отступы.

скрин безобразия

(теги для поиска - youtube, видео в карточку товара)

атлишна !

ну удобство такого добавления кода видео очень спорно, потому что гораздо проще кликнуть на видео YouTube правой кнопкой и выбрать Копировать HTML код, чем руками вырезать ссылку. А вот за реализацию показа видео в админке действительно отлично! очень удобно как мне кажется

надеюсь разработчики возьмут в работу при переделывании шаблона админки.

С удовольствием бы доработал эту схему, тем белее идея понятна но вот жаль что не кодер я (

Сама идея
Со страницы YouTube удобно брать ссылку с адресной строки, и она там в формате
а для показа в фрейме нужна http://www.youtube.com/embed/i3Jv9fNPjgk,
то есть нужна функция которая будет либо грохать все что до знака "=" и писать в таком виде в базу а потом уже это выдергивать в шаблон в котором
уже прописано src="http://www.youtube.com/embed/<?php echo $video->video_code?>"
но это писец неправильно, так как нужно добавлять не только YouTube а еще и другие сервисы поэтому нужно в шаблоне оставить src="<?php echo $video->video_code?>"
а в базу с админки при добавлении записывать в таком виде http://www.youtube.com/embed=i3Jv9fNPjgk
но при таком раскладе нужно менять /watch?v= на /embed/

Еще приятная полезность это кнопка добавить видео с AJAX (сейчас нужно сохранять всю карточку и лезть во вкладку видео), а так накидал ссылок, нажал кнопку и видишь что все подгружено.

Помогите написать/переписать функцию

Есть проблема, сейчас сайт на локальной машинке (денвер инсайд)
добавил я 10 видео и оставил висеть страницу с карточкой товара в Chrome, перешел на нее через мин 20ть и писец тормоза на ней, скролить невозможно,
если удаляю видео, все ок.
Когда добавляю даже один ролик то через некоторое время начинает подтормаживать страница....
в хромо-консоли вижу вот такую фигню Blocked a frame with origin "http://www.youtube.com" from accessing a frame with origin "http://trampclubnew". Protocols, domains, and ports must match.

сейчас попробовал закинуть на страницу вручную <iframe src="http://www.youtube.com/embed/i3Jv9fNPjgk"></iframe> в 8ми повторениях, и таже фигня, все тормозит и лагает.

p.s. я вот думаю может правильнее все-же подгружать iframe с видео в модальном окне после клика на картинку, а странице выводить только превью из видео...
но вот как выдирать автоматом какой-то кадр с видео, чтобы вставлять его как превью на страницу..... в ручную быстро надоест этим заниматься.

погуглил но ответа пока для себя не нашел, может кто сталкивался, подскажите.

но вот как выдирать автоматом какой-то кадр с видео, чтобы вставлять его как превью на страницу..... в ручную быстро надоест этим заниматься.

погуглил но ответа пока для себя не нашел, может кто сталкивался, подскажите.

http://i1.ytimg.com/vi/код_ролика/mqdefault.jpg

Например: http://i1.ytimg.com/vi/i3Jv9fNPjgk/mqdefault.jpg

Офигенно, огромное человеческое спасибо denben777

прикрутил, теперь на карточке товара в табе с видео выдает превьюхи 320х180 весом в 4.5кб )))
при клике открывает пока дефолтное бутстраповское модальное окно в котором iframe
работает быстро, допилку решения отложу на завтра а то у меня уже тут ночь глубокая.

Еще раз спасибо за ссылочку

З.Ы. еще нужно также в админку, а еще на случай падения или временного отупения этого ресурса  i1.ytimg.com хочу сделать чтобы превью с него обрабатывались только при добавлении видео.

на случай падения или временного отупения этого ресурса  i1.ytimg.com

это будет означать падение YouTube потому что этот ресурс = img.youtube.com . т.е. http://i1.ytimg.com/vi/i3Jv9fNPjgk/mqdefault.jpg является зеркалом http://img.youtube.com/vi/i3Jv9fNPjgk/mqdefault.jpg

и кстати помимо mqdefault есть еще чего интересного, например 0, 1, 2, 3, default, hqdefault

это будет означать падение YouTube

ну например в Китае и до Google порой не достучаться, а гулять по инету приходиться через vpn )))
а на самом то деле даже если и будут траблы с пингом (если будут) то все равно по таймауту отобьет да пропустит, если не много картинок то и не заметно будет.

наваял вот http://nevigen.com/ru/shop/addons/plagin-vyvoda-preview-video-youtube.html - Показ preview видео из youtube при редактировании товара в панели администратора. качайте кому надо...

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

понимает форматы

http и www не обязательно

Ваше решение не работает с решением описанным выше

и замените на:

Код

Код:
<?php if ($video->video_code){ ?>
     <iframe frameborder="0" height="349" src="http://www.youtube.com/embed/<?php echo $video->video_code?>" width="425"></iframe>  
<?php } ?>

В данном случае не отображается превью.

to Ro_Fro
С каким решением описанным выше не работает этот код, и почему в нем должно быть превью?

http://jqueryui.com/tabs/ - все прописывается в product_default.php

Если видео на сайте будет вставляться только с YouTube, то для упрощения (для администратора магазина) заполнения товара вы можете вставить iframe прямо в product_default.php
При условии, что видео-значки удалены из превью значков под основной фотографией, найдите:

Код

<?php if ($video->video_code){ ?>
     <div class="video_full no_display hidden" id="hide_video_<?php print $k?>"><?php echo $video->video_code?></div>
<?php } else { ?>
     <a class="video_full no_display" id="hide_video_<?php print $k?>" href=""></a>
<?php } ?>

и замените на:

Код

<?php if ($video->video_code){ ?>
     <iframe frameborder="0" height="349" src="http://www.youtube.com/embed/<?php echo $video->video_code?>" width="425"></iframe>  
<?php } ?>

Тогда в админке, в настройках товара, в вкладке видео (отмечена галочка Код) нужно будет добавлять только код ролика YouTube - например: dcf_WOzyc9k

Вот это не работает с плагином от команды NEVIGEN
Превью в админке показывает, видео в табе не показывает.

Спасибо всем. Была проблема небольшая с видео вставкой. Через обычный редактор не просчитал кол-во <?php и небыло закрытия в результате не отображалась страница. Сейчас все гуд.