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

[Totti]

Здравствуйте
1. помогите изменить красные элементы в шаблоне на сиреневый.
при наведении на ссылку, обозначение количества товаров в корзине и т.д в общем все возможные
2. строку категории товара поменять местами с строкой где логотип,
растянуть по всей длине, и каждую категорию поместить в рамку
3. убрать слово телефон (глаза режет),
4. где изменить ссылки на банере/карусели ?
5. при нажатии на категорию, чтоб не показывались картинки категорий, а сразу отображались все товары категории
6.

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

• 

[RayLi]

Totti (26 Апрель 2016 - 15:05) писал:

Здравствуйте
1. помогите изменить красные элементы в шаблоне на сиреневый.
при наведении на ссылку, обозначение количества товаров в корзине и т.д в общем все возможные
2. строку категории товара поменять местами с строкой где логотип,
растянуть по всей длине, и каждую категорию поместить в рамку
3. убрать слово телефон (глаза режет),
4. где изменить ссылки на банере/карусели ?
5. при нажатии на категорию, чтоб не показывались картинки категорий, а сразу отображались все товары категории
6.

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

#producttabs .pdt-nav li a:hover, #producttabs .pdt-nav li a.active {
	background-color: #c7081b;
}

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

#producttabs .pdt-nav li a:hover, #producttabs .pdt-nav li a.active {
	background-color: #C708B8;
}

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

.accor-open strong:hover {
	color: #c7081b;
}

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

.accor-open strong:hover {
	color: #C708B8;
}

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

div.title_accor a:hover {
	color: #c7081b;
}

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

div.title_accor a:hover {
	color: #C708B8;
}

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

a:hover, a:active {
	outline: 0;
	color: #c7081b;
	text-decoration: none;
}

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

a:hover, a:active {
	outline: 0;
	color: #C708B8;
	text-decoration: none;
}

После этого в том же шаблоне найдите данный код:

.block-cart .cart-title .cart-count {
	display: inline-block;
	position: absolute;
	background-color: #c7081b;
	color: #fff;
	font-size: 12px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 100%;
	top: -10px;
	right: 0px;
}

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

.block-cart .cart-title .cart-count {
	display: inline-block;
	position: absolute;
	background-color: #C708B8;
	color: #fff;
	font-size: 12px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 100%;
	top: -10px;
	right: 0px;
}

Теперь найдите следующий код:

.block-cart .dropdown-cart {
	position: absolute;
	width: 360px;
	right: 0px;
	z-index: 99;
	background-color: #f1f1f1;
	border-top: 5px solid #c7081b;
	padding: 0px;
	box-shadow: 0 -6px 6px -12px #b3b3b3 inset,0px 6px 12px -4px #666;
	-webkit-box-shadow: 0 -6px 6px -12px #b3b3b3 inset,0px 6px 12px -4px #666;
	-moz-box-shadow: 0 -6px 6px -12px #b3b3b3 inset,0px 6px 12px -4px #666;
	-ms-box-shadow: 0 -6px 6px -12px #b3b3b3 inset,0px 6px 12px -4px #666;
	-o-box-shadow: 0 -6px 6px -12px #b3b3b3 inset,0px 6px 12px -4px #666;
}

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

.block-cart .dropdown-cart {
	position: absolute;
	width: 360px;
	right: 0px;
	z-index: 99;
	background-color: #f1f1f1;
	border-top: 5px solid #C708B8;
	padding: 0px;
	box-shadow: 0 -6px 6px -12px #b3b3b3 inset,0px 6px 12px -4px #666;
	-webkit-box-shadow: 0 -6px 6px -12px #b3b3b3 inset,0px 6px 12px -4px #666;
	-moz-box-shadow: 0 -6px 6px -12px #b3b3b3 inset,0px 6px 12px -4px #666;
	-ms-box-shadow: 0 -6px 6px -12px #b3b3b3 inset,0px 6px 12px -4px #666;
	-o-box-shadow: 0 -6px 6px -12px #b3b3b3 inset,0px 6px 12px -4px #666;
}

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

#custommenu .mainnav > li > a:hover {
	color: #c7081b;
}

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

#custommenu .mainnav > li > a:hover {
	color: #C708B8;
}

И после этого найдите теперь данный код:

#custommenu .mainnav li .dropdown-menu {
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	border-bottom: 5px solid #c7081b;
	background: #fafafa;
	z-index: 999;
	padding: 15px;
}

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

#custommenu .mainnav li .dropdown-menu {
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	border-bottom: 5px solid #C708B8;
	background: #fafafa;
	z-index: 999;
	padding: 15px;
}

[Totti]

спасибо, Бэтмен. по вопросу замены цвета все понял, буду реализовывать.