Не отображается видео в карточке товара
Здравствуйте Владимир! Наша тема дизайна - Формула Успеха.
В карточке товара есть возможность кроме фото загружать и видео. Мы загружаем ссылку на видео с нашего канала в ютуб. Ссылка загружается, но на странице товара видео не показывается. На что в этом разделе есть подсказка:
"Если вы указали адрес видео на YouTube или Vimeo, но не видите этого видео на страницах товаров на витрине, вам необходимо добавить в шаблон дизайна product.html код для отображения видео (код появился при обновлении до Shop-Script 7). Подробная инструкция: https://www.shop-script.ru/help/12167/add-new-features-7/"
Но в файле product.html нет нужного фрагмент вида. Поэтому рекомендуют обратиться к разработчику нашей темы дизайна. Подскажите что и где исправить чтобы видео показывалось в описании товара.
Заранее благодарен за ответ.
Спасибо Владимир. По ширине виде мы нашли другое решение.
так что все нормально.
Спасибо, все работает. но у нас стоит плагин Картинки для категорий и когда загружено видео вместо фото, в категориях в этом товаре ничего не показывается.
И еще один момент. У нас во многих карточках товара по несколько фото, до десятка.
Чтобы не вкладывать видео и фото в слайдер мы загружаем видео отдельно в описание товара в html со своего канала на ютуб. Но единственное что не устраивает не можем настроить размер окошка видео. Если в слайдере оно стандартное по размеру, то в описании страницы видео растягивается по ширине всей страницы. Каким образом можно настроить регулировку размеров окна видео? Сейчас будем заливать много видео в магазин, хотелось бы изначально сделать все по правильному.
Буду признателен за ответ.
Про картинки для категорий я ничего не понял..
Пришлите ссылку на страницу с проблемой и объясните куда смотреть, пожалуйста.
Если хотите отключить растягивание видео на всю ширину, откройте файл style.site.css в шаблонах для приложения Сайт. В этом файле поиском найдите и удалите фразу:
Владимир!
Поэкспериментировали. Получается что разместить видео можно только с фото товара в слайдере? Если удаляешь фото товара видео на странице не показывается. Как загрузить только видео если нет фото или я не хочу его ставить, ведь посмотреть видео товара гораздо лучше для клиента чем просто картинку. И еще Допустим я залил несколько фото товара и пару видео. Если кликнуть на видео оно начинает показывать но слайдер прокручивает дальше автоматом и вместо видео мы видим следующий слайд фото или виде. Единственное что помогает это поставить галочку в настройке темы "Оставнавливать автопрокрутку, когда курсор на слайде". Но не каждый сможет до этого додуматься. Можно конечно вообще отключить прокрутку слайдера, но это тоже не выход.
Чтобы открывать видео в режиме мозаики.
Откройте файл product.html в шаблонах темы для приложения магазин и найдите там строку:
<div class="image"> {$count=0}Прямо над ней добавьте этот код:
{* ВИДЕО В РЕЖИМЕ МОЗАИКИ*} {if !empty($product.params.video) && $theme_settings.product_gallery_mode !== 'slider'} {$videos = $product.params.video} {assign var='videos' value=','|explode:$videos} {foreach $videos as $v} <div class="ytVideo"> <iframe data-count="{$count++}" data-image-id="{$v}" width="420" height="315" src="//www.youtube.com/embed/{$v}?rel=0" frameborder="0" allowfullscreen></iframe> </div> {/foreach} {/if}Чтобы открывать видео, если нет изображений найдите в том же файле строку:
{if $product.images}И добавьте над ней:
{* ВИДЕО ЕСЛИ НЕТ ИЗОБРАЖЕНИЙ*} {if !empty($product.params.video) && !$product.images} {$videos = $product.params.video} {assign var='videos' value=','|explode:$videos} {foreach $videos as $v} <div class="ytVideo"> <iframe data-count="{$count++}" data-image-id="{$v}" width="420" height="315" src="//www.youtube.com/embed/{$v}?rel=0" frameborder="0" allowfullscreen></iframe> </div> {/foreach} {/if}Ну а на счёт того, как останавливать воспроизведение, когда перелистываешь на другой слайд, я не знаю что ответить.
Я не знаю никаких способов как можно повлиять на ютубовский плеер извне.
Получается, что останавливать автопрокрутку – хоть и "не выход", но единственный. =/
Владимир!
Благодарю за оперативный ответ. Будем дерзать.
Здравствуйте!
В этой теме видео добавляется немного по другому – через доп. параметры.
Благодаря этому способу вы можете загрузить даже несколько видео. Как в начало слайдера, так и в конец.
Чтобы добавить видео в начало галереи, используйте доп. параметр video=IdРолика
Чтобы добавить видео в конец галереи, используйте доп. параметр video_=IdРолика
Подробности в настройках темы.
Продублировал на скриншоте ниже.
Добрый день, расскажите пожалуйста как решили проблему с кодом? Ситуация такая же как в описании.
в файле product.html нет нужного фрагмент вида. Поэтому рекомендуют обратиться к разработчику нашей темы дизайна. Подскажите что и где исправить чтобы видео показывалось в описании товара.