Видео для товара

  • 32 Ответов
  • 4781 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

dron

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

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

*

denben777

Re: Видео для товара
« Ответ #1 : 02.05.2013, 18:19:52 »
Как вариант:
Можете вставить ролик YouTube в описание товара с помощью iframe:
Код
<iframe frameborder="0" height="349" src="http://www.youtube.com/embed/dcf_WOzyc9k" width="425"></iframe>
Только измените код ролика dcf_WOzyc9k на свой.

*

dron

Re: Видео для товара
« Ответ #2 : 02.05.2013, 21:45:08 »
в описание не получится, т.к. я потом планирую все спрятать в табы. И для видео будет отдельный таб.

*

nevigen

  • *****
  • 8831
  • [+]771 / [-]17
  • http://n*****n.com
Re: Видео для товара
« Ответ #3 : 02.05.2013, 22:25:12 »
в табы надо все прятать грамотно на уровне шаблона а не описания.
это все описано уже...
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !

*

dron

Re: Видео для товара
« Ответ #4 : 02.05.2013, 23:33:07 »
да при чем тут табы вообще? вопрос был про видео!
кстати, табы у меня в шаблоне прописаны!

*

dron

Re: Видео для товара
« Ответ #5 : 02.05.2013, 23:38:27 »
Специально табы отключил. Видео выводится только после нажатия на иконку.
« Последнее редактирование: 10.05.2013, 02:47:29 от dron »

*

denben777

Re: Видео для товара
« Ответ #6 : 03.05.2013, 01:06:45 »
http://old.joomcommerce.net/fruits/cherry - убрал видео из превью значков под основной картинкой в файле product_default.php, вставил код, который писал вам выше, в настройках товара в админке - вкладка Видео:
Код
<iframe frameborder="0" height="349" src="http://www.youtube.com/embed/dcf_WOzyc9k" width="425"></iframe>
dron, как вы подключаете табы я не знаю (я так), но результат тот, что требовался в теме.

*

dron

Re: Видео для товара
« Ответ #7 : 03.05.2013, 01:12:32 »
ВО! то что надо! Но вы, как я понимаю, табы прописали не в шаблон, а пользуете какой-то сторонний плагин?!

*

denben777

Re: Видео для товара
« Ответ #8 : 03.05.2013, 01:14:32 »
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

*

buto

Re: Видео для товара
« Ответ #9 : 22.06.2013, 14:40:35 »
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(в превью товара)

*

denben777

Re: Видео для товара
« Ответ #10 : 28.06.2013, 20:02:11 »
Если вы о , то в файле http://ваш_сайт/components/com_jshopping/templates/ваш_шаблон/product/product_default.php нужно найти и удалить следующий блок:
Код
<?php if (count($this->videos)){?>
<?php foreach($this->videos as $k=>$video){?>
<?php if ($video->video_code) { ?>
<a href="#" id="video_<?php print $k?>" onclick="showVideoCode(this.id);return false;"><img class="jshop_video_thumb" src="<?php print $this->video_image_preview_path."/"; if ($video->video_preview) print $video->video_preview; else print 'video.gif'?>" alt="video" /></a>
<?php } else { ?>
<a href="<?php print $this->video_product_path?>/<?php print $video->video_name?>" id="video_<?php print $k?>" onclick="showVideo(this.id, '<?php print $this->config->video_product_width;?>', '<?php print $this->config->video_product_height;?>'); return false;"><img class="jshop_video_thumb" src="<?php print $this->video_image_preview_path."/"; if ($video->video_preview) print $video->video_preview; else print 'video.gif'?>" alt="video" /></a>
<?php } ?>
<?php } ?>
<?php }?>
<?php print $this->_tmp_product_html_after_video;?>

*

buto

Re: Видео для товара
« Ответ #11 : 02.07.2013, 22:44:23 »
Спасибо за полные  ответы. Попробовал -Удалил весь блок. Вместе с ним удалилось и видео в табе. А нужно то удаление только изборажения gif.

*

denben777

Re: Видео для товара
« Ответ #12 : 04.07.2013, 20:55:48 »
Точно этот блок удалили? Так как в product_default не один блок начинается с
Код
<?php if (count($this->videos)){?>

Во всяком случае вот вам отдельно код (если для YouTube):
Код
<?php if (count($this->videos)){?>
<?php foreach($this->videos as $k=>$video){?>
<?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 } ?>
<?php } ?>
<?php }?>
ставьте где нужно в product_default.php

*

buto

Re: Видео для товара
« Ответ #13 : 06.07.2013, 02:40:12 »
спасибо -помогло)+

*

jss

Re: Видео для товара
« Ответ #14 : 03.08.2013, 10:11:19 »
Спасибо denben777
я немного допилил под себя

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


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

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

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

(теги для поиска - youtube, видео в карточку товара)
« Последнее редактирование: 03.08.2013, 13:40:53 от jss »

*

nevigen

  • *****
  • 8831
  • [+]771 / [-]17
  • http://n*****n.com
Re: Видео для товара
« Ответ #15 : 03.08.2013, 10:49:24 »
атлишна !
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !

*

jss

Re: Видео для товара
« Ответ #16 : 03.08.2013, 13:34:35 »
Еще немного доделал в админке.
Так как мне нужны файлы только c youtube, то я убрал лишнее скрин нового безобразия
в итоге я вижу какое видео приатачил и могу его просмотреть, оставил только поля для ввода ссылки (input text)

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

в стили /administrator/components/com_jshopping/css/style.css дописываем
Спойлер
[свернуть]

в вьювсе /administrator/components/com_jshopping/views/product_edit/tmpl/videos.php меняем целиком содержимое на
Спойлер
[свернуть]

в моделе /administrator/components/com_jshopping/views/product_edit/tmpl/videos.php меняем
вот это
Спойлер
[свернуть]

на вот это
Спойлер
[свернуть]

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

(теги для поиска - youtube, видео в карточку товара)
« Последнее редактирование: 03.08.2013, 13:41:36 от jss »

*

dmitry_stas

Re: Видео для товара
« Ответ #17 : 03.08.2013, 14:45:01 »
ну удобство такого добавления кода видео очень спорно, потому что гораздо проще кликнуть на видео YouTube правой кнопкой и выбрать Копировать HTML код, чем руками вырезать ссылку. А вот за реализацию показа видео в админке действительно отлично! :) очень удобно как мне кажется
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций

*

nevigen

  • *****
  • 8831
  • [+]771 / [-]17
  • http://n*****n.com
Re: Видео для товара
« Ответ #18 : 03.08.2013, 17:08:30 »
надеюсь разработчики возьмут в работу при переделывании шаблона админки.
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !

*

jss

Re: Видео для товара
« Ответ #19 : 03.08.2013, 18:07:19 »
С удовольствием бы доработал эту схему, тем белее идея понятна но вот жаль что не кодер я (

Сама идея
Со страницы 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 (сейчас нужно сохранять всю карточку и лезть во вкладку видео), а так накидал ссылок, нажал кнопку и видишь что все подгружено.

Помогите написать/переписать функцию
Спойлер
[свернуть]

*

jss

Re: Видео для товара
« Ответ #20 : 03.08.2013, 20:38:39 »
Есть проблема, сейчас сайт на локальной машинке (денвер инсайд)
добавил я 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 с видео в модальном окне после клика на картинку, а странице выводить только превью из видео...
но вот как выдирать автоматом какой-то кадр с видео, чтобы вставлять его как превью на страницу..... в ручную быстро надоест этим заниматься.

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

*

denben777

Re: Видео для товара
« Ответ #21 : 03.08.2013, 23:07:35 »
но вот как выдирать автоматом какой-то кадр с видео, чтобы вставлять его как превью на страницу..... в ручную быстро надоест этим заниматься.

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

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

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

*

jss

Re: Видео для товара
« Ответ #22 : 04.08.2013, 00:01:51 »
Офигенно, огромное человеческое спасибо denben777

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

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

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

*

dmitry_stas

Re: Видео для товара
« Ответ #23 : 04.08.2013, 01:33:40 »
Цитировать
на случай падения или временного отупения этого ресурса  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
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций

*

jss

Re: Видео для товара
« Ответ #24 : 04.08.2013, 02:31:15 »
это будет означать падение YouTube :)

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

*

dmitry_stas

Re: Видео для товара
« Ответ #25 : 04.08.2013, 04:00:44 »
наваял вот http://nevigen.com/ru/shop/addons/plagin-vyvoda-preview-video-youtube.html - Показ preview видео из youtube при редактировании товара в панели администратора. качайте кому надо...

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

понимает форматы
Код
<iframe width="640" height="360" src="https://www.youtube.com/embed/WgNEsVozdFM?feature=player_embedded" frameborder="0" allowfullscreen></iframe>

http://www.youtube.com/watch?v=WgNEsVozdFM

http://www.youtube.com/v/WgNEsVozdFM

http://youtu.be/WgNEsVozdFM

http и www не обязательно
« Последнее редактирование: 04.08.2013, 04:27:17 от dmitry_stas »
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций

*

Ro_Fro

Re: Видео для товара
« Ответ #26 : 06.09.2013, 04:41:24 »
Ваше решение не работает с решением описанным выше

Цитировать
и замените на:
Код
Код:
<?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 } ?>

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

*

jss

Re: Видео для товара
« Ответ #27 : 06.09.2013, 05:56:12 »
to Ro_Fro
С каким решением описанным выше не работает этот код, и почему в нем должно быть превью?

*

Ro_Fro

Re: Видео для товара
« Ответ #28 : 09.09.2013, 05:02:05 »
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
Превью в админке показывает, видео в табе не показывает.

*

KPATOP

Re: Видео для товара
« Ответ #29 : 26.12.2013, 17:06:00 »
Спасибо всем. Была проблема небольшая с видео вставкой. Через обычный редактор не просчитал кол-во <?php и небыло закрытия в результате не отображалась страница. Сейчас все гуд.