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


Выделение Цветом Отдельной Категории Товаров


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

#1 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 02 Июнь 2011 - 18:57

Здравствуйте!
Не подскажете как сделать, чтобы получилось как на картинке. www.deti-shop33.ru

товары от Хеппи беби.jpg

#2 Vaccina

Vaccina

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

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

Отправлено 03 Июнь 2011 - 05:27

Попробуйте добавить свойство с нужным цветом (background: none repeat scroll 0 0 red) в класс ".leftmenu li li a.selected"

.leftmenu li li a.selected

должно получиться что то типа этого

.leftmenu li li a.selected {
	background: none repeat scroll 0 0 red;
	color: #000000;
	font-weight: bold;
}

цвет "red" можно поменять на любой понравившийся. Изменения нужно производить в вашем файле стилей.

#3 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 03 Июнь 2011 - 08:10

Просмотр сообщенияVaccina (03 Июнь 2011 - 05:27) писал:

Попробуйте добавить свойство с нужным цветом (background: none repeat scroll 0 0 red) в класс ".leftmenu li li a.selected"

.leftmenu li li a.selected

должно получиться что то типа этого

.leftmenu li li a.selected {
	background: none repeat scroll 0 0 red;
	color: #000000;
	font-weight: bold;
}

цвет "red" можно поменять на любой понравившийся. Изменения нужно производить в вашем файле стилей.
А это изменит только цвет при выборе категории? Мне надо чтобы отдельная товарная группа постоянно "горела" красным.

#4 Vaccina

Vaccina

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

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

Отправлено 04 Июнь 2011 - 09:17

Хм попробуйте сделать следующие -

в шаблоне "html" найти

<li class="cat-item">


далее заменить на

<li class="cat-item level_menu{catalog.LEVEL}">

далее в файле стилей (в самый конец файла) добавить следующий класс

.level_menu0 {
background: none repeat scroll 0 0 red;
}

level_menu0 - говорит о том что будет помечена первая категория. Для пометки второй нужно использовать класс level_menu1 и т.д Счет начинается с нуля.

#5 maxim111

maxim111

    Пользователь

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

Отправлено 27 Апрель 2013 - 06:35

Просмотр сообщенияVaccina (04 Июнь 2011 - 09:17) писал:

Хм попробуйте сделать следующие -

в шаблоне "html" найти

<li class="cat-item">

далее заменить на

<li class="cat-item level_menu{catalog.LEVEL}">

далее в файле стилей (в самый конец файла) добавить следующий класс

.level_menu0 {
background: none repeat scroll 0 0 red;
}

level_menu0 - говорит о том что будет помечена первая категория. Для пометки второй нужно использовать класс level_menu1 и т.д Счет начинается с нуля.

поменял, ничего не меняется, как это сделать? шаблон сияние.

#6 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 27 Апрель 2013 - 07:00

Просмотр сообщенияmaxim111 (27 Апрель 2013 - 06:35) писал:

поменял, ничего не меняется, как это сделать? шаблон сияние.
замените код:
.level_menu0 {
background: none repeat scroll 0 0 red;
}
на этот:
.level_menu0 a{
background: none repeat scroll 0 0 red;
}


#7 maxim111

maxim111

    Пользователь

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

Отправлено 27 Апрель 2013 - 08:35

Просмотр сообщенияmiyako (27 Апрель 2013 - 07:00) писал:

замените код:
.level_menu0 {
background: none repeat scroll 0 0 red;
}
на этот:
.level_menu0 a{
background: none repeat scroll 0 0 red;
}

не помогло. ((

#8 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 27 Апрель 2013 - 08:37

Просмотр сообщенияmaxim111 (27 Апрель 2013 - 08:35) писал:

не помогло. ((

Очистите кэш браузера.

#9 maxim111

maxim111

    Пользователь

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

Отправлено 27 Апрель 2013 - 10:48

Просмотр сообщенияmiyako (27 Апрель 2013 - 08:37) писал:

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

#10 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 27 Апрель 2013 - 11:23

Просмотр сообщенияmaxim111 (27 Апрель 2013 - 10:48) писал:

получилось, но не то. выделяются вся категория. а надо чтобы только непосредственно "акция".
Проделайте все тоже самое.Только код:
<li class="cat-item level_menu{catalog.LEVEL}">
замените на:
  <li class="cat-item   {% IF catalog.NAME=АКЦИЯ %} level_menu{catalog.LEVEL} {% ENDIF %} ">


#11 maxim111

maxim111

    Пользователь

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

Отправлено 27 Апрель 2013 - 11:52

Просмотр сообщенияmiyako (27 Апрель 2013 - 11:23) писал:

Проделайте все тоже самое.Только код:
<li class="cat-item level_menu{catalog.LEVEL}">
замените на:
<li class="cat-item {% IF catalog.NAME=АКЦИЯ %} level_menu{catalog.LEVEL} {% ENDIF %} ">

спасибо! а как теперь выделить слово "АКЦИЯ" жирным и белым (сейчас серый, а его плохо видно с красным фоном).

#12 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 27 Апрель 2013 - 12:20

Просмотр сообщенияmaxim111 (27 Апрель 2013 - 11:52) писал:

спасибо! а как теперь выделить слово "АКЦИЯ" жирным и белым (сейчас серый, а его плохо видно с красным фоном).

Вам нужно изменить код стилей:
.level_menu0 {
background: none repeat scroll 0 0 red;
}
на :
.level_menu0 {
background: none repeat scroll 0 0 red;
font-weight: bold;
color: white;
}





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

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