Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Видео вместо Фото в Товаре


 Поделиться

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

Добрый день.

Посоветуйте, пожалуйста, бесплатный способ установки видео из ютуб вместо фото в товаре.

Если такого нет, тогда

- как вставить адаптивное видео в описание товара?

Поиск не помог.

Искал блок video в css - не нашел...

Изменено пользователем gustovapebar
Ссылка на комментарий
Поделиться на других сайтах


24 minutes ago, Golubenko said:

Я этим пользуюсь. На двух сайтах. Проблем нет.

 

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

А если есть, возможность, бесплатно, вместо фото

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

Изменено пользователем gustovapebar
Ссылка на комментарий
Поделиться на других сайтах


1 час назад, gustovapebar сказал:

Посоветуйте, пожалуйста, бесплатный способ

 

Выводит ссылку на видео в дополнительных картинках (не в описании). Бесплатно

 

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах


1 час назад, gustovapebar сказал:

Посоветуйте, пожалуйста, бесплатный способ

 

Выводит ссылку на видео в дополнительных картинках (не в описании). Бесплатно

 

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах


HTML:

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

 

CSS:

#video {
    max-width: 560px;
    margin: 0 auto;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@Drovocek  Помогите, пожалуйста, сориентироваться.

С хтмл я разобрался, вставить нужно в исходный код в описании товара.

А с css не получилось. Я проверил стили на совпадение со всеми файлами css в папке bootstrap. Нету...

В теме в стайлшит.css тоже нету.

У меня ocstore 3.0.2

п.с.

Или CSS нужно вставить самостоятельно? Если не сложно, в какой файл, в стили шаблона? 

Если да, по после чего (строчки, стиля?) именно?

Я с css еще не имел дело.

Спасибо

Изменено пользователем gustovapebar
Ссылка на комментарий
Поделиться на других сайтах


@Donni Спасибо, за отзывчивость. 

У меня окстор 3.0.2 + установленный шаблон fanes и эти модули не подходят (

Изменено пользователем gustovapebar
Ссылка на комментарий
Поделиться на других сайтах


@Drovocek вставил в стайлшит.цсс - без изменений.

п.с.

Юхуууу, вставил в бустрап.мин.цсс сразу после "embed-responsive video" и заработало!

Спасибо!!!

Изменено пользователем gustovapebar
Ссылка на комментарий
Поделиться на других сайтах


жесть - это просто ваше отношение 

за не имением других вариантов результат остается (единственным) результатом, не смотря на способы достижения ;)

Изменено пользователем gustovapebar
Ссылка на комментарий
Поделиться на других сайтах


  • 7 месяцев спустя...
On 10/21/2019 at 7:15 PM, gustovapebar said:

@Drovocek вставил в стайлшит.цсс - без изменений.

п.с.

Юхуууу, вставил в бустрап.мин.цсс сразу после "embed-responsive video" и заработало!

Спасибо!!!

Можете по подробнее объяснить пожалуйста, у меня таже версия okStore и тот же шаблон, мне просто нужно в описание товара вставить видео, я вставляю оно не масштабируется особенно плохо это для смартфонов. Подскажите пожалуйста по подробнее что именно сделать нужно?

Ссылка на комментарий
Поделиться на других сайтах


  • 3 месяца спустя...
В 22.05.2020 в 03:06, Roman54 сказал:

Можете по подробнее объяснить пожалуйста, у меня таже версия okStore и тот же шаблон, мне просто нужно в описание товара вставить видео, я вставляю оно не масштабируется особенно плохо это для смартфонов. Подскажите пожалуйста по подробнее что именно сделать нужно?

 

После вставки видео заходишь в исходный код и видешь <iframe>ссылка на Ютуб  width="664"</iframe>  приведи к виду

 

<Div class="video-resposive"><iframe>ссылка на Ютуб  width="100%"</iframe></div>

 

В css файле темы нужно добавить следующие строки

/Catalog/view/themes/твоя тема/stylesheet.css

 

 

.video-responsive{  
 position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
Изменено пользователем VitUxUi
Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.