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

[Danil]

Сергей Иванов (04 Декабрь 2015 - 19:09) писал:

Подскажите как сделать:
1) Изменить выделение на красный
2) Добавить тени каталогу как у блока вы смотрели

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

.block-menu-content ul li.active .open-sub.active:before {
	content: "\f068";
	color: #18bd9c;
}

и

.block-menu-content ul li a:hover, .block-menu-content ul li a.active {
	color: #18bd9c;
	border-left: 3px solid #18bd9c;
	background: #ffffff;
}

изменяйте color и background
2) В конец main.css добавьте

.block-menu-content {
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
}

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

Почему то не прописывается полное название страницы? Везде написал "оплата и доставка" а на самом сайте не меняется

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

2) Анимацию выбора при выпадающем меню сделать такой же как в боковом каталоге
3)Теней нет(((

[Danil]

Сергей Иванов (04 Декабрь 2015 - 19:31) писал:

Почему то не прописывается полное название страницы? Везде написал "оплата и доставка" а на самом сайте не меняется

Зайдите в раздел Сайт - Меню и поменяйте название пункта "Доставка" на "Оплата и доставка".
Тени Вам добавили, проверьте.

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

Теней не наблюдаю

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

• 

[Юля123]

Сергей Иванов (04 Декабрь 2015 - 20:37) писал:

Теней не наблюдаю

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

.block-menu-content {
		box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
}

сейчас он у Вас стоит в мобильной версии.

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

2) Анимацию выбора при выпадающем меню сделать такой же как в боковом каталоге

И тени: в боковом каталоге оставить, а в подвале убрать

[RedHead]

Сергей Иванов (05 Декабрь 2015 - 06:36) писал:

2) Анимацию выбора при выпадающем меню сделать такой же как в боковом каталоге

И тени: в боковом каталоге оставить, а в подвале убрать

Здравствуйте! Перед внесением изменений, создайте бэкап.
В шаблоне html (примерно на 1187 строке) найдите код

<!-- Каталог -->
						{% IFNOT catalog_full_empty %}
						<div class="block menu">
								<div class="block-menu-content">

замените на

<!-- Каталог -->
						{% IFNOT catalog_full_empty %}
						<div class="block menu">
								<div class="block-menu-content_footer">

Далее в шаблоне main.css найдите строку

/*** Подвал ***/

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

.block-menu-content_footer ul li {position: relative;padding: 0;}
.block-menu-content_footer ul > li {border-bottom: 1px solid #dddddd;background: #fcfcfc;}
.block-menu-content_footer ul > li:last-child {border-bottom: 0;}
.block-menu-content_footer li a {
		display: block;
		line-height: 27px;
		margin: 0;
		padding: 0 20px 0 17px;
		font-weight: 500;
		letter-spacing: 0.3px;
		text-align: left;
		text-transform: capitalize;
		color: #404040;
		border-left: 3px solid rgba(0,0,0,0);
}
.block-menu-content_footer ul li.parent.subhead:before {padding-right: 20px;}
.block-menu-content_footer ul li.parent.subhead {padding-left:0;}
.block-menu-content_footer ul.sub {padding-left:15px;}
.block-menu-content_footer ul li a:hover, .block-menu-content ul li a.active {color: #e84030;border-left: 3px solid #e84030;background: #ffffff;}
.block-menu-content_footer ul li .open-sub {float: right;right: 5px;position: absolute;padding: 0 10px;}

На второй вопрос Вам ответят чуть позже.

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

Не совсем решило проблему, тени исчезли везде; в подвале появились разделительные полосы

[RedHead]

Сергей Иванов (05 Декабрь 2015 - 10:52) писал:

Не совсем решило проблему, тени исчезли везде; в подвале появились разделительные полосы

Выполните, пожалуйста, инструкцию еще раз. При правильном выполнении тень исчезает только в подвале. Скрин прикрепляю.


Чтобы убрать разделительные полосы, замените в шаблоне main.css строку

.block-menu-content_footer ul > li {border-bottom: 1px solid #dddddd;background: #fcfcfc;}

на

.block-menu-content_footer ul > li {background: #fcfcfc;}

Чтобы изменить внешний вид выпадающего меню, в шаблоне main.css найдите код:

#custommenu ul.mainnav li:hover a.title-lv1:before {
		position: absolute;
		content: "\f0da";
		font: normal normal normal 14px / 1 FontAwesome;
		opacity: 0;
		top: 10px;
		left: 2px;
}

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

#custommenu ul.mainnav li:hover a.title-lv1:before {
		position: absolute;
		opacity: 0;
		top: 10px;
		left: 2px;
}

Далее в этом же шаблоне найдите строку

#custommenu ul.mainnav li a.title-lv1:hover {color: #ee4548;}

и замените ее на

#custommenu ul.mainnav li a.title-lv1:hover {color: #ee4548;border-left: 3px solid #e84030;}
#custommenu ul.mainnav li a.title-lv2:hover {color: #ee4548;border-left: 3px solid #e84030;padding-left:5px;}

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

Ну нет тени хоть убейте)

[RedHead]

Сергей Иванов (05 Декабрь 2015 - 19:25) писал:

Ну нет тени хоть убейте)

В конец шаблона main.css добавьте строки

.block-menu-content {
				box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
}

Вы их удалили.

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

Кнопка выделяется белым цветом

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

• 

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

Актуально! Жду помощь

[Vaccina]

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

.info_head .cart_block a {
		color: #fff !important;
		line-height: 35px;
		padding: 0 10px !important;
}

после него пропишите:

.info_head .cart_block a:hover{
	  color:#E84030 !important;
	  border:1px solid #E84030 !important;
}