Верхнее Меню, Цвет Фона, Положение Страницы И Т.д.

kdi45 (30 Январь 2016 - 10:49) писал:

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

@media all and (min-width:1366px){
.container{width:1336px}
}
@media all and (min-width:1920px){
.container{width:1600px}
}

помогло, спасибо!

добрый всем день! подскажите пожалуйста как подрезать шапку и слайдер слева и права? как на рис

kdi45 (02 Февраль 2016 - 14:13) писал:

Вам всю страницу нужно так обрезать? Попробуйте следующее. В main.css добавьте код:

div#yt_wrapper {
	width: 90%;
	margin: 0 auto;
}

значение 90% меняйте на нужное Вам.

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

kdi45 (02 Февраль 2016 - 17:08) писал:

Тогда попробуйте в main.css изменить код:

#header {position: relative;z-index: 2;}

на код:

#header {
	position: relative;
	z-index: 2;
	margin: 0 3%;
}

далее код:

#slideshow {margin: 0 0;position: relative;}

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

#slideshow {margin: 0 3%;position: relative;}

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

kdi45 (06 Февраль 2016 - 22:48) писал:

Здравствуйте. В шаблоне main.css замените строку:

#nav li ul.dropdown-menu {border-bottom:5px solid #fff;position: absolute;left: 0;width: 99.9%;padding: 0 15px;margin-top:25px;z-index: 1000;float: left;opacity: 0;visibility: hidden;transition-property: margin-top, opacity, visibility;transition-duration: 0.5s, 0.5s, 0.5s;-webkit-transition-property: margin-top, opacity, visibility;-webkit-transition-duration: 0.5s, 0.5s, 0.5s;}

на:

#nav li ul.dropdown-menu {position: absolute;left: 0;width: 99.9%;padding: 0 15px;margin-top:25px;z-index: 1000;float: left;opacity: 0;visibility: hidden;transition-property: margin-top, opacity, visibility;transition-duration: 0.5s, 0.5s, 0.5s;-webkit-transition-property: margin-top, opacity, visibility;-webkit-transition-duration: 0.5s, 0.5s, 0.5s;}

спасибо помогло, у меня возникло еще несколько вопросов.
1. еще бы убрать подобные белые вертикальные полосы между кнопками верхнего меню
2. после перемещения верхнего меню ниже, не все пункты меню стали помещаться на отведенное для них поле, как я понимаю. т.е. их может быть только скажем 6 с коротким названием или 5 если у одного из них название длинней. Можно это поле удлинить? или возможно сделать так, как на рис. 2? Т.е. сдвинуть верхнее меню и меню каталогов немного левее, и подровнять соответственно правую границу левого меню по одной линии?
3. после изменения шаблона сайт стал криво отображаться в мобильной версии. в принципе не критично, но если можно...

kdi45 (07 Февраль 2016 - 15:10) писал:

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

