Автор Тема: меню  (Прочитано 496 раз)

19 Август 2015, 13:57:28
  • Фрилансер
  • *
  • Сообщений: 213
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
подскажите как можно выделить определенную категорию в вертикальном меню, например красным цветом РАСПРОДАЖА.
престашоп 1.6.0.9 дефолт
19 Август 2015, 14:39:25
Ответ #1
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86688
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Два решения:
1. Переделать модуль blockcategories. Добавить классы на основе ид категорий. В стили добавить красный цвет для нужной категории
.cat-id_category{color:red}
2. Использовать псевдокласс :nth-child
Посмотреть на сайте какой по счету показывает нужную категорию и добавить стили.
#categories_block_left li:nth-child(Xn) {color:red;}
19 Август 2015, 14:56:38
Ответ #2
  • Фрилансер
  • *
  • Сообщений: 213
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Два решения:
1. Переделать модуль blockcategories. Добавить классы на основе ид категорий. В стили добавить красный цвет для нужной категории
.cat-id_category{color:red}
2. Использовать псевдокласс :nth-child
Посмотреть на сайте какой по счету показывает нужную категорию и добавить стили.
#categories_block_left li:nth-child(Xn) {color:red;}

спасибо! куда конкретно в коде  нужно вставить номер категории? (в варианте 2)
19 Август 2015, 15:04:38
Ответ #3
  • Партнер
  • Ветеран
  • ****
  • Сообщений: 22816
  • Репутация: +17143/-1
  • Разработка веб-сайтов и веб-программирование
    • Просмотр профиля
Во-втором варианте не нужен ид категории. В нем порядковые номера от 1 до ...
li:nth-child(1n)
li:nth-child(2n)
...
Интернет-магазин под ключ.
Какой выбрать движок для интернет магазина ?
Какой движок лучше ?
Magento или Prestashop ?
Решение всех Ваших вопросов в создании Интернет-магазина.
19 Август 2015, 15:08:15
Ответ #4
  • Партнер
  • Ветеран
  • ****
  • Сообщений: 22816
  • Репутация: +17143/-1
  • Разработка веб-сайтов и веб-программирование
    • Просмотр профиля
Можно проще, шаблон переделать /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_+ид категории". И для этого класса добавить стили.
Интернет-магазин под ключ.
Какой выбрать движок для интернет магазина ?
Какой движок лучше ?
Magento или Prestashop ?
Решение всех Ваших вопросов в создании Интернет-магазина.
19 Август 2015, 15:23:09
Ответ #5
  • Фрилансер
  • *
  • Сообщений: 213
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Во-втором варианте не нужен ид категории. В нем порядковые номера от 1 до ...
li:nth-child(1n)
li:nth-child(2n)
...

спасибо!! добавил такой код в шаблон blockcategories.css, weight поменялся, а цвет неизменен, в чем проблема?
#categories_block_left li:nth-child(5) {
color: red;
font-weight: bold;
}
19 Август 2015, 15:55:01
Ответ #6
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86688
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
У вас есть правила css которые переопределяют цвет шрифта. Запустите Firebug, выделите вашу ссылку и увидите css которые  меняют цвет ссылки.