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

[Евгений 1976]

здравствуйте. сделал всё, но видеоролик встал в центре сверху над слайдерами. как убрать его вниз влево под блок "каталог"?

[Vaccina]

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

[Евгений 1976]

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

[Vaccina]

В шаблоне HTML найдите и удалите:

<div class="video"><iframe width="854" height="480" src="https://www.youtube.com/embed/vf0oPz1pFFs" frameborder="0" allowfullscreen></iframe><iframe width="854" height="480" src="https://www.youtube.com/embed/ddFK5FoqMrc" frameborder="0" allowfullscreen></iframe><iframe width="854" height="480" src="https://www.youtube.com/embed/XOGo3uFn4qI" frameborder="0" allowfullscreen></iframe>
</div>

далее найдите:

<!-- Левый блок -->
		  <div class="col-md-3 col-xs-12 col-left" {% IF MOD_LNAME=cart || MOD_LNAME=goods %}style="display: none;"{% ENDIF %}>
			{% IF MOD_LNAME = user && CLIENT_IS_LOGIN %}
			<div class="block user-menu">
			  <div class="block-title"><h5><span>Меню</span></h5></div>
			  <div class="block-menu-content">
				<ul>
				  <li><a href="{USER_SETTINGS_URL}" {% IF CURRENT_URL = USER_SETTINGS_URL %}class="active"{% ENDIF %}>Мой кабинет</a></li>
				  <li><a href="{FAVORITES_URL}" {% IF CURRENT_URL = FAVORITES_URL %}class="active"{% ENDIF %}>Избранное</a></li>
				  <li><a href="{USER_HISTORY_LIST_URL}" {% IF CURRENT_URL = USER_HISTORY_LIST_URL %}class="active"{% ENDIF %}>История заказов</a></li>
				  <li><a href="{COMPARE_URL}" {% IF CURRENT_URL = COMPARE_URL %}class="active"{% ENDIF %}>Сравнение</a></li>
				  <li><a href="{USER_LOGOUT_URL}" {% IF CURRENT_URL = USER_LOGOUT_URL %}class="active"{% ENDIF %}>Выход</a></li>
				</ul>
			  </div>
			</div>
			{% ENDIF %}
			<!-- Каталог -->
			{% IFNOT catalog_full_empty %}
			<div class="block menu">
			  <div class="block-title">
				<a href="{CATALOG_URL}"><h5><span>Каталог</span></h5></a></div>
				<div class="block-menu-content">
				  <ul>
					{% FOR catalog_full %}
					  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						  <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
						{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					{% ENDFOR %}
				  </ul>
				</div>
			</div>
			{% ENDIF %}
			<!-- /END Каталог -->

после него вставьте:

<div class="video">
  <iframe width="854" height="480" src="https://www.youtube.com/embed/vf0oPz1pFFs" frameborder="0" allowfullscreen></iframe>
  <iframe width="854" height="480" src="https://www.youtube.com/embed/ddFK5FoqMrc" frameborder="0" allowfullscreen></iframe>
  <iframe width="854" height="480" src="https://www.youtube.com/embed/XOGo3uFn4qI" frameborder="0" allowfullscreen></iframe>
</div>

В main.css добавьте:

.video {
	 position: relative;
	 padding-bottom: 56.25%;
	 padding-top: 30px;
	 height: 0;
	 overflow: hidden;
}
 
.video iframe,
.video object,
.video embed {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100% !important;
	 height: 100% !important;
}

[Евгений 1976]

всё сделал.получилось видео на всю длину, между верхнем блоком меню и слайдерами. как перенести его вниз и влево(под блок "каталог" )

[Vaccina]

Перепроверьте изменения по инструкции выше, у вас не там вставлен блок с видео.
В main.css найдите:

.video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

замените на:

.video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
width: 100%;
}

В результате у вас должно получиться следующее:

[Евгений 1976]

спасибо , всё встало на место. но как сделать чтоб видеоролики располагались вертикально, один под другим.

[Firefly]

Евгений 1976 (15 Сентябрь 2016 - 07:21) писал:

спасибо , всё встало на место. но как сделать чтоб видеоролики располагались вертикально, один под другим.

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
width: 100%;
}
.video iframe,
.video object,
.video embed {
		 position: absolute;
		 top: 0;
		 left: 0;
		 width: 100% !important;
		 height: 100% !important;
}

Замените на:

.video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
width: 100%;
}
.video iframe,
.video object,
.video embed {
		 position: relative;
		 width: 100% !important;
}

[Евгений 1976]

спасибо за помощь,всё получилось.

[Евгений 1976]

подскажите как убрать временно " с этим товаром смотрят".

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - в самом конце шаблона добавьте:

.related.clear {
	display: none;
}