ITTI STAFF
BLOG

イッティWEBスタッフの制作ブログ

WooCommerce:オススメ商品を表示する方法

WooCommerceのオススメ商品をショートコードや、ループを使って表示させる方法です。

ショートコードで表示する方法

ショートコードを記載することでオススメ商品を表示させることができます。

Shortcode
[featured_products per_page="12" columns="4" orderby="date" order="desc"]

パラメータ

パラメーターとして下記が用意されています。

  • per_page
    表示する件数を指定できます。
  • columns
    1行に表示する件数を指定できます。
  • orderby
    並び替えに利用するキーを指定できます。順序パラメータを利用できます
  • order
    昇順(asc)、降順(desc)を指定できます。

テンプレートにショートコード記載して表示する方法

テンプレートにショートコードを記載して呼び出すことができます。

PHP
<?php echo do_shortcode('[ショートコードを記載する]'); ?>

ショートコードを使わない方法

ループを使って、オススメ商品を表示させる方法です。

PHP
<?php
$args = array(
  'post_type' => 'product',
  'meta_key' => '_featured',
  'meta_value' => 'yes',
  'posts_per_page' => 1
);
$featured_query = new WP_Query( $args );
if ($featured_query->have_posts()) :
  while ($featured_query->have_posts()) :
    $featured_query->the_post();
    $product = get_product( $featured_query->post->ID );
?>
ここにタイトルや画像などの商品を記載
<?php
  endwhile;
  endif;
  wp_reset_query();
?>

下記のget_productで商品のSKUなどの全ての情報を取得することができるようです。便利ですね。

$product = get_product( $featured_query->post->ID );

トップページや、カテゴリーページ、検索結果にオススメ商品や売れ筋商品を表示させるのが効果的です。

新しい記事

新宿のWEB制作会社イッティ

新宿のWEB制作会社イッティ