Перейти к содержимому


Видео В Отдельном Окне


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 19

#1 aposlavskii

aposlavskii

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 79 сообщений

Отправлено 04 Октябрь 2014 - 17:03

Здравствуйте. Можно ли при просмотре каталога товаров, каждому товару добавить значок(текст) видео и при его нажатии открывалось бы в отдельном окне то, что я заношу при добавлении товара в "полное описание товара" (в полном описании всегда ссылка на видео с youtube), т.е примерно как на сайте http://feeriya.ru/inet/rimskie_svechi/ .

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 04 Октябрь 2014 - 18:39

Для этого в описании категории или товара необходимо нажимать кнопку источник и кодом вставлять.
Допустим нам необходимо, чтобы при клике на картинку всплывало окно с видео, пример вставляемого кода:
<a href="#" id="size-page"><img src="ссылка на иконку" alt="" /></a>
<script>
$(document).ready(function() {
$("a#size-page").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
content: 'ссылка на видео',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>


#3 aposlavskii

aposlavskii

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 79 сообщений

Отправлено 05 Октябрь 2014 - 14:02

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

Прикрепленные изображения

  • video.png


#4 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 05 Октябрь 2014 - 18:31

Просмотр сообщенияaposlavskii (05 Октябрь 2014 - 14:02) писал:

А как это описание перенести для отображения в каталог к каждому товару, у каждого товара свое отдельное видео.
Вам ранее написали :"Для этого в описании категории или товара необходимо нажимать кнопку источник и кодом вставлять." Вставляйте так для каждого товара отдельно через источник.

#5 aposlavskii

aposlavskii

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 79 сообщений

Отправлено 05 Октябрь 2014 - 22:20

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

#6 aposlavskii

aposlavskii

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 79 сообщений

Отправлено 05 Октябрь 2014 - 22:32

Т.е сейчас если товар выводится в виде списка, то при его просмотре можно увидеть его краткое описание. Мне нужно наоборот, чтобы выводилось полное описание (где полное описание код который скинули выше), но учесть, что товар будет всегда отображаться в виде таблицы.

#7 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 05 Октябрь 2014 - 22:50

Просмотр сообщенияaposlavskii (05 Октябрь 2014 - 22:32) писал:

Т.е сейчас если товар выводится в виде списка, то при его просмотре можно увидеть его краткое описание. Мне нужно наоборот, чтобы выводилось полное описание (где полное описание код который скинули выше), но учесть, что товар будет всегда отображаться в виде таблицы.
Попробуйте в шаблоне "Товары" после кода
<div class="name"><a class="prodName" title="{related_views_goods.NAME}" href="{related_views_goods.URL | url_amp}" style="*height:;">{related_views_goods.NAME}</a></div>
вставить
<div class="box-content htmlDataBlock">
	{% IF FORM_NOTICE %} 
	  <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
	{% ENDIF %}
	{PAGE_CONTENT}
  </div>


#8 aposlavskii

aposlavskii

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 79 сообщений

Отправлено 05 Октябрь 2014 - 23:08

Ничего не изменилось

#9 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 07 Октябрь 2014 - 00:13

<div class="box-content htmlDataBlock">
		{% IF FORM_NOTICE %}
		  <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
		{% ENDIF %}
		{PAGE_CONTENT}
  </div>
замените на:
<div class="box-content htmlDataBlock">
	   {goods.DESCRIPTION_SHORT | htmlspecialchars_decode}
  </div>

далее в товаре код вставляйте в краткое описание товара

#10 aposlavskii

aposlavskii

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 79 сообщений

Отправлено 07 Октябрь 2014 - 10:55

На странице возникла JS ошибка:
Uncaught SyntaxError: Unexpected token & на строке: 916.
Адрес файла: http://luminarya.ru/.../Rimskie-svechi

#11 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 07 Октябрь 2014 - 11:03

Просмотр сообщенияaposlavskii (07 Октябрь 2014 - 10:55) писал:

На странице возникла JS ошибка:
Uncaught SyntaxError: Unexpected token & на строке: 916.
Адрес файла: http://luminarya.ru/.../Rimskie-svechi

Попробуйте в коде краткого описания строки:
width : '70%',
height : '70%',

заменить на:

width : 300,
height :300,


#12 aposlavskii

aposlavskii

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 79 сообщений

Отправлено 07 Октябрь 2014 - 11:39

Все равно ошибку выдает

#13 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 09 Октябрь 2014 - 00:20

уточните пожалуйста, какому товару вы прописали краткое описание с ссылкой на видео, чтобы мы могли протестировать

#14 aposlavskii

aposlavskii

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 79 сообщений

Отправлено 09 Октябрь 2014 - 14:01

Ссылка на товар - http://luminarya.ru/...al-2#show_tab_2

Ссылка на видео - youtube.com/watch?v=1iTQDoJO33s

#15 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 10 Октябрь 2014 - 01:54

спасибо, попробуйте следующее, в кратком описании вставляем только ссылки, то есть вместо:
<a href="#" id="size-page"><img src="http://design.luminarya.ru/videoi.png?1494" alt="" /></a>
<script>
$(document).ready(function() {
$("a#size-page").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : 300,
height :300,
content: '<iframe width="420" height="315" src="//www.youtube.com/embed/1iTQDoJO33s" frameborder="0" allowfullscreen></iframe>',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>

прописываем:
<a href="//www.youtube.com/embed/1iTQDoJO33s" class="video"><img src="http://design.luminarya.ru/videoi.png?1494" alt="" /></a>

где: //www.youtube.com/embed/1iTQDoJO33s  - ссылка на видео из вашего кода

и в самом конце main.js вставляем:
$("a.video").fancybox({
				 'titleShow'	 : false,
				 'transitionIn' : 'elastic',
				 'transitionOut' : 'elastic',
		 'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
		 'type'	 : 'swf',
		 'swf'	 : {'wmode':'transparent','allowfullscreen':'true'}
	 });


#16 aposlavskii

aposlavskii

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 79 сообщений

Отправлено 12 Октябрь 2014 - 01:44

А как-то можно открывать видео без перехода на страницу youtube, а на этой же странице, но в отдельном окне?

#17 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 12 Октябрь 2014 - 07:44

Просмотр сообщенияaposlavskii (12 Октябрь 2014 - 01:44) писал:

А как-то можно открывать видео без перехода на страницу youtube, а на этой же странице, но в отдельно окне?
Здравствуйте,  Вам нужно добавить ссылку в краткое описание используя редакторе описания инструмент "Источник".

#18 aposlavskii

aposlavskii

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 79 сообщений

Отправлено 12 Октябрь 2014 - 12:41

В кратком описании нет инструмента "Источник". Прошлым сообщением имел ввиду что все получилось, вставляю ссылку на видео в краткое описание, при просмотре товара в каталоге появляется значок, но при нажатии на него видео открывается переходом на страницу youtube, можно ли как-то сделать чтобы видео открывалось на этой же странице, но в отдельном окне? Если нельзя, то хотя бы в отдельной вкладке.

#19 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 14 Октябрь 2014 - 01:51

попробуйте в ссылку:
<a href="//www.youtube.com/embed/1iTQDoJO33s" class="video"><img src="http://design.luminarya.ru/videoi.png?1494" alt="" /></a>
вставлять не:
//www.youtube.com/embed/1iTQDoJO33s
из кода, а обычную ссылку на видео, пример ссылки:
http://www.youtube.com/watch?v=1iTQDoJO33s


#20 sav1050

sav1050

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 09 Февраль 2017 - 00:22

Здравствуйте извините за бестолковость но мне бы хотелось в описание вставлять видео ролик но не с ютуба а из корня сайта . как его туда закинуть и как в ИСТОЧНИКЕ прописать код и это надо делать каждый раз на каждый товар или в описание в шаблоне добавить плеер а само видео вставлять в каждом товаре. Прошу простить если бестолково задал вопрос. Я слабо разбираюсь в HTML точнее ни чего не знаю.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных