Перейти к содержимому


Изменить Блоки И Цветовую Гамму В Каталоге


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 Юрий32

Юрий32

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 22 Март 2018 - 15:25

Здравствуйте, помогите изменить каталог, а именно цвет рамок как на приложенной картинке, цвет  #3c7b20
так же изменить рамки во всех основных категориях. спасибо

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

  • ррр.png


#2 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 22 Март 2018 - 16:03

Просмотр сообщенияЮрий32 (22 Март 2018 - 15:25) писал:

Здравствуйте, помогите изменить каталог, а именно цвет рамок как на приложенной картинке, цвет  #3c7b20
так же изменить рамки во всех основных категориях. спасибо

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

.categories .item .cat-item {
	border: 1px solid #dddddd;
	border-bottom: 0;
}

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

.categories .item .cat-item {
	border: 1px solid #3c7b20;
	border-bottom: 0;
}


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

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

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

.block-menu-content ul > li {
	border-bottom: 1px solid #3c7b20;
	background: #fcfcfc;
}


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

.page-title h1 {
	font-size: 24px;
	color: #404040;
	border-bottom: 1px solid #dddddd;
	min-height: 30px;
	padding-top: 0px;
	border-radius: 0px;
	padding-left: 0;
	position: relative;
	margin-bottom: 15px;
}

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

.page-title h1 {
	font-size: 24px;
	color: #404040;
	border-bottom: 1px solid #3c7b20;
	min-height: 30px;
	padding-top: 0px;
	border-radius: 0px;
	padding-left: 0;
	position: relative;
	margin-bottom: 15px;
}


#3 Юрий32

Юрий32

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 22 Март 2018 - 20:31

спасибо, можно еще попросить изменить вот так как на картинке, обвести товары на главной и еще две колонки и линии между иконками товаров сделать таким же цветом #3c7b20?

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

  • Безымянныйуввв.png


#4 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 22 Март 2018 - 20:36

Просмотр сообщенияЮрий32 (22 Март 2018 - 20:31) писал:

спасибо, можно еще попросить изменить вот так как на картинке, обвести товары на главной и еще две колонки и линии между иконками товаров сделать таким же цветом #3c7b20?

Для этого Вам необходимо в шаблоне main.css найти следующий код:

#producttabs .pdt-nav li.tab-nav-actived span {
	background: none;
	border: 1px solid #9b9b9b;
	color: #404040;
}

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

#producttabs .pdt-nav li.tab-nav-actived span {
	background: none;
	border: 1px solid #3c7b20;
	color: #404040;
}


После чего там же найдите, пожалуйста, данный код:

#producttabs:before {
	content: "";
	height: 1px;
	width: 100%;
	left: 0;
	top: 20px;
	position: absolute;
	background: #dddddd;
	z-index: -1;
}

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

#producttabs:before {
	content: "";
	height: 1px;
	width: 100%;
	left: 0;
	top: 20px;
	position: absolute;
	background: #3c7b20;
	z-index: -1;
}


#5 Юрий32

Юрий32

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 22 Март 2018 - 22:06

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

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

  • Безымянныйуввв.png


#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 24 Март 2018 - 06:57

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#producttabs .pdt-nav li span {display: block;border-radius: 30px;border: 1px solid #dddddd;text-transform: uppercase;padding: 10px 28px;color: #b7b7b7;letter-spacing: 1.5px;}
#producttabs .pdt-nav li.tab-nav-actived span {background: none;border: 1px solid #3c7b20;color: #404040;}
#producttabs .pdt-nav li:hover span {border: 1px solid #ddd;color: #404040;cursor: pointer;background-color: #fcfcfc;color: #b7b7b7;}

замените на:
#producttabs .pdt-nav li span {display: block;border-radius: 30px;border: 1px solid #3c7b20;text-transform: uppercase;padding: 10px 28px;color: #404040;letter-spacing: 1.5px;}
#producttabs .pdt-nav li.tab-nav-actived span, #producttabs .pdt-nav li:hover span {border: 1px solid #ddd;color: #404040;cursor: pointer;background-color: #fcfcfc;color: #b7b7b7;}


#7 Юрий32

Юрий32

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 24 Март 2018 - 12:22

Просмотр сообщенияVaccina (24 Март 2018 - 06:57) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#producttabs .pdt-nav li span {display: block;border-radius: 30px;border: 1px solid #dddddd;text-transform: uppercase;padding: 10px 28px;color: #b7b7b7;letter-spacing: 1.5px;}
#producttabs .pdt-nav li.tab-nav-actived span {background: none;border: 1px solid #3c7b20;color: #404040;}
#producttabs .pdt-nav li:hover span {border: 1px solid #ddd;color: #404040;cursor: pointer;background-color: #fcfcfc;color: #b7b7b7;}

замените на:
#producttabs .pdt-nav li span {display: block;border-radius: 30px;border: 1px solid #3c7b20;text-transform: uppercase;padding: 10px 28px;color: #404040;letter-spacing: 1.5px;}
#producttabs .pdt-nav li.tab-nav-actived span, #producttabs .pdt-nav li:hover span {border: 1px solid #ddd;color: #404040;cursor: pointer;background-color: #fcfcfc;color: #b7b7b7;}
спасибо




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных