WooCommerce - yagisawatakuya/Wiki GitHub Wiki

WooCommerce

##無料のWordPress用カートシステム プラグイン：https://ja.wordpress.org/plugins/woocommerce/ 参考：https://wpshop-lab.net/

1.サーバー用意 ※SSL対応サーバー用意 ※WordPressインストール 2.SSL化 3.WordPressテーマ適用 4.WooCommerceの導入と各種設定 5.商品登録 6.商品表示 7.ショップとして最低限必要なページの作成 ※お問い合わせフォームの設置（Contact Form 7） ※法的・慣例的に必要なページ

WooCommerceのカスタマイズ方法

プラグイン中にあるtemplatesからカスタマイズしたいフォルダとファイルコピペ

|-plugins
  |-woocommerce
    |-templates
      |-カスタマイズしたいフォルダとファイルをコピー
|-themes
  |-任意のテーマ
    |-woocommerce　←　新規追加
      |-コピーしたファルダとファイルをベースト

プラグイン

・WooCommerce for Japan https://ja.wordpress.org/plugins/woocommerce-for-japan/

woocommerce_content()関数

// パンくず
<?php woocommerce_breadcrumb(); ?>

参考：https://www.tmseek.jp/product-page-customize

ショートコード

// 最近追加した商品
[recent_products per_page="12" columns="4"]

// おすすめ商品
[featured_products per_page="12" columns="4"]

// セール中の商品
[sale_products per_page="12"]

// 売れ筋商品
[best_selling_products per_page="12"]

// カートの中身を表示
[woocommerce_cart]

// 決済方法の情報表示
[woocommerce_checkout]

// マイアカウント情報を表示（過去の注文を表示して情報を更新できる）
[woocommerce_my_account]

// 配送状況を確認
[woocommerce_order_tracking]

メール内容変更可

WooCommerce > 設定 > メール

woocommerce/templates/emails/ にある任意のテンプレートをWPテーマ内にコピペして編集する

備忘録

##￥　→　円に変更 ・function.php ※一部変更されない不具合あり

function my_woocommerce_currency_symbol( $currency_symbol, $currency ) {
  if ( 'JPY' == $currency ) {
    return '円';
  } else {
    return $currency_symbol;
  }
}
add_filter( 'woocommerce_currency_symbol', 'my_woocommerce_currency_symbol', 10, 2 );

参考：https://increment-log.com/?s=WooCommerce ##WooCommerce Stripe 決済の設定方法 参考：https://stripe.com/jp 参考：https://wc.artws.info/doc/how-to-use-woocommerce-stripe/