NB : Faire une sauvegarde de votre thème, de votre fichier et/ou votre base de données avant d’ajouter ces fonctions tutoriels.
Publié le : 15 octobre 2016 - Modifié le : 6 septembre 2022
Temps de lecture : 1 minute, 41 seconds - 162 mots
Partager la publication "Afficher les Produits Woocommerce / Template"
Afficher les Produits Woocommerce : Nous avons plusieurs façons de le faire. Nous le proposons en version requêtée. Nous allons dans ce tutoriel utiliser donc une requête WordPress pour afficher les produits Woocommerce à la une. Ça peut donner l’occasion de styliser à votre gout.
Donc en réalité c’est une Query des plus normales, sauf que dans nos arguments nous allons chercher le Post type de Woocommerce. C’est <strong>product</strong>. Le <strong>’meta_key’ => ‘_featured'</strong> donne les produits à la Une.Sans oublier que nous avons ajouté le hook Woocommerce de pagination.
Dans notre premier argument, on va créer une variable qui stockera les ID de produits comme ceci :
<strong>$id = $product->id;</strong>. Cela va nous donner la possibilité d’aller récupérer l’Id produit dans le Shortcode <strong>add_to_cart</strong> Woocommerce animé comme ceci :
<?php echo do_shortcode('[add_to_cart id="'.$id.'"]'); ?>
Vous pouvez afficher vos produits bien sur dans votre Css personnalisé.
Afficher les Produits Woocommerce (Complet)
<div class="woocommerce columns-3"> <ul class="products"> <?php $id = $product->id; $args = array( 'post_type' => 'product', 'meta_key' => '_featured', 'posts_per_page' => 3, 'columns' => '3', 'meta_value' => 'yes' ); $loop = new WP_Query( $args ); while ( $loop->have_posts() ) : $loop->the_post(); global $product; ?> <li class="product"></li> <?php endwhile; ?> <?php wp_reset_postdata(); ?> </ul> </div>
Vous pouvez donc l’utiliser là où bon vous semble, dans le template désiré.