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

[Сергей Иванов]

Добрый вечер!
Подскажите в таких вопросах:
1) Подтянуть хлебные крошки к шапке (соответственно и все что ниже)  (рис.1)
2) Как выставить слайд и картинку по одной линии? (рис. 2)
3) Как немного подтянуть нижнюю часть шапки к верхней и выровнить верхнюю часть шапки по линии (рис. 3)

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

• 
• 
• 

[RayLi]

Сергей Иванов (22 Ноябрь 2015 - 20:29) писал:

Добрый вечер!
Подскажите в таких вопросах:
1) Подтянуть хлебные крошки к шапке (соответственно и все что ниже)  (рис.1)
2) Как выставить слайд и картинку по одной линии? (рис. 2)
3) Как немного подтянуть нижнюю часть шапки к верхней и выровнить верхнюю часть шапки по линии (рис. 3)

Здравствуйте.
Для начала попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите данный код:

#slider {
	position: relative;
	margin: 0px;
	width: 819px;
	height: 375px;
	overflow: hidden;
	z-index: 0;
	float: left;
}

И замените его вот этим вот кодом:

#slider {
	position: relative;
	margin: 0px;
	width: 819px;
	height: 375px;
	overflow: hidden;
	z-index: 0;
	float: left;
	margin-left: -10px;
}

Далее в том же шаблоне найдите, пожалуйста, следующий код:

.right_banner {
	float: right;
	width: 28%;
}

И замените его вот этим кодом:

.right_banner {
	float: right;
	width: 28%;
	margin-right: -10px;
}

[Сергей Иванов]

на мой взгляд ничего не поменялось(

[Юля123]

Сергей Иванов (23 Ноябрь 2015 - 10:21) писал:

на мой взгляд ничего не поменялось(

Здравствуйте,
1) Подтянуть хлебные крошки. В main.css найдите код:

#breadcrumbs {margin-bottom: 20px;background: #fff;margin-top: 80px;}

и замените его на код:

#breadcrumbs {margin-bottom: 20px;background: #fff;}

2) Слайдер и картинку на одном уровне. В main.css найдите код:

.right_banner {
	 float: right;
	 width: 28%;
	 margin-right: -10px;
}

и замените на код:

.right_banner {
float: right;
width: 27%;
margin-right: -10px;
}

3) подтянуть нижнюю часть шапки к верхней и выровнять верхнюю часть шапки по линии
в main.css найдите код:

.info_head {
	 width: 83%;
}

и замените его на код:

.info_head {
	 width: 83%;
	 margin-top: -30px;
}
.logo {
	 margin-top: -30px;
}

в конце main.css добавьте код:

.block-account {
position: relative;
top: 0;
}

Затем найдите код:

.form-search {display: block; margin-left: auto;margin-right: auto;max-width: 245px;padding: 0 7px;line-height: 47px;}

и замените на код:

.form-search {display: block; margin-left: auto;margin-right: auto;max-width: 245px;padding: 0 7px;line-height: 47px; margin-top:-3px;}

[Сергей Иванов]

Шапка встала ужасно все в кучу

[Юля123]

Сергей Иванов (23 Ноябрь 2015 - 12:53) писал:

Шапка встала ужасно все в кучу

Извините, изменила второй пункт, попробуйте снова.

[Сергей Иванов]

Мммм, а что попробовать ? Что заменить?

2й код у меня именно такой и стоит)

[Юля123]

Сергей Иванов (23 Ноябрь 2015 - 13:56) писал:

Мммм, а что попробовать ? Что заменить?

2й код у меня именно такой и стоит)

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

.info_head {
				width: 83%;[/font][/color]
[color=#282828][font=helvetica, arial, sans-serif]			  [/font][/color]margin-top: -30px;
[color=#282828][font=helvetica, arial, sans-serif]}[/font][/color]
.logo {
		margin-top: -30px;
}
[color=#282828][font=helvetica, arial, sans-serif]

и замените его на код:

.info_head {
				width: 83%;
			   margin-top: -30px;
}
.logo {
		margin-top: -30px;
}

[Сергей Иванов]

Где то возникают ошибки из-за данных изменений сайт отказывается грузится нормально

[Юля123]

Сергей Иванов (24 Ноябрь 2015 - 08:52) писал:

Где то возникают ошибки из-за данных изменений сайт отказывается грузится нормально

На вашем сайте долго загружается слайдер, внесенные изменения не влияют на скорость загрузки сайта.

[Сергей Иванов]

Дело не в скорости загрузки а в корректном отображении

[Firefly]

Сергей Иванов (24 Ноябрь 2015 - 09:40) писал:

Дело не в скорости загрузки а в корректном отображении

Попробуйте реализовать указанные Вами пункты по следующей инструкции:
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

#breadcrumbs {margin-bottom: 20px;background: #fff;margin-top: 80px;}

Замените на:

#breadcrumbs {margin-bottom: 20px;background: #fff;margin-top: 10px;}

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

.block-account {top: 0px;}

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

.right_banner img {
		width: 100%;
		height: auto;
}

Замените на:

.right_banner img {
		width: 100%;
		max-height: 309px;
}

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

.form-search #search_mini_form {display: block;}

Замените на:

.form-search #search_mini_form {display: block;height: 45px;}

На данный момент общая скорость загрузки страниц магазина занимают в среднем 4-5 секунд, что является неплохим результатом. Так же обращаю Ваше внимание, что небольшие затруднения могут вызывать обращения подключенных скриптов различных сторонних чатов и виджетов.

[Сергей Иванов]

Все четко!)) Спасибо

[Сергей Иванов]

Ааамм... сбилась форма "задать вопрос"

[Firefly]

Сергей Иванов (24 Ноябрь 2015 - 16:38) писал:

Ааамм... сбилась форма "задать вопрос"

Вам произвели изменения, проверьте пожалуйста.

[Сергей Иванов]

Иконка телефон берется с шапки(((

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

• 

[Vaccina]

В main.css после:

i.fa.fa-phone {
		background: url("{ASSETS_IMAGES_PATH}telephone34.png");
}
i.fa.fa-clock-o {
		background: url("{ASSETS_IMAGES_PATH}clock125.png");
}
i.fa.fa-question {
		background: url("{ASSETS_IMAGES_PATH}question5.png");
}

пропишите:

.feedback-form i.fa.fa-phone {
	background: #18BD9C;
}

[Сергей Иванов]

Снова сбилась форма "Задать вопрос" "Заказать звонок"

[Vaccina]

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

<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>

перенесите его в самый низ, поставив перед </body>

[Сергей Иванов]

Как поправить форму по размеру? Все съехало