installer woocommerce

Installer WooCommerce correctement peut s’avérer fastidieuse, l’aide officiel est très dense, et la configuration par défaut de WordPress n’est pas toujours adéquate.

Installation du plugin

Pour installer WooCommerce il faut impérativement télécharger les fichiers sources sur le site officiel, puis les décompacter dans le dossier /wp-content/plugins.

Changez le Chmod du dossier WooCommerce est de son contenue, la valeur par défaut est de 700, passez le en 775, sans oublier d’activer la recurtions pour les sous-dossiers

Pour finir, activer le plugin : Extensions -> Extensions installées, puis Activer

Finaliser l’installation du plugin

Après l’activation de WooCommerce le bandeau ci-dessous devrait s’affiché en haut du tableau de bord.

Installer WooCommerce

Cliquez sur Installer les pages WooCommerce, cela créera un ensemble de page d’exemple pour la boutique.

Pour finaliser l’installation, rendez-vous sur la page WooCommerce -> Etat du système. Un rapport système s’affiche alors, indiquant tous ce qui va (en vert) et tous ce qu’il ne va pas (en rouge). Les lignes inscrites en noir ne sont là qu’à titre indicatif.

Comme souvent les lignes WC Connexion et WP Limite mémoire sont en rouge.

WP Limite mémoire : indique que WordPress n’alloue pas suffisamment de mémoire pour les fichiers PHP. Ouvrez le fichier wp-config.php puis ajouter la ligne de code suivante en début de fichier.


define( 'WP_MEMORY_LIMIT', '64M' );

WC Connexion : indique le dossier qui contient les journaux d’évènements (logs) n’est pas accessible en écriture par WooCommer. Changer le Chmod du dossier woocommerce/logs en 777.

L’intégration du thème

Si votre thème ne déclare pas le support WooCommerce le bandeau suivant apparait en haut du tableau de bord :

Installer WooCommerce

Dans le cas contraire, l’installation de WooCommerce s’arrête là.

Pour les autres il va falloir remettre les mains dans le cambouis. Deux méthodes sont possibles, soit en créant un modèle de page, soit en éditant le fichier fonction.php de votre thème.

Créer un modèle de page

Créez un fichier nomé woocommerce.php, puis copier/coller le contenu du fichier page.php de votre thème.

Dans le fichier woocommerce.php, localisez la boucle (loop), le code devrait commencer par <?php if ( have_posts() ) : et se terminer par <?php endif; ?> Supprimer ce code et remplacez-le par <?php woocommerce_content(); ?>

Edition du fichier fonction.php

Ici l’idée est d’exploiter les crochés (hooks) de WordPress, afin de substituer la boucle du thème par celle de WooCommerce lorsqu’il est question d’afficher une page produit. Ouvre le fichier fonction.php et ajouter les lignes de code suivantes :


remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);
remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);

Ainsi que celle-ci à la suite:


add_action('woocommerce_before_main_content', 'my_theme_wrapper_start', 10);
add_action('woocommerce_after_main_content', 'my_theme_wrapper_end', 10);

function my_theme_wrapper_start() {
  echo '&amp;lt;section id=&amp;quot;main&amp;quot;&amp;gt;';
}

function my_theme_wrapper_end() {
  echo '&amp;lt;/section&amp;gt;';
}

Déclarer le support de Woocommerce

Le thèmes est à présent optimisé pour afficher les produits de la boutique dans la page. Toute fois, le bandeau figurant dans le tableau de bord indique toujours le contraire. Pour terminer cette optimisation, ouvrez de nouveau le fichier fonction.php puis insérez la ligne de code suivante :

add_theme_support( 'woocommerce' );

Cet ligne de code est à placer non pas à la suite mais avant celle qui ont été ajoutés dans le paragraphe précédent, comme dans l’exemple ci-desous:


add_theme_support( 'woocommerce' );

remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);
remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);

add_action('woocommerce_before_main_content', 'my_theme_wrapper_start', 10);
add_action('woocommerce_after_main_content', 'my_theme_wrapper_end', 10);

function my_theme_wrapper_start() {
  echo '&amp;lt;section id=&amp;quot;main&amp;quot;&amp;gt;';
}

function my_theme_wrapper_end() {
  echo '&amp;lt;/section&amp;gt;';
}

Join the discussion 2 Comments

Leave a Reply