Vogliamo fornirvi dei suggerimenti pratici, delle “pillole” su temi specifici in ambito programmazione. Oggi vi proponiamo la soluzione ad un problema che forse avete già dovuto affrontare sviluppando siti e-comm con piattaforma Woocommerce.
Come rimuovere gli stili CSS e gli script da WooCommerce
Ho utilizzato WooCommerce in uno dei miei ultimi lavori, un progetto e-commerce basato su WordPress.
Essendo piuttosto pesante avevo l’esigenza di alleggerirlo e di utilizzare i miei stili personali.
Ci sono un paio di modi per farlo. Il metodo più semplice è quello di rimuovere i tre fogli di stile principali utilizzando un semplice filtro in functions.php
Questo è il processo consigliato se si sta costruendo un tema personalizzato.
Rimuovere il foglio di stile predefinito di WooCommerce ed includere il proprio vi proteggerà durante i successivi aggiornamenti di WooCommerce.
Script per l’embed del codice
Oppure se si desidera disabilitare solo alcuni fogli di stile specifici è possibile utilizzare il seguente codice:
Script per l’embed del codice
Io personalmente ho utilizzato il metodo sottostante che consente un controllo molto dettagliato.
Questa funzione utilizza un tag condizionale per annullare l’accodamento di stili e script.
Script per l’embed del codice
Fonti ed approfondimenti:
Guida ufficiale WooCommerce – Disable the default stylesheet:
https://docs.woocommerce.com/document/disable-the-default-stylesheet/
Remove WooCommerce Styles and Scripts:
https://gregrickaby.com/2013/05/remove-woocommerce-styles-and-scripts/