Sélectionner une page


Depuis l’introduction du générateur de thèmes dans DIVI, il existe une méthode beaucoup plus simple pour créer un modèle spécifique et l’assigner aux archives du produit. Vous pouvez trouver un tutoriel rapide en suivant celui-ci Privilège. Cette méthode fonctionnera toujours, mais je recommande d’utiliser le thème du générateur à la place.

Dans ce didacticiel, vous apprendrez à personnaliser une page d’archive pour les catégories de produits Woocommerce avec DIVI Builder.

Pour implémenter cette technique, vous devez utiliser un sous-sujet (si vous ne savez pas comment faire, vous pouvez utiliser un didacticiel très simple pour vous aider à créer un sujet ce lien.)

La première étape consiste à créer le modèle de page avec lequel vous souhaitez présenter les produits d’une certaine catégorie à l’aide du générateur DIVI.

Ce modèle de page doit être créé directement dans la bibliothèque DIVI.

Vous pouvez ajouter tout ce que vous voulez dans ce modèle de page. Cependant, il est impératif d’inclure:

  • soit un Module boutique en sélectionnant uniquement la catégorie que vous souhaitez afficher sur cette page
  • soit un Shortcode Woocommerce dans un module de code lié à la catégorie de produits que vous souhaitez afficher:
[product_category columns="3" category="nom-de-la-categorie" orderby="date" order="desc"]

Exemple de modèle de page de catégorie avec un module boutique:

Exemple de modèle de page de catégorie avec un module de code avec un shortcode woocommerce:

Vous trouverez ci-dessous l’image qui correspond à ce modèle de page de catégorie:

Maintenant que notre modèle de page a été créé, nous devons pouvoir y accéder à partir du fichier d’archive de catégorie. Pour cela, nous en avons besoin Petit code Responsable de la récupération de notre modèle en fonction de son identifiant.

Pour configurer ce système, nous avons deux options:

  • Pour ceux qui n’ont pas peur du code, ajoutez une fonction au fichier functions.php de notre rubrique enfant en utilisant le code ci-dessous
//Shortcode to show the module
function showmodule_shortcode($moduleid) {
extract(shortcode_atts(array('id' =>'*'),$moduleid)); 
return do_shortcode('
'); } add_shortcode('showmodule', 'showmodule_shortcode');

Quelle que soit la méthode choisie, vous pouvez désormais appeler votre modèle Divi à partir d’un modèle PHP basé sur son identifiant.

Une fois que vous avez décidé de la méthode d’ajout du code dans functions.php, vous pouvez trouver l’identifiant de votre modèle de page dans la barre d’adresse du navigateur (si elle est modifiée) en passant le pointeur de la souris sur la ligne qui se rapporte au modèle dans la bibliothèque Divi.

Le shortcode correspondant est alors:

[showmodule id="378"]

ou alors 378 est l’identifiant de votre modèle (à la maison ce n’est pas le 378, mais le numéro lu dans la barre d’adresse de votre navigateur.)

Si vous avez choisi mon plugin, vous pouvez copier le shortcode directement depuis la colonne shortcode de la librairie Divi (ou depuis la metabox du modèle à éditer):

La dernière étape consiste à ajouter ce shortcode à la page d’archive de notre catégorie. Pour ce faire, certains fichiers doivent être modifiés pour chaque catégorie à personnaliser.

Nous allons commencer par ajouter un dossier à notre sous-sujet. Ce dossier doit s’appeler « woocommerce ».

Dans ce nouveau dossier, nous avons besoin d’un fichier de taxonomie et d’un fichier d’archive pour chaque catégorie à personnaliser.

Copiez le code suivant dans votre éditeur de texte préféré et enregistrez votre fichier (dans le répertoire Woocommerce de votre sujet enfant) avec le nom suivant: taxonomie-produit_cat-NomCatégorie.php assurez-vous de remplacer -NomCatégorie après le nom de votre catégorie (par exemple, si votre catégorie est Anneaux, votre nom de fichier est taxonomy-product_cat-rings.php). N’oubliez pas non plus le « – » devant le nom de la catégorie

<?php
/**
 * The Template for displaying products in a product category. Simply includes the archive template
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/taxonomy-product_cat.php.
 *
 * HOWEVER, on occasion WooCommerce will need to update template files and you
 * (the theme developer) will need to copy the new files to your theme to
 * maintain compatibility. We try to do this as little as possible, but it does
 * happen. When this occurs the version of the template file will be bumped and
 * the readme will list any important changes.
 *
 * @see 	    https://docs.woocommerce.com/document/template-structure/
 * @package 	WooCommerce/Templates
 * @version     1.6.4
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly
}
//N'oubliez pas de remplacer "NomCategorie" par le nom de votre catégorie dans la ligne ci-dessous
wc_get_template( 'archive-product-NomCategorie.php' );

Attention : Vous devez modifier et remplacer la dernière ligne du code ci-dessus NomCatégorie dans le nom de fichier archive-produit-NomCategorie.php avec le nom de votre catégorie. Par exemple, si la catégorie est Anneauxvous devez avoir archive-produit-bagues.php comme nom du fichier appelé.

  • Fichier d’archive de catégorie de produit:

Copiez le code suivant dans votre éditeur de texte préféré et enregistrez votre fichier (dans le répertoire Woocommerce de votre sujet enfant) avec le nom suivant: Produit d’archive-NomCatégorie.php assurez-vous de remplacer -NomCatégorie après le nom de votre catégorie (par exemple, si votre catégorie est « Rings », votre nom de fichier est archive-product-rings.php). N’oubliez pas non plus le « – » devant le nom de la catégorie

<?php
/**
 * The Template for displaying product archives, including the main shop page which is a post type archive
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/archive-product.php.
 *
 * HOWEVER, on occasion WooCommerce will need to update template files and you
 * (the theme developer) will need to copy the new files to your theme to
 * maintain compatibility. We try to do this as little as possible, but it does
 * happen. When this occurs the version of the template file will be bumped and
 * the readme will list any important changes.
 *
 * @see 	    https://docs.woocommerce.com/document/template-structure/
 * @author 		WooThemes
 * @package 	WooCommerce/Templates
 * @version     2.0.0
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly
}

get_header( 'shop' ); 

//Remplacez le shortcode ci dessous par celui relatif à votre modèle de page de catégorie.
// Si pour votre modèle vous avez l'id 378, remplacez ID_Modèle par 378
echo do_shortcode('[showmodule id="ID_Modèle"]');

get_footer( 'shop' ); ?>

Attention : Vous devez remplacer le shortcode Afficher le module l’avant-dernière ligne du code ci-dessus par celle qui se rapporte à votre modèle de page (ou remplacez Model_ID par l’identifiant de votre modèle de page)

À la fin de la personnalisation de votre catégorie (Anneaux Dans cet exemple, les 2 fichiers suivants se trouvent dans le répertoire Woocommerce de toi Thème des enfants ::

Vous disposez désormais de toutes les cartes pour créer des pages de catégories de produits personnalisées.

N’hésitez pas à commenter et poser des questions si vous avez besoin d’aide.



Source link

Recent Posts