NB : Faire une sauvegarde de votre thème, de votre fichier et/ou votre base de données avant d’ajouter ces fonctions tutoriels.

Afficher les Produits Woocommerce (A la Une) dans un template
Intermédiaire
Hébergement Web Canada

Publié le : 15 octobre 2016 - Modifié le : 6 septembre 2022

Temps de lecture : 1 minute, 41 seconds - 162 mots

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’ =&gt; ‘_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é.

Laissez un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>