2022/02/23 学習開始!

WooCommerceでカタログ製作

WooCommerceとは

WordPressにインストールするだけで、簡単にECサイトが作成できるプラグインです。
海外仕様の為、英語なのがデメリットですが、日本語化のプラグインも出ています。

YITH WOOCOMMERCE CATALOG MODEでWEBカタログを作成

WooCommerceはネットショップを作成するためのプラグインなので、ショッピングカートやユーザー用のマイページ機能などがセットでついてきてしまいます。
今回作成したかったのは、販売目的ではなく、取扱製品をずらっと見せるためのWEBカタログ。

YITH WOOCOMMERCE CATALOG MODEというプラグインと組み合わせることで、簡単にカタログ化できました!

作成方法

WooCommerceYITH WOOCOMMERCE CATALOG MODEを新規プラグイン追加で追加します。

YITH WOOCOMMERCE CATALOG MODE

メニューからYITHを選び、CatalogMode内の設定で画像のようにすべてYESにするだけです!

各商品ページの説明タブと説明の見出しを消したい

デフォルトで表示されるタブと見出しを消すには、追加CSSでのカスタマイズで対応しました。

See the Pen Untitled by AIZAWA (@marumatosb) on CodePen.

逆にタブを増やしたいという方は、タブを増やすプラグインがあるのでそちらを利用すると良さそうです。

今日の積み上げ

  • wordpress
  • HTML
  • CSS
  • WooCommerce

ブログランキング・にほんブログ村へ

この記事を書いた人
あいざわ

劇場を作ることを人生の目標に、プログラミング学習をはじめたデザイナー。

●学習したことをノート替わりにまとめたり
●学習ロードマップ・学習方法
●個人開発アプリの開発記録

などを残していきます。

あいざわをフォローする
WordPress学習ログ
スポンサーリンク
あいざわをフォローする
スポンサーリンク
LOGBLO.
タイトルとURLをコピーしました