WooCommerce 最近閲覧した商品のショートコード

数日前、WooThemes チームは、あらゆる WordPress Web サイトであらゆる種類の製品を簡単に販売できるようにする、非常に人気のある WooCommerce プラグインのバージョン 2 を発表しました。私は非常に才能のある Pippin Williamson による素晴らしい Easy Digital Downloads プラグインの使用に慣れていますが、WooCommerce についてもう少し深く掘り下げて、既存の機能を使用して新しい機能を作成する方法を示したいと思いました。今日は、最近閲覧した商品を表示するショートコードの作成方法を説明したいと思います。最近閲覧した商品は、私にとって非常に基本的な人工知能のようなものであるため、非常に強力な機能です。これにより、ユーザーはほんの数秒で、すでに閲覧した製品に簡単に戻ることができます。また、ショートコードを使用して最近閲覧した商品を表示できることは、Web サイトのどこにでも配置できるため、非常に便利です。

通常、WPexplorer でチュートリアルを作成するときは、その方法を段階的に説明しますが、今日の記事は少し長くなるので、プロセス全体を説明してから、コードに直接コメントを付けて完全なコードを提供することを好みます。

ショートコード内で行う

そこで、[woocommerce_recently_viewed_products per_page=”5″] ショートコードを登録するプラグインを作成します。なぜプラグインを作成するのでしょうか?これは、どのテーマでも使用できる機能を保存する最も簡単な方法だからです。ショートコードをテーマに登録することにした場合、そのショートコードはテーマがアクティブ化されている場合にのみ使用可能になります。プラグインを使用すると、使用しているテーマに関係なく、この機能を引き続き利用できます。もう 1 つの非常に重要なことは、WooCommerce ファイルを決して変更しないでください。

クッキーは好きですか？本当です！

デフォルトでは、WooCommerce は訪問者がショップで何をしたのか、何を見たのかに関する重要なデータを保存する Cookie を作成します。そして、それはまさにプラグインを作成するために必要なタイプのデータです。必要な最も重要なデータは、$_COOKIE[‘woocommerce_recently_viewed’] という Cookie に保存されます。基本的に、この Cookie には最後に閲覧した商品の ID が保存されます。 WooCommerce はすでにこれらの ID を保存しているため、私たちの仕事は最終的に「post__in」クエリ属性を使用して適切なクエリを作成し、表示する必要がある商品がまだ在庫があることを確認することです。これを行うには、$woocommerce->query->stock_status_meta_query() メソッドを「meta_query」クエリ属性に使用する必要があります。

プラグインの完全なコード

コードは非常にシンプルなので、コードに直接コメントを追加しました。ステップバイステップのチュートリアルは行いませんでしたが、何か不明な点がある場合はコメントを書いてください。喜んでそれぞれ説明させていただきます。コードの一部です！

<?php
/*
Plugin Name: WooCommerce - Recently Viewed Products
Plugin URL: http://remicorson.com/
Description: Adds a "recently viewed products" shortcode
Version: 1.0
Author: Remi Corson
Author URI: http://remicorson.com
Contributors: corsonr
Text Domain: rc_wc_rvp
Domain Path: languages
*/

/**
 * Register the [woocommerce_recently_viewed_products per_page="5"] shortcode
 *
 * This shortcode displays recently viewed products using WooCommerce default cookie
 * It only has one parameter "per_page" to choose number of items to show
 *
 * @access      public
 * @since       1.0 
 * @return      $content
*/
function rc_woocommerce_recently_viewed_products( $atts, $content = null ) {

	// Get shortcode parameters
	extract(shortcode_atts(array(
		"per_page" => '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' => $number, 
    				'no_found_rows'  => 1, 
    				'post_status'    => 'publish', 
    				'post_type'      => 'product', 
    				'post__in'       => $viewed_products, 
    				'orderby'        => 'rand'
    				);

	// Add meta_query to query args
	$query_args['meta_query'] = array();

    // Check products stock status
    $query_args['meta_query'][] = $woocommerce->query->stock_status_meta_query();

	// Create a new query
	$r = new WP_Query($query_args);

	// If query return results
	if ( $r->have_posts() ) {

		$content = '<ul class="rc_wc_rvp_product_list_widget">';

		// Start the loop
		while ( $r->have_posts()) {
			$r->the_post();
			global $product;

			$content .= '<li>
				<a href="' . get_permalink() . '">
					' . ( has_post_thumbnail() ? get_the_post_thumbnail( $r->post->ID, 'shop_thumbnail' ) : woocommerce_placeholder_img( 'shop_thumbnail' ) ) . ' ' . get_the_title() . '
				</a> ' . $product->get_price_html() . '
			</li>';
		}

		$content .= '</ul>';

	}

	// Get clean object
	$content .= ob_get_clean();
	
	// Return whole content
	return $content;
}

// Register the shortcode
add_shortcode("woocommerce_recently_viewed_products", "rc_woocommerce_recently_viewed_products");