Перейти к содержанию
Форум поддержки пользователей VamShop

Как добавить видео в карточку товара!


support

Рекомендуемые сообщения

Не будет лишним также добавить Shema разметку для видео.

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

поделюсь готовым кодом (если код видео на ютубе {$PRODUCTS_EAN})

вставлять в нужное место для файла product_info_v1.html:

 

{if $PRODUCTS_EAN}
                
 

<div id="video-schema" itemprop="video" itemscope itemtype="http://schema.org/VideoObject">
<div id="video-schema-meta">
<h4> Обзор (Видео) {$PRODUCTS_NAME}</h4>
<meta itemprop="description" content="Видеобзор {$PRODUCTS_NAME}"/>
<link itemprop="url" href="https://youtu.be/{$PRODUCTS_EAN}"/>
<link itemprop="thumbnailUrl" href="http://img.youtube.com/vi/{$PRODUCTS_EAN}/maxresdefault.jpg "/>
<meta itemprop="name" content="Видеобзор {$PRODUCTS_NAME}"/><meta itemprop="isFamilyFriendly" content="true"/>
<span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject" >
<meta itemprop="width" content="560"/>
<meta itemprop="height" content="315"/>

</span>
</div>

<div class="video">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/{$PRODUCTS_EAN}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
 </div>
{/if}

 

И чтобы Видео выводилось на ширину всего блока и было "резиновым" (в том числе и для мобильных), добавьте в файл стилей:

.video {position:relative;padding-bottom:56.25%;/*пропорции видео 16:9 */padding-top:25px;height:0;}

.video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

 

 

Буду рад если кому то  пригодится.

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...