Как установить иные параметры (размер, цвет шрифта и др. через CSS) в меню для отдельной субкатегории.

[Aleks]

Возможно это можно сделать в файле design/okay_shop/html/desktop_categories.tpl
Там имеется строка 28 или 29 в зависимости от версии CMS:
<a class="categories_menu__link d-flex align-items-center d-flex align-items-center{if $category->id == $c->id} selected{/if}" href="{url_generator route='category' url=$c->url}" data-category="{$c->id}">
Класс categories_menu__link в theme.css отвечает за данные параметры.
Можно ли добавить строку кода и какую со своим классом для отдельной субкатегории?
Наверное, с использованием ID или URL данной субкатегории.

[korshunov]

Например, так:

.categories_menu__link[data-category="32"] span{
color: yellow;
}

[Aleks]

Спасибо господин korshunov. Ваш код работает.
Создал в theme.css класс .categories_menu__link[data-category="32"]{
color и прочие нужные параметры;
}
В desktop_categories.tpl разместил:
<a class="categories_menu__link[data-category="32"]"> именно выше строчки ниже, если под ней, то не работает categories_menu__link
{*для субкатегорий*} <a class="categories_menu__link d-flex align-items-center d-flex align-items-center{if $category->id == $c->id} selected{/if}" href="{url_generator route='category' url=$c->url}" data-category="{$c->id}">
Использую на сайте следующим образом:
Переделал Новинки, чтобы размещать произвольным образом любой товар.
Создал субкатегорию Новинки. Можно в любом месте.
Активность убрал, чтобы ее не было видно на сайте.
В админке для товара к основной субкатегории добавляю субкатегорию Новинки.
Просмотр товара по button-next и prev
Если поставить main_look_all (Смотреть все), то при клике ответ 404.
При активной субкатегории работает.
Ваш код позволяет скрыть показ активной субкатегории Новинки.
Теперь можно добавить в main.tpl код "Смотреть все" по аналогии с Популярное.
Прилагаю код для Новинки. "Смотреть все" еще не вставлял.

Код: Выделить всё

{* New products *}
{get_new_products var=new_products category_id=332}
{if $new_products}
    <div class="main-products main-products__new container">
        <div class="block block--boxed block--border">
            <div class="block__header">
                <div class="block__title">
                    <span data-language="main_new_products">{$lang->main_new_products}</span>
                 </div>
       <div class="block__header_button">
                  <a class="block__more d-flex align-items-center" href="/catalog/novinki" data-category="332">
                        <span data-language="main_look_all">{$lang->main_look_all}</span>{include file="svg.tpl" svgId="arrow_right2"}
                    </a>
                </div>
             </div>
            <div class="block__body">
                <div class="fn_products_slide products_list row gutters swiper-container">
                    <div class="swiper-wrapper">
                        {foreach $new_products as $product}
                            <div class="product_item swiper-slide no_hover">{include "product_list.tpl"}</div>
                        {/foreach}
                    </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
                </div>
            </div>
         </div>
    </div>
{/if}