How does the plugin handle WooCommerce's CSS?

Genesis Connect for WooCommerce does not modify WooCommerce's way of working with CSS. By default, WooCommerce provides its own woocommerce.css file containing basic styles for the shop pages which is located here: wp-content/plugins/woocommerce/assets/css/woocommerce.css.

To use this stylesheet, check the "Enable WooCommerce CSS styles" checkbox in theWooCommerce Settings page > General tab. Alternatively, you can add this code to your child theme's functions.php file: define( 'WOOCOMMERCE_USE_CSS', true );

Note that this code takes precedence over the checkbox in the WooCommerce Settings page > General tab; in other words, when you use this code, the checkbox is ignored.

If you decide to use the WooCommerce CSS and wish to customize its styles, do not edit the woocommerce.css file. Instead, make a copy of this file, rename it style.css and place it in your child theme's woocommerce folder, and make all your edits in this file. This ensures that you do not lose your CSS customizations when WooCommerce is updated.

Alternatively, you can add your WooCommerce styles to your child theme's main style.css stylesheet. In this case, you should disable the WooCommerce built-in stylesheet: either uncheck the "Enable WooCommerce CSS styles" checkbox in the WooCommerce Settings page > General tab, or a better option, add this code to your child theme's functions.phpfile: define( 'WOOCOMMERCE_USE_CSS', false );







Hoe werkt de plugin te behandelen WooCommerce de CSS?
Genesis Connect voor WooCommerce niet wijzigt WooCommerce's manier van werken met CSS. Standaard WooCommerce heeft een eigen woocommerce.css bestand met basis stijlen voor de winkel pagina's die hier is gevestigd: wp-content/plugins/woocommerce/assets/css/woocommerce.css.


Om deze stylesheet te gebruiken, controleer dan de "Enable WooCommerce CSS-stijlen 'in te schakelen in theWooCommerce pagina Instellingen> tabblad Algemeen. Als alternatief kunt u deze code toe te voegen aan functions.php van uw kind thema's bestand: define ('WOOCOMMERCE_USE_CSS ", true);


Merk op dat deze code voorrang heeft boven het selectievakje in de WooCommerce pagina Instellingen> tabblad Algemeen, met andere woorden, wanneer je deze code te gebruiken, het vakje wordt genegeerd.


Als u besluit om de WooCommerce CSS gebruiken en willen de stijlen aan te passen, niet veranderen van de woocommerce.css bestand. In plaats daarvan, maak een kopie van dit bestand, hernoem het style.css en plaats het in woocommerce uw kind thema van de map, en maak al je bewerkingen in dit bestand. Dit zorgt ervoor dat je niet je CSS aanpassingen te verliezen wanneer WooCommerce wordt bijgewerkt.


Als alternatief kunt u uw WooCommerce stijlen om de hoofdpagina van uw kind thema's style.css stylesheet. In dit geval moet u uitschakelen van de WooCommerce ingebouwde stylesheet: ofwel schakelt u het selectievakje "Enable WooCommerce CSS-stijlen" checkbox in de WooCommerce pagina Instellingen> tabblad Algemeen, of een betere optie, deze code toe te voegen aan functions.phpfile uw kind thema's: definieer ('WOOCOMMERCE_USE_CSS', false);