Woocommerce-Styles loswerden

Wenn du alle Styles von WooCommerce loswerden möchtest, kannst du dies mit Hilfe des Filters woocommerce_enqueue_styles erreichen. Der Filter wird verwendet, um die Liste der WooCommerce-Styles anzupassen, die normalerweise in einer WordPress-Seite geladen werden.

In diesem speziellen Fall wird die Funktion __return_empty_array als Rückgabewert für den Filter verwendet. Diese Funktion gibt ein leeres Array zurück, was bedeutet, dass alle WooCommerce-Styles entfernt werden. Das Ergebnis ist, dass keine WooCommerce-Styles auf der Webseite geladen werden und somit das standardmässige Erscheinungsbild von WooCommerce deaktiviert wird.

/* =============================================================== *\ 
   woocommerce: disable all styles
\* =============================================================== */

add_filter('woocommerce_enqueue_styles', '__return_empty_array');

Nur bestimmte Styles entfernen

Woocommerce bietet auch die Möglichkeit, nur bestimmte Styles zu entfernen. Wichtig ist, dass Du dies erst machst, nach dem die Woocommerce geladen wurde, die WordPress-Aktion 'wp_enqueue_scripts' eignet sich gut dafür.

/* =============================================================== *\ 
   woocommerce: disable single styles
\* =============================================================== */

function ud_enqueue_frontend_scripts() {
    wp_dequeue_style( 'woocommerce-general' );
    wp_dequeue_style( 'woocommerce-layout' );
    wp_dequeue_style( 'woocommerce-smallscreen' );
    wp_dequeue_style( 'woocommerce_frontend_styles' );
    wp_dequeue_style( 'woocommerce_fancybox_styles' );
    wp_dequeue_style( 'woocommerce_chosen_styles' );
    wp_dequeue_style( 'woocommerce_prettyPhoto_css' );
}
add_action('wp_enqueue_scripts', 'ud_enqueue_frontend_scripts');

WooCommerce-Styles überschreiben

Bei kleinen Design-Anpassungen können die Style-Angaben einfach in Deinem Theme-File styles.css überschrieben werden. Achte auch hier darauf, dass deine Styles nach den Plugin-Styles in den DOM geladen werden, also am Besten mit der Aktion 'wp_enqueue_scripts'.

/* =============================================================== *\ 
   woocommerce: overwrite styles with your own stylesheet
\* =============================================================== */

function ud_enqueue_frontend_scripts() {
    wp_enqueue_style('ud-style-frontend', get_template_directory_uri() . '/style-frontend.css', array(), wp_get_theme()->get('Version'));
}
add_action('wp_enqueue_scripts', 'ud_enqueue_frontend_scripts');