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


Видео На Главной Странице


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

#1 bvv23

bvv23

    Пользователь

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

Отправлено 03 Апрель 2017 - 11:26

Добрый день! Подскажите как вставить видеоролик о моей компании на главную страницу, чтобы все категории товаров сместить чуть вниз а над ними вставить ролик? Для примера прикрепил изображение, где он должен быть. Видео весит 270 Мб. Залито на ютуб.

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

  • главная.jpg


#2 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 337 сообщений

Отправлено 03 Апрель 2017 - 12:56

Просмотр сообщенияbvv23 (03 Апрель 2017 - 11:26) писал:

Добрый день! Подскажите как вставить видеоролик о моей компании на главную страницу, чтобы все категории товаров сместить чуть вниз а над ними вставить ролик? Для примера прикрепил изображение, где он должен быть. Видео весит 270 Мб. Залито на ютуб.
Здравствуйте.
В шаблоне Товары добавил код для вывода видео на главной.
<!--Видео на главной-->
{% IF index_page%}
  <div class="pagecont">
	<!--Код видео здесь-->
	test
  </div>
{% ENDIF %}
Предлагаемый код youtube вставьте после
	<!--Код видео здесь-->


#3 bvv23

bvv23

    Пользователь

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

Отправлено 03 Апрель 2017 - 13:47

Просмотр сообщенияMr.Nito (03 Апрель 2017 - 12:56) писал:

Здравствуйте.
В шаблоне Товары добавил код для вывода видео на главной.
<!--Видео на главной-->
{% IF index_page%}
<div class="pagecont">
<!--Код видео здесь-->
test
</div>
{% ENDIF %}
Предлагаемый код youtube вставьте после
<!--Код видео здесь-->
подскажите как выровнять видео по центру? сделал все как вы сказали, все работает, только видео смещено

#4 bvv23

bvv23

    Пользователь

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

Отправлено 03 Апрель 2017 - 13:57

еще такой вопрос, когда захожу через телефон видео огромное и не помещается на экране, выглядит ужасно, как это исправить?

желательно окно видео сделать поменьше и для компьютерной версии

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

  • qX7OQETCln4.jpg


#5 metry

metry

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

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

Отправлено 03 Апрель 2017 - 14:43

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->Товары и найдите строку:

<!--Код видео здесь--> <iframe width="854" height="480" src="https://www.youtube.com/******* " frameborder="0" allowfullscreen></iframe>

замените на:
	<!--Код видео здесь--> <iframe frameborder="0" height="480"  src="https://www.youtube.com/********* " style="width:100%;max-width:640px;" width="640"></iframe>


#6 bvv23

bvv23

    Пользователь

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

Отправлено 03 Апрель 2017 - 14:56

Просмотр сообщенияmetry (03 Апрель 2017 - 14:43) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->Товары и найдите строку:

<!--Код видео здесь--> <iframe width="854" height="480" src="https://www.youtube.com/******* " frameborder="0" allowfullscreen></iframe>

замените на:
<!--Код видео здесь--> <iframe frameborder="0" height="480" src="https://www.youtube.com/********* " style="width:100%;max-width:640px;" width="640"></iframe>
стало еще хуже. мне нужно чтобы категории товаров отображались по 4 категории на ряд. а их стало сейчас по 3..... Видео на центр экрана так и не переместилось

#7 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 337 сообщений

Отправлено 03 Апрель 2017 - 15:44

Просмотр сообщенияbvv23 (03 Апрель 2017 - 14:56) писал:

стало еще хуже. мне нужно чтобы категории товаров отображались по 4 категории на ряд. а их стало сейчас по 3..... Видео на центр экрана так и не переместилось
Код видео поправил.

В шаблоне Товары
<!--Видео на главной-->
{% IF index_page%}
<div class="pagecont ">
  <div class="video-wrap cols col-7">
	<div class="video">
		<!--Код видео здесь-->
  </div> 
</div>
<div class="clear"></div>
{% ENDIF %}

В main.css в самом конце добавил

/* Видео на главной  */
.container .video-wrap {
margin: auto;
float: none; 
}
@media(max-width:768px) {
  .video-wrap {width:100%!important}
}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe, .video object, .video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/**/


#8 bvv23

bvv23

    Пользователь

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

Отправлено 03 Апрель 2017 - 16:20

всё работает, всё супер! спасибо))




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

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