Web予約 電話予約 ショップ

商品ページのオプション|アーカイブページや商品ページの表示設定を変更しよう

「商品ページの表示内容を変更したい」
「商品アーカイブ(一覧)の検索性を高めたい」

そんなときは、TCDテーマ > 商品から設定可能です。当記事でご紹介いたします。

当記事でご紹介する「商品」のオプションは、商品ページ全体に影響する設定です。商品ページのつくり方は「オンライン販売する商品を登録しよう」をご覧ください。

設定箇所

ダッシュボード内のTCDテーマ > 商品より設定します。

用意されているオプション

↓項目をクリックして詳しい設定を確認できます。

共通設定 商品画像の比率や、日本円記号のタイプを変更します。
また、商品画像上に表示するラベルも設定可能です(新着・セール・おすすめ・在庫切れ)。
アーカイブページ ヘッダー画像や、見出し、説明文を登録し、サイドバーの配置変更や、並び替え・在庫フィルターなどの表示を設定します。
商品ページ 商品ページに表示する以下のような要素を設定します。
・商品タグ
・シェアボタン
・商品共通情報1、2
・追加情報エリア
・レビューフォームの文言
・関連商品の見出し
お気に入り お気に入りページの各種文言の設定を行います。
ショートコード(記事内で使える商品一覧) ここで登録した商品をエディタ内に呼び出して挿入できます。

共通設定

基本設定

パンくずリンク等に表示される「コンテンツの名前」を設定できます。WooCommerceを有効化すると自動生成される固定ページ「ショップページ」のタイトルが利用される仕様です。

スラッグについても、「ショップページ」のパーマリンクが反映される仕様です。

商品画像の比率は、以下より選択できます。

  • 正方形(1:1)
  • 横長(3:4)
  • 縦長(4:3)
  • カスタム比率
カスタム比率はご自身で設定できますので、取り扱う商品画像に合わせて柔軟に設定可能です。
日本円記号のタイプや、各種バッジのカラーや文言もここで変更できます。
商品バッジ

アーカイブページ

ヘッダー
商品一覧

イメージ画像を見ながら、それぞれ設定していきます。

見出し ページの見出しを登録します(商品一覧等)。
ヘッダー画像 アーカイブページのヘッダー画像を設定します。
説明文 ページの説明文を登録します。PC、スマホで別々に登録可能です。
リードコピー 任意で縦書きのリードコピーを登録できます。
サイドバー サイドバー(ウィジェットエリア)の配置を、左右から選べます。非表示も可能です。
並び替えメニュー 商品の並び替えメニューを表示します。以下の選択肢が用意されています。
人気・評価・新着・価格の高い・価格の安い順
在庫フィルター 在庫切れ商品を除外するフィルターを表示します。
1ページに表示する商品の数 1ページに表示する商品の数を設定します。

商品ページ

商品ページに関する設定を行います。オプションはヘッダーとメインコンテンツに分かれています。主に表示の有無を制御する設定です。

ヘッダー

ヘッダー

用意されているオプションをそれぞれ設定していきます。

商品タグ 商品タグの表示/非表示を設定します。
シェアボタン 商品ページシェアボタンの表示/非表示を設定します。

メインコンテンツ

メインコンテンツ

用意されているオプションは次の通りです。

本文エリア 商品編集画面に入力された本文(商品説明)が反映されます。
追加情報エリア WooCommerceの商品データ > 属性で設定したデータを表形式で表示します。
レビューエリア ユーザーが投稿したレビューの一覧とレビュー投稿フォームを表示します。

レビューを利用する場合は、WooCommerceのレビュー設定でレビューを有効化する必要があります。

レビューフォーム レビューーフォームの見出しや説明文を設定します(PC/スマホ別)。

レビューは商品を購入したユーザーのみ投稿できる仕様です。
※サイトの管理者なら投稿可能です。

アップセル 商品編集画面の商品データ > 関連商品 > アップセルで設定した商品一覧を表示します。
ここでは、「おすすめ商品」などとして見出しを登録します。
関連商品 チェックをいれると同じカテゴリーに属する商品をランダムで表示できます。
商品数は指定可能です。
最近チェックした商品 チェックをいれるとユーザーが閲覧した商品を一覧で表示します。
閲覧履歴として機能します。

他の商品ページへの導線にもなるので、商品ページの設定を作り込んでおくことは、非常に重要です。一通り商品登録が終わったら、アップセルや関連商品の表示を確認して、導線設計が自然か確認しておきましょう。

お気に入り

お気に入りページ

商品のお気に入りページの設定です。

見出し お気に入りページの見出しを設定します。(お気に入りやウィッシュリストなど)
お気に入り商品が存在しない時のメッセージ 「お気に入り商品はまだありません。」などと登録できます。

商品ページのお気に入りボタン

お気に入り追加前のラベル 「お気に入りに追加」などと登録可能です。
お気に入り追加後のラベル 「お気に入りに追加済み」などと登録可能です。

ショートコード(記事内で使える商品一覧)

指定の商品群をショートコードとして、最大5種類まで登録できます。

たとえば、「おすすめのコーヒー」などという登録名で、複数の商品を登録しておけば、ブログ記事や固定ページなどあらゆる箇所で挿入できるようになります。

登録した商品群は、エディタ内に下記のように表示されます。

ブロックエディタをお使いの方なら「/pl」と入力すると、上記のようにすぐに呼び出せます。クラシックエディタをお使いの方は、クイックタグ内に「商品一覧(登録名)」と表示されているので、そこから呼び出せます。

すべて設定できたら、何か投稿して次の項目を確認してみましょう。

  • 商品アーカイブページのサイドバー(ウィジェット)は設定した?
  • 商品ページに表示されている要素は問題ない?
  • 関連商品やアップセルは登録した?
  • レビューフォームはちゃんと機能している?
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。

スイーツづくりを担当しています。子どもの頃からお菓子づくりやお花が好きで、今も新しいレシピを考える時間が楽しみのひとつです。盛り付けやコーヒーと一緒に味わったときのバランスも大切にしています。季節ごとの限定スイーツもぜひ楽しんでいただけたらと思います。

関連記事

目次