.header-top .header-top-left .top-navbar-links li {float: left;border-left: 1px solid #fff;height: 50px;background-repeat: no-repeat;}

Замените на:

.header-top .header-top-left .top-navbar-links li {float: left;height: 50px;background-repeat: no-repeat;}

2. Найдите код:

.header-top .header-top-left .top-navbar-links li a {padding: 18px 18px 12px 18px;display: block;font-size:115%;}

Замените на:

.header-top .header-top-left .top-navbar-links li a {padding: 18px 15px 12px 15px;display: block;font-size:115%;}

3. Найдите код:

@media all and (max-width: 767px) {

Замените на:

@media all and (max-width: 767px) {
.header-content .logo {padding-top:85px;}

1 помогло, спасибо.
2 пока непонятно,
3 а вот уменьшение полей практически не помогает, даже если значения выставить 10 (меньше уже не айс). А вариант предложенный мной не выполним или слишком трудозатратен?

kdi45 (07 Февраль 2016 - 17:00) писал:

2. Сейчас у Вас отображаются все пункты меню.

Этот вариант возможен, но это лишь частично решит вопрос по меню, однако создаст дополнительные проблемы для плитки товаров, поскольку они имеют так же фиксированные размеры (будет много пустого места справа).

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

kdi45 (07 Февраль 2016 - 17:57) писал:

Как вариант, можно немного сжать пункты меню, чтобы поместился еще один пункт.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.header-top .header-top-left .top-navbar-links li a {padding: 18px 15px 12px 15px;display: block;font-size:115%;}

Замените на:

.header-top .header-top-left .top-navbar-links li a {padding: 18px 10px 12px 10px;display: block;font-size:115%;}

мы это два часа назад делали, нет? . Это вариант конечно, но если нужно добавить два пункта меню, или у пункта длинное название, то это не выход. Скажите, может быть есть еще варианты размещения подобных ссылок на статьи, новости и т.д., кроме подвала?

kdi45 (07 Февраль 2016 - 18:46) писал:

Здравствуйте, перед изменениями создайте бекап шаблона. Давайте попробуем немного расширить меню, для этого в шаблоне HTML  найдите код:

			  <!-- Логотип -->
			  <div class="logo col-lg-3 col-md-2 col-xs-12">

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

			  <!-- Логотип -->
			  <div class="logo col-lg-2 col-md-2 col-xs-12">

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

<!-- Основное меню -->
						 <div class="header-top-left col-lg-7 col-md- col-sm-7 col-xs-12">

дальше найдите код:

			  <div class="yt-main-menu col-lg-9 col-md-10 col-xs-12">
				<!-- Кнопка каталога в меню для мобильных устройств -->

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

			  <div class="yt-main-menu col-lg-10 col-md-10 col-xs-12">
				<!-- Кнопка каталога в меню для мобильных устройств -->

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

.header-content .logo {padding: 10px 70px;}

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

.header-content .logo {padding: 10px;}

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

<div id="main_left" class="col-lg-3 col-md-3 col-sm-4 col-xs-12">

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

<div id="main_left" class="col-lg-2 col-md-2 col-sm-4 col-xs-12">

далее найдите в шаблоне товары код:

<div id="main_right" class="{% IFNOT index_page %}col-lg-9 col-md-9 col-sm-8 col-xs-12{% ELSE %}col-lg-12 col-md-12 col-sm-12 col-xs-12{% ENDIF %}">

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

<div id="main_right" class="{% IFNOT index_page %}col-lg-10 col-md-10 col-sm-8 col-xs-12{% ELSE %}col-lg-12 col-md-12 col-sm-12 col-xs-12{% ENDIF %}">

в шаблонах:
Товар
ЛК Активация нового пароля
Поиск
Просмотр акции
Просмотр новости
Список акций
Список новостей
Сравнение товаров найдите код:

<div id="main_right" class="col-lg-9 col-md-9 col-sm-8 col-xs-12">  

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

<div id="main_right" class="col-lg-10 col-md-10 col-sm-8 col-xs-12">  

далее в шаблонах:
ЛК Авторизация
ЛК Восстановление пароля
ЛК Избранные товары
ЛК Информация о заказе
ЛК История заказов (Список)
ЛК Настройки пользователя
ЛК Регистрация нового клиента

найдите код:

<div id="main_right" class="col-lg-9 col-md-9 col-sm-8 col-xs-12 account">

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

<div id="main_right" class="col-lg-10 col-md-10 col-sm-8 col-xs-12 account">

Далее в шаблоне Страница замените код:

{% IF index_page %}<div class="box m15">{% ELSE %}<div id="main_right" class="col-lg-9 col-md-9 col-sm-8 col-xs-12 box">{% ENDIF %}

на код:

{% IF index_page %}<div class="box m15">{% ELSE %}<div id="main_right" class="col-lg-10 col-md-10 col-sm-8 col-xs-12 box">{% ENDIF %}

Так же, как Вам ранее предлагалось, можно уменьшить внутренние отступы. Еще, как вариант, можно сделать перенос пунктов меню на следующую строку (сейчас у Вас то, что не убирается - скрывается).

в самом начале,
этим <div class="header-top-left col-lg-7 col-md- col-sm-7 col-xs-12">
ножно заменить
<div class="header-top-left col-lg-6 col-md- col-sm-6 col-xs-12"> ?

этот не находит
.header-content .logo {padding: 10px 70px;}

kdi45 (09 Февраль 2016 - 09:19) писал:

Да, извините, код:

<div class="header-top-left col-lg-7 col-md- col-sm-7 col-xs-12">

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

<div class="header-top-left col-lg-7 col-md-7 col-sm-7 col-xs-12">

Этот код у Вас находится на 280 строке в main.css

.header-content .logo {padding:10px 70px;}

В принципе, все получилось. Спасибо!

да, я понял, что он делает, спасибо

подскажите пожалуйста, как увеличить эти два поля на скрине. Соответственно одно поле по высоте, другое с номером телефона по ширине