Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

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

Автор bvv23, 03 апр. 2017 11:26

Авторизуйтесь для ответа в теме

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

#1 bvv23

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

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

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

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

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

Наверх

#2 Mr.Nito

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

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

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

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

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

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

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

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

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

Наверх

#3 bvv23

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

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

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

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

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

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

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

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

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

Наверх

#4 bvv23

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

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

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

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

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

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

Наверх

#5 metry

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

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

Отправлено 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

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

Пользователи
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

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

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

Отправлено 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%;
}
/**/