Отключение таблицы стилей по умолчанию

Объем поддержки:
Мы не можем оказывать поддержку по кастомизации в соответствии с нашей Политикой поддержки.
Если вам нужно изменить сниппет или расширить его функциональность, мы рекомендуем обратиться к партнеру Woo Agency или разработчику WooCommerce на Codeable.

Вам нужно добавить код в файл functions.php дочерней темы или использовать плагин для добавления пользовательских функций, например Code Snippets.
Пожалуйста, не добавляйте пользовательский код напрямую в файл functions.php родительской темы, так как при обновлении темы он будет полностью удалён.

Отключение всех таблиц стилей

По умолчанию WooCommerce подключает 3 таблицы стилей. Вы можете отключить их все с помощью следующего кода:

add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );

Это рекомендуемый способ, если вы создаёте собственную тему. Удаление стандартных стилей WooCommerce и подключение своих позволит избежать проблем при обновлениях WooCommerce.

Отключение отдельных таблиц стилей

Если вы хотите отключить только определённые стили (например, мобильную таблицу стилей), используйте следующий код:

/**
 * Отключение отдельных таблиц стилей WooCommerce
 */

// Удаляем стили по отдельности
add_filter( 'woocommerce_enqueue_styles', 'jk_dequeue_styles' );

function jk_dequeue_styles( $enqueue_styles ) {
    unset( $enqueue_styles['woocommerce-general'] ); // основной стиль
    unset( $enqueue_styles['woocommerce-layout'] ); // структура и сетка
    unset( $enqueue_styles['woocommerce-smallscreen'] ); // стили для мобильных устройств

    return $enqueue_styles;
}

// Или можно отключить все стили одной строкой
add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );

Подключение собственного файла стилей

После отключения стандартных стилей вы можете подключить свой файл CSS:

/**
 * Подключение собственного файла стилей
 */

function wp_enqueue_woocommerce_style(){
    wp_register_style(
        'mytheme-woocommerce',
        get_template_directory_uri() . '/css/woocommerce.css'
    );

    if ( class_exists( 'woocommerce' ) ) {
        wp_enqueue_style( 'mytheme-woocommerce' );
    }
}

add_action( 'wp_enqueue_scripts', 'wp_enqueue_woocommerce_style' );

Поделиться с друзьями
Документация WooCommerce