меню

[timart]

подскажите как можно выделить определенную категорию в вертикальном меню, например красным цветом РАСПРОДАЖА.
престашоп 1.6.0.9 дефолт

[DarinSr]

Два решения:
1. Переделать модуль blockcategories. Добавить классы на основе ид категорий. В стили добавить красный цвет для нужной категории

Код Выделить Развернуть

.cat-id_category{color:red}

2. Использовать псевдокласс :nth-child
Посмотреть на сайте какой по счету показывает нужную категорию и добавить стили.

Код Выделить Развернуть

#categories_block_left li:nth-child(Xn) {color:red;}

[timart]

Два решения:
1. Переделать модуль blockcategories. Добавить классы на основе ид категорий. В стили добавить красный цвет для нужной категории

Код Выделить Развернуть

.cat-id_category{color:red}

2. Использовать псевдокласс :nth-child
Посмотреть на сайте какой по счету показывает нужную категорию и добавить стили.

Код Выделить Развернуть

#categories_block_left li:nth-child(Xn) {color:red;}

спасибо! куда конкретно в коде  нужно вставить номер категории? (в варианте 2)

[mAgency]

Во-втором варианте не нужен ид категории. В нем порядковые номера от 1 до ...

Код Выделить Развернуть

li:nth-child(1n)
li:nth-child(2n)
...

[mAgency]

Можно проще, шаблон переделать /themes/default-bootstrap/modules/blockcategories/category-tree-branch.tpl
изменить

Код Выделить Развернуть

<li {if isset($last) && $last == 'true'}class="last"{/if}>
на

Код Выделить Развернуть

<li class="category_{$node.id}{if isset($last) && $last == 'true'} last{/if}">
Будет добавлен класс "category_+ид категории". И для этого класса добавить стили.

[timart]

Во-втором варианте не нужен ид категории. В нем порядковые номера от 1 до ...

Код Выделить Развернуть

li:nth-child(1n)
li:nth-child(2n)
...

спасибо!! добавил такой код в шаблон blockcategories.css, weight поменялся, а цвет неизменен, в чем проблема?

Код Выделить Развернуть

#categories_block_left li:nth-child(5) {
color: red;
font-weight: bold;
}

[DarinSr]

У вас есть правила css которые переопределяют цвет шрифта. Запустите Firebug, выделите вашу ссылку и увидите css которые  меняют цвет ссылки.