Formation Wordpress : Créer un thème Woocommerce

Comment installer Woocommerce ?

Woocommerce est un simple plugin WordPress, il vous suffit donc de vous rendre dans votre back office et d’aller y ajouter le plugin Woocommerce.

Après avoir installer Woocommerce vous devez rendre votre thème compatible avec. Vous devez donc ajouter woocommerce dans le theme_support :

add_theme_support( 'woocommerce' );

Comment personnaliser un thème WooCommerce ?

Lorsque votre thème support WooCommerce vous aurez accès aux pages créer lors de votre installation de WooCommerce (les pages produits, panier, paiement etc…).

Si vous désirez surcharger facilement le template basique de WooCommerce vous n’avez qu’à créer un dossier woocommerce dans votre dossier de thème et suivre la même structure que le fichier WooCommerce que vous souhaitez surcharger.

Par exemple si vous voulez surcharger single-product.php situé dans wp-content/plugins/woocommerce/templates/single-product.php vous devez copier ce fichier dans votre thème ici :

/wp-content/themes/mon-theme/woocommerce/single-product.php

Dans ce fichier vous trouverez quelques functions wordpress do_action. Ces fonctions sont des hooks vous permettant de récupérer une action. Dans le commentaire de cette function la fonction “hooked” est précisée :

<?php
		/**
		 * woocommerce_before_main_content hook.
		 *
		 * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
		 * @hooked woocommerce_breadcrumb - 20
		 */
		do_action( 'woocommerce_before_main_content' );
	?>

Cette fonction woocommerce_output_content_wrapper() se trouve dans fichier /includes/wc-template-functions.php :

/**
 * Global
 */

if ( ! function_exists( 'woocommerce_output_content_wrapper' ) ) {

	/**
	 * Output the start of the page wrapper.
	 */
	function woocommerce_output_content_wrapper() {
		wc_get_template( 'global/wrapper-start.php' );
	}
}

Là nous voyons enfin quelque chose qui nous intéresse : la fonction wc_get_template qui correspond au dossier templates, le paramètre de la fonction est le chemin vers le template en partant de ce dossier templates :

/templates/global/wrapper-start.php

Ce qui vous permet maintenant de copier ce fichier dans votre dossier thème et de le modifier comme vous le souhaitez.

Si vous souhaitez plus d’information concernant la surcharge des fichiers template de WooCommerce vous pouvez vous rendre sur la documentation officielle de WooCommerce