WooCommerce 「商品名と価格のみ」シンプルな商品カテゴリー一覧を出力するショートコード

ショートコード

[products_by_category_slug product_cat="カテゴリースラッグ" orderby="ID"]

このショートコードを設置すると、WooCommerce 商品カテゴリーから、商品名と価格の一覧を取得する。現状、テーブルタグで囲っている。

orderby のオプションについてはこちらを参照

ブロックエディター でのショートコード配置の例

出力結果

このように出力される。

コード

functions.phpに追記するコードはこちら。(自己責任でよろしくお願いします。)

/* woocommerce タイトルと価格のみ 取得 */
/*  [products_by_category_slug product_cat="category-slug" orderby="rand"] */
add_shortcode( 'products_by_category_slug', 'products_by_category_slug' );

function products_by_category_slug( $atts, $content = null ) {
extract( shortcode_atts( array(
'product_cat' => '巻物',
'orderby'=> 'rand',
), $atts));
ob_start();
?>
<table class="wc_products">
<?php
$args = array( 'post_type' => 'product', 'posts_per_page' => -1, 'product_cat' =>$product_cat, 'orderby' => $orderby);
$loop = new WP_Query( $args );
while ( $loop->have_posts() ) : $loop->the_post(); global $product; 
?>

<tr>
   <td class="wc_product_name">
    <a href="<?php htmlspecialchars(the_permalink( $post )); ?>"><?php htmlspecialchars(the_title()); ?></a>
   </td>
   <td class="price">
    ¥<?php echo htmlspecialchars(number_format($product->regular_price)); ?> 
    </td>
 </tr>
<?php endwhile; ?>
</table>
<?php wp_reset_query(); 
return ob_get_clean();
?>
<?php
}
/* end */

謝辞

参考になった記事はこちら、感謝です。

商品名だけを取り出すサンプルコード、ただし、このサンプルコードそのままだと、エラーが発生した。しかし、このサンプルコードを元に、今回のコードを作れたので大感謝です。

価格の表示するためのサンプルコード。シンプルに取得できて感動。

3桁ごとにカンマを入れるPHP関数。

PHP標準の出力バッファリング機能、これ知りませんでした。便利。

プラグインにしたい

スマートフォンの狭い画面で、WooCommerceに登録している商品リストを、写真なしで取得したかった。探したが、良いプラグインを見つけることができなかった。(探しきれていない可能性が高いが)

そこで、ショートコードで自作した。

公式プラグインに登録したい。

無料メルマガにぜひご登録ください

ブログより日常を書いています。
ものくろキャンプ メルマガ
購読登録フォーム
Eメール  *
お名前(姓)  *
お名前(名)  *

講座・ワークショップ 開催予定

2022-11-11 20:00 – 21:30
金曜夜:こころの発酵 マインドフルネス瞑想会+軽食
詳細・お申し込みはこちら

2022-11-19 11:00 – 13:00
オンライン【あみだす発酵アカデミー】白菜キムチ(キムジャン)作りクラス
詳細・お申し込みはこちら

2022-11-19 15:00 – 17:00
【あみだす発酵アカデミー】本格「王様のコチュジャン」作りクラス/オンライン・リアルどちらもOK
詳細・お申し込みはこちら

2022-11-20 13:00 – 14:30
日曜昼:こころの発酵  マインドフルネス瞑想会+ランチ
詳細・お申し込みはこちら

2022-11-25 19:00 – 22:00
第4金曜日開催 オンライン【ブログ】グループレッスン 11月25日
詳細・お申し込みはこちら

2022-12-08 19:00 – 22:00
木曜夜開催【東京 ブログ】グループセッション 12月8日
詳細・お申し込みはこちら

2022-12-09 19:00 – 20:30
金曜夜:こころの発酵 マインドフルネス瞑想会+軽食
詳細・お申し込みはこちら

2022-12-10 11:00 – 13:30
【あみだす発酵アカデミー】本場香港の味 XO醤作りクラス
詳細・お申し込みはこちら

2022-12-10 18:00 – 21:00
2022 あみだす望年会っ
詳細・お申し込みはこちら

2022-12-15 11:00 – 13:30
平日【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2022-12-16 19:00 – 22:00
第4金曜日開催 オンライン【ブログ】グループレッスン 12月16日※12月のみ第3週目となります
詳細・お申し込みはこちら

2022-12-17 11:00 – 13:30
土曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2022-12-18 13:00 – 14:30
日曜昼:こころの発酵  マインドフルネス瞑想会+ランチ
詳細・お申し込みはこちら

2022-12-30 10:00 – 18:00
リアル・オンラインどちらもOK!ものくろ流WordPressスタートアップ講座 -第42期- 講師 ものくろ
詳細・お申し込みはこちら

2023-01-12 11:00 – 13:30
平日【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-01-15 11:00 – 13:30
日曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-01-21 11:00 – 13:30
土曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

  • ブックマーク

【案内板】

このブログをはじめて読んだあなたへ
ぜひ読んでもらいたい記事を用意しました。

オンラインショップあります

↓ 下のバーナーをクリックすると移動します。