/* * Каталог: заголовок/описание категории + показ и подсветка меню каталога. * Перенесено 1:1 из FSE-шаблона Product Catalog (P2-1). Логика — store-nav.js. */ @media screen and (max-width: 640px) { .uc-category__title { font-size: 1.75rem !important; } } .uc-category__description { max-width: 80vw; } @media screen and (min-width: 640px) { .uc-category__description { max-width: 45vw; } } /* 1) Скрытие/показ меню через класс (скрываем только NAV, см. store-nav.js) */ .uc-store-navigation.uc-store-navigation_desktop nav.uc-store-nav_hidden { display: none !important; } /* 2) Подсветка ссылки, которая ведёт на текущую страницу */ .uc-store-navigation.uc-store-navigation_desktop a.uc-store-nav_current { text-decoration: none !important; font-weight: 600; } /* ---------- Догрузка товаров ---------- */ /* * Кнопка встаёт на место пагинации: ту не удаляем, чтобы поисковику было * по чему ходить и чтобы без JavaScript страница осталась прежней. * * Всё состояние — один класс на , как у сворачивания фильтров. Так * надо: и кнопка, и пагинация лежат внутри области роутера Интерактивности, * а он на каждой перерисовке возвращает атрибуты и классы такими, какими их * отдал сервер. Класс на перерисовку переживает, и ничего не мигает. * См. inc/catalog-loadmore.php и assets/js/catalog-loadmore.js. */ /* * Кнопки по умолчанию нет: она нужна, только когда скрипт работает и есть * что догружать. Правило именно `display: none`, а не расчёт на атрибут * `hidden`: авторское правило с `display` перебивает браузерное для * `[hidden]`, и кнопка осталась бы видимой навсегда. */ .mit-loadmore { display: none; justify-content: center; } /* Есть что догружать. */ .mit-loadmore-more .mit-loadmore { display: flex; } /* Списком распоряжаемся мы — пагинация не нужна даже когда всё догружено. */ .mit-loadmore-on .wp-block-woocommerce-product-collection nav.wp-block-query-pagination { display: none; } .mit-loadmore__button { appearance: none; background-color: transparent; border: 1px solid currentColor; border-radius: 0; color: inherit; cursor: pointer; font-family: inherit; font-size: 12px; letter-spacing: 0.06em; line-height: 1; padding: 0.875rem 2.5rem; text-transform: uppercase; transition: opacity 0.2s ease; } .mit-loadmore__button:hover { opacity: 0.6; } /* Пока идёт запрос: кнопка занята, но с места не двигается. */ .mit-loadmore__button[disabled] { cursor: default; opacity: 0.45; } /* Обе подписи приходят с сервера, показываем нужную. Почему не подменяем текст из скрипта — см. шапку inc/catalog-loadmore.php. */ .mit-loadmore__busy { display: none; } .mit-loadmore[aria-busy="true"] .mit-loadmore__idle { display: none; } .mit-loadmore[aria-busy="true"] .mit-loadmore__busy { display: inline; }