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

---- Cet article a été modifié : 22 octobre 2016

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 product. Le ‘meta_key’ => ‘_featured’ 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 :
$id = $product->id;. Cela va nous donner la possibilité d’aller récupérer l’Id produit dans le Shortcode add_to_cart Woocommerce animé comme ceci :

1
<?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)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<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">    
    <a href="<?php echo get_permalink( $loop->post->ID ) ?>" title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>">
 
    <?php woocommerce_show_product_sale_flash( $post, $product ); ?>
    <?php if (has_post_thumbnail( $loop->post->ID )) echo get_the_post_thumbnail($loop->post->ID, 'shop_catalog'); else echo '<img src="'.woocommerce_placeholder_img_src().'" alt="Placeholder" width="300px" height="300px" />'; ?>
 
    <h3><?php the_title(); ?></h3>
    <span class="price"><?php echo $product->get_price_html(); ?></span>
    <?php echo do_shortcode('[add_to_cart id="'.$id.'"]'); ?>
    </a>  
    </li>
    <?php do_action( 'woocommerce_pagination' ); ?>
    <?php endwhile; ?>
    <?php wp_reset_query(); ?>
 
  </ul>
</div>

Vous pouvez donc l’utiliser là où bon vous semble, dans le template désiré.

Leave a Reply

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>