無料でここまで出来るWooCommerceサンプル

ビキナーズのサイトにて、WooCommerceのショップサンプルを構築しました。
利用テーマはビキナーズサイトで利用しているLightningの子テーマ上にてカスタマイズはありますが、WooCommerceの機能としてWordPressリポジトリーよりFreeプラグインでフロント側ですが全て構成しました。


簡単な説明として左と右側
※1の赤枠は、テーマ上にてカスタマイズ
※2の青枠は、Freeプラグイン部
※3の紫部は、WooCommerce標準仕様
商品価格は、Google fontを利用して(¥)表示でなく、円表示へCSSにて修正


サイドバーカスタマイズ
※1画面上部赤枠部は、WooCommerce標準仕様のミニカートシステムを、サイドバー表示する為にショートコード化。商品カートへ追加にて自動で追加され、商品削除もページ移動する事無く完結してます。
商品比較部は、プラグインよりカスタマイズ(thumbnail)追加
※2部は、プラグイン仕様のままでCSSでの調整
※3部は、WooCommerce標準機能部となります。


WooCommerceは、2015年5月へWordPressのAutomattic社へ買収されてから僅か4年でここ迄進化してます。
個人店舗の方や零細企業の方でネット販売を自社でしたい場合はWordPressの高機能と連動するWooCommerceは素晴らしいショップサイト構築をもたらします。


ショップサンプルで不明な点がありましたら、ビキナーズ相談枠を用意してありますのでご利用下さい。
尚サンプルショップの為、支払いゲートウェイや配送関係の機能は導入してありません。