Сообщений в теме: 7

[bvv23]

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

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

• 

[Mr.Nito]

bvv23 (03 Апрель 2017 - 11:26) писал:

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

Здравствуйте.
В шаблоне Товары добавил код для вывода видео на главной.

<!--Видео на главной-->
{% IF index_page%}
  <div class="pagecont">
	<!--Код видео здесь-->
	test
  </div>
{% ENDIF %}

Предлагаемый код youtube вставьте после

	<!--Код видео здесь-->

[bvv23]

Mr.Nito (03 Апрель 2017 - 12:56) писал:

Здравствуйте.
В шаблоне Товары добавил код для вывода видео на главной.

<!--Видео на главной-->
{% IF index_page%}
<div class="pagecont">
<!--Код видео здесь-->
test
</div>
{% ENDIF %}

Предлагаемый код youtube вставьте после

<!--Код видео здесь-->

подскажите как выровнять видео по центру? сделал все как вы сказали, все работает, только видео смещено

[bvv23]

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

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

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

• 

[metry]

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

<!--Код видео здесь--> <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>

[bvv23]

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..... Видео на центр экрана так и не переместилось

[Mr.Nito]

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%;
}
/**/

[bvv23]

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