Estoy tratando de editar los estilos de la página de pago de Woocommerce que proviene de style.dev.css. Intenté copiar el archivo en el directorio de mi tema secundario e hice los cambios en el nuevo archivo secundario. Sin embargo, parece que la página todavía está cargando el archivo original y no el archivo de tema. La razón por la que no estoy editando el archivo secundario style.css es que la mayoría de los selectores tienen! Important y no quieren sobrescribir mucho. ¿Alguien sabe lo que me estoy perdiendo, por favor?

0
S.Cutajar 31 ago. 2020 a las 15:15

1 respuesta

La mejor respuesta

La documentación de WooCommerce podría ayudarlo a lograr lo que está buscando.

WooCommerce: deshabilita la hoja de estilo predeterminada

Deshabilitar todas las hojas de estilo

WooCommerce pone en cola 3 hojas de estilo de forma predeterminada. Puede deshabilitarlos todos con el siguiente fragmento:

add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' ); 

Deshabilitar hojas de estilo específicas

Si desea deshabilitar hojas de estilo específicas (es decir, si no desea incluir la hoja de estilo de la computadora de mano), puede usar lo siguiente:

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_false' );

Luego, ponga en cola su propia hoja de estilo así:

function wp_enqueue_woocommerce_style(){
    
    wp_register_style( 'mytheme-woocommerce', get_stylesheet_directory_uri() . '/css/woocommerce.css' );
            
    if ( class_exists( 'woocommerce' ) ) {
        wp_enqueue_style( 'mytheme-woocommerce' );
    }
}
add_action( 'wp_enqueue_scripts', 'wp_enqueue_woocommerce_style' );
2
Dharman 31 ago. 2020 a las 13:59