WooCommerceで商品一覧から注文できるようにする方法

Pocket

WooCommerceは、色々な機能をAPI化しているのが素晴らしい。

https://docs.woocommerce.com/wc-apidocs/index.html

問題は、[products] で生成される商品一覧がイマイチなところ。商品が多いとカテゴリーに分けたり、リストにして注文を受けたりしたい。

有償プラグインで、WooCommerce Product Listingsというのがある。無料版もあったので試してみた。

How to Display WooCommerce Product Listings in Your Online Store

WooCommerce Product Table Lite

とても良く出来たプラグインで、カスタマイズ性が高い。が、設定がだいぶ面倒。マルチサイトでいちいち設定するのを考えると、この手間は省きたい。そこで、作ることにした。

 

ようは、

  • formの中に商品一覧
  • カテゴリーごとに商品一覧を出す
  • 商品ごとに、個数をinputできるようにする
  • variationがある場合は、それぞれ別商品とする
  • formのsubmitで、全商品の個数を更新し、cartへ遷移

できたのはこんな感じ

参考リンク