Comment créer un shortcode WooCommerce pour les produits récemment consultés

Publié: 2021-05-05

WooCommerce Shortcode des produits récemment consultés Vous cherchez un moyen d'afficher les produits récemment consultés à l'aide d'un shortcode ? Dans cet article, je veux vous montrer comment créer un shortcode pour les produits WooCommerce récemment consultés. Par défaut, WooCommerce vous permet d'utiliser un widget pour afficher la liste des produits qu'un client a récemment consultés.

Cette solution intégrée est très efficace et nous pensons qu'elle deviendra bientôt un bloc Gutenberg.

Cependant, vous souhaiterez peut-être afficher les produits associés sur une nouvelle page. Cela signifie que vous devez créer un shortcode.

WooCommerce Shortcode des produits récemment consultés

Dans ce bref didacticiel, nous expliquerons comment vous pouvez créer un code court simple pour afficher les produits récemment consultés. Avant de poursuivre, vous devez noter que cette solution implique la gestion du code.

Si vous n'êtes pas familier avec la gestion du code, nous vous recommandons de contacter un développeur WordPress qualifié afin de ne pas gâcher votre site.

Vous devez également créer un thème enfant afin que vos modifications ne soient pas perdues lors d'une mise à jour.

Voyons comment vous pouvez y parvenir.

Étapes pour ajouter le shortcode des produits récemment consultés

Pour créer le shortcode, nous tirerons parti du shortcode [products] existant et lui "transmettrons" les identifiants de produit sans avoir à réinventer la roue.

Alternativement, vous pouvez créer un plugin qui enregistre un shortcode dans un thème. Nous utiliserons cette méthode car c'est la plus simple.

Vous devez créer un nouveau dossier avec le nom du plugin.

Si vous ne voyez aucun produit récent, c'est parce que vous devez toujours avoir un widget Produits récemment consultés actif. Le cookie "woocommerce_recently_viewed" est stocké uniquement lorsque le widget des produits récemment consultés est utilisé.

Les données les plus importantes dont nous avons besoin sont stockées dans un cookie appelé $_COOKIE['woocommerce_recently_viewed'].

Vous pouvez inclure votre propre code pour tracer/créer des cookies si vous le souhaitez :

function custom_track_product_view() {

    if ( ! is_singular( 'product' ) ) {

        return;

    }

    global $post;

    if ( empty( $_COOKIE['woocommerce_recently_viewed'] ) )

        $viewed_products = array();

    else

        $viewed_products = (array) explode( '|', $_COOKIE['woocommerce_recently_viewed'] );

    if ( ! in_array( $post-&gt;ID, $viewed_products ) ) {

        $viewed_products[] = $post-&gt;ID;

    }

    if ( sizeof( $viewed_products ) &gt; 15 ) {

        array_shift( $viewed_products );

    }

    // Store for session only

    wc_setcookie( 'woocommerce_recently_viewed', implode( '|', $viewed_products ) );

}

add_action( 'template_redirect', 'custom_track_product_view', 20 );

Voici le code complet du plugin :


function njengah_woocommerce_recently_viewed_products( $atts, $content = null ) {

// Get shortcode parameters

extract(shortcode_atts(array(

&quot;per_page&quot; =&gt; '5'

), $atts));

// Get WooCommerce Global

global $woocommerce;

// Get recently viewed product cookies data

$viewed_products = ! empty( $_COOKIE['woocommerce_recently_viewed'] ) ? (array) explode( '|', $_COOKIE['woocommerce_recently_viewed'] ) : array();

$viewed_products = array_filter( array_map( 'absint', $viewed_products ) );

// If no data, quit

if ( empty( $viewed_products ) )

return __( 'You have not viewed any product yet!', 'rc_wc_rvp' );

// Create the object

ob_start();

// Get products per page

if( !isset( $per_page ) ? $number = 5 : $number = $per_page )

// Create query arguments array

$query_args = array(

'posts_per_page' =&gt; $number,

'no_found_rows'  =&gt; 1,

'post_status'    =&gt; 'publish',

'post_type'      =&gt; 'product',

'post__in'       =&gt; $viewed_products,

'orderby'        =&gt; 'rand'

);

// Add meta_query to query args

$query_args['meta_query'] = array();

// Check products stock status

$query_args['meta_query'][] = $woocommerce-&gt;query-&gt;stock_status_meta_query();

// Create a new query

$r = new WP_Query($query_args);

// If query return results

if ( $r-&gt;have_posts() ) {

$content = '&lt;ul class=&quot;rc_wc_rvp_product_list_widget&quot;&gt;';

// Start the loop

while ( $r-&gt;have_posts()) {

$r-&gt;the_post();

global $product;

$content .= '&lt;li&gt;

&lt;a href=&quot;' . get_permalink() . '&quot;&gt;

' . ( has_post_thumbnail() ? get_the_post_thumbnail( $r-&gt;post-&gt;ID, 'shop_thumbnail' ) : woocommerce_placeholder_img( 'shop_thumbnail' ) ) . ' ' . get_the_title() . '

&lt;/a&gt; ' . $product-&gt;get_price_html() . '

&lt;/li&gt;';

}

$content .= '&lt;/ul&gt;';

}

// Get clean object

$content .= ob_get_clean();




// Return whole content

return $content;

}

// Register the shortcode

add_shortcode(&quot;woocommerce_recently_viewed_products&quot;, &quot;njengah_woocommerce_recently_viewed_products&quot;);

Après avoir ajouté le code, ajoutez les [woocommerce_recently_viewed_products per_page=”5″] sur n'importe quelle page.

Voici le résultat :

Conclusion

Dans ce bref tutoriel, nous avons expliqué comment vous pouvez afficher les produits récemment consultés à l'aide d'un shortcode.

Vous devez être prudent lorsque vous modifiez le fichier functions.php car si vous faites une erreur, il affichera une erreur critique.

Comment créer un shortcode WooCommerce pour les produits récemment consultés

WooCommerce Shortcode des produits récemment consultés

Étapes pour ajouter le shortcode des produits récemment consultés

Conclusion

Articles similaires