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

[lesnoy]

ау? есть кто?

[Danil]

lesnoy (07 Сентябрь 2015 - 13:55) писал:

ау? есть кто?

В шаблоне html найдите код

				 <!-- Каталог в шапке -->
						 <div class="yt-main-menu col-lg-9 col-md-10 col-xs-12">

и замените на

				 <!-- Каталог в шапке -->
						 <div class="yt-main-menu col-lg-12 col-md-12 col-xs-12">

[lesnoy]

Danil (07 Сентябрь 2015 - 13:58) писал:

В шаблоне html найдите код

<!-- Каталог в шапке -->
<div class="yt-main-menu col-lg-9 col-md-10 col-xs-12">

и замените на

<!-- Каталог в шапке -->
<div class="yt-main-menu col-lg-12 col-md-12 col-xs-12">

Спасибо, большое!

[fullkos]

Помогите реализовать !!!
Заранее спасибо !!!

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

• 

[fullkos]

Подскажите как мне уменьшить слайдер и перенести его в левую сторону?

[fullkos]

А кто нибудь все таки может подсказать ?

[Vaccina]

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

[fullkos]

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

[Vaccina]

В main.css найдите:

#slideshow {margin: 0 0;position: relative;}
#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 570px; overflow: hidden;z-index:1;}
.slides_container {cursor: move; position: absolute; left: 0px; top: 0px; width: 1920px;height: 570px; overflow: hidden;}
.slides_container img {left:0 !important;}

попробуйте заменить на:

#slideshow {margin: 0 0;position: relative; width: 100% !important;}
#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 100% !important; height: 570px; overflow: hidden;z-index:1;}
.slides_container {cursor: move; position: absolute; left: 0px; top: 0px; width: 1920px;height: 570px; overflow: hidden;}
.slides_container img {left:0 !important;}

баннер пока не добавляю в инструкции, так как надо разобраться со слайдером

[fullkos]

Сделал как Вы сказали, картинка изменила свой размер...слайдер по размерам остался тот же

Слайдер еще больше стал...

[Vaccina]

#slideshow {margin: 0 0;position: relative; width: 100% !important;}
#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 100% !important; height: 570px; overflow: hidden;z-index:1;}
.slides_container {cursor: move; position: absolute; left: 0px; top: 0px; width: 1920px;height: 570px; overflow: hidden;}
.slides_container img {left:0 !important;}

замените на:

#slideshow {margin: 0 0;position: relative; width: 80% !important;}
#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 100% !important; height: 570px; overflow: hidden;z-index:1;}
.slides_container {cursor: move; position: absolute; left: 0px; top: 0px; width: 100% !important; height: 570px; overflow: hidden;}
.slides_container > div {width: 100% !important;}
.slides_container img {left:0 !important; width: 100% !important; height: auto !important;}

[fullkos]

Картинка стала меньше, но фон слайдера остался большой,правая сторона белого фона SL-359428

[Vaccina]

Справа вам и так нужен пустой блок для размещения баннера.
В main.css найдите:

#slider {
position: relative;
margin: 0px auto;
top: 0px;
left: 0px;
width: 100% !important;
height: 570px;
overflow: hidden;
z-index: 1;
}

попробуйте заменить на:

#slider {
position: relative;
margin: 0px auto;
top: 0px;
left: 0px;
width: 100% !important;
height: 370px !important;
overflow: hidden;
z-index: 1;
}

[fullkos]

А можно его уменьшить с левого края до первой позиции каталога ?

[Vaccina]

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

[fullkos]

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

[Vaccina]

Все равно вас не поняла =) Он и есть отдельный элемент и не привязан ни к какому соседнем блоку. если дело в отступах, то в main.css найдите:

#slideshow {
	margin: 0px;
	position: relative;
	width: 80% !important;
}

замените на:

#slideshow {
	margin: 0px;
	position: relative;
	width: 80% !important;
	margin: 0 3.5%;
}

В дальнейшем изменяйте значение стиля margin для увеличения\уменьшения отступа.

[fullkos]

)))))))))))
А картинку справа вставим ?

[Vaccina]

Ну если про слайдер больше нет вопросов, то можем приступить к баннеру, для этого в шаблоне HTML найдите:

<img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" />
			  </div>
			</div>
		  </div>
		</div>

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

<div class="ban_slide"><img src="{ASSETS_IMAGES_PATH}slide2.png?design=jade"></div>

В main.css найдите:

#slideshow {
	position: relative;
	width: 80% !important;
	margin: 0px 6.7%;
}

замените на:

#slideshow {
	position: relative;
	width: 80% !important;
	margin: 0;
	float: left;
}
.ban_slide {
	width: 20%;
	float: right;
	overflow: hidden;
}
.ban_slide img {
	width: 100%;
	height: auto;
}
.yt-bannertop {
	clear: both;
}

Отступ я все же убрала в инструкции, пока необходимо настроить их одновременную выдачу, так как баннер бы не влез, в баннере:

<div class="ban_slide"><img src="{ASSETS_IMAGES_PATH}slide2.png?design=jade"></div>

замените slide2.png на другую картинку, соблюдайте пропорции, чтобы она встала ровно со слайдером, например высота 370px, а ширина 100px, надо подогнать по размерам сам баннер

[fullkos]

Подогнал )))))))))))))))