Как добавить собственный класс CSS в навигационное меню WooCommerce MyAccount?

Список элементов навигации, используемых на страницах «Моя учетная запись» WooCommerce, кажется, создается динамически.

<nav class = "woocommerce-MyAccount-navigation" aria-label = "Account pages"></nav>

Но я хотел бы добавить собственный класс к элементу навигации. Есть ли специальный способ, позволяющий это сделать? Это то, чего я пытаюсь достичь:

<nav class = "woocommerce-MyAccount-navigation sticky-top" aria-label = "Account pages"></nav>

Все, что я могу найти, это информацию о том, как изменить элементы списка в меню с помощью фильтра woocommerce_account_menu_items.

php jquery wordpress templates woocommerce

15.08.2024 12:26

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Symfony Station Communiqué - 7 июля 2023 г

Это коммюнике первоначально появилось на Symfony Station .

Оживление вашего приложения Laravel: Понимание режима обслуживания

Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...

Установка и настройка Nginx и PHP на Ubuntu-сервере

В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.

Коллекции в Laravel более простым способом

Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...

Как установить PHP на Mac

PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Для этого не существует крючка, посмотрите его в файле шаблона myaccount/navigation.php.

Но есть 2 способа добиться этого:

1. переопределив файл шаблона через дочернюю тему

Скопируйте этот файл из плагина WooCommerce в yourchildtheme/woocommerce/myaccount/navigation.php.

Затем вы можете открыть отредактировать этот файл, внести необходимые изменения и сохранить.

2. Используя JavaScript (jQuery), например:

add_action( 'wp_footer', 'my_account_menu_custom_js' );
function my_account_menu_custom_js(){
    if ( is_account_page() ) : ?>
    <script>jQuery('.woocommerce-MyAccount-navigation').addClass('sticky-top');</script>
    <?php endif;
}

Код находится в файле function.php вашей дочерней темы (или в плагине). Проверено и работает.

Вариант 1 переопределения файла шаблона оказался самым простым способом сделать это, большое спасибо!

— 15.08.2024 13:47

15.08.2024 12:50