Woocommerce page produit modifier
Je crée un magasin en ligne avec chaque catégorie en utilisant un modèle de page spécifique; tout cela est fait, mais maintenant, je veux modifier la mise en page de ce modèle de page.
En tant que tel, chaque produit aura:
- un nom,
- une image,
- une brève description;
Je souhaiterais que la description du produit se situe entre le nom du produit et l'étiquette de prix du produit , - une étiquette de prix, et
- aAjouter au panierbouton.
Mon défi: je n'ai aucune idée de la façon de démarrer et j'ai besoin d'aide à cet égard.
Quel fichier dois-je éventuellement cloner et/ou modifier?
WooCommerce vous permet de remplacer ses modèles par défaut. Tous les modèles sont situés dans un dossier woocommerce/templates. Tout ce que vous avez à faire est de créer un dossier woocommerce dans le répertoire de votre thème et de dupliquer dans ce dossier les fichiers que vous souhaitez remplacer.
Si vous souhaitez mettre à jour le balisage, vous devez copier les fichiers archive-product.php et content-product.php. Si vous souhaitez simplement afficher une petite description entre le nom du produit et le prix, vous pouvez simplement insérer le code suivant dans le fichier functions.php de votre thème.
function show_product_summary(){
$product_summary = get_the_excerpt();
echo '<div class="product-summary">'. substr( $product_summary , 0, 30 ) .'</div>';
}
add_action('woocommerce_shop_loop_item_title', 'show_product_summary', 10, 2);
Vous verrez le résumé du produit comme ci-dessous sur la page de liste de produits.
Voici article de blog officiel qui vous donnera un aperçu rapide.