Welcart Mode
ドキュメント
リンク

その他の設定

ウィジェットエリアの表示箇所の説明、Welcart Mode に搭載されている独自の機能を紹介していきます。

ウィジェットエリア

サイドバーやトップページなどに表示するウィジェットエリアを用意しております。
下記の設定ページより設定をおこなってください。

設定画面 [ 外観 ] > [ ウィジェット ]
管理画面

トップページ

管理画面

  • ホームエリア1
    キービジュアル画像の下部に表示されます。
    ※ ①の部分に表示されます。
  • ホームエリア2
    特集一覧の下部に表示されます。
    ※ ②の部分に表示されます。
  • ホームエリア3
    コーディネート一覧の下部に表示されます。
    ※ ③の部分に表示されます。
  • ホームエリア4
    ブランド一覧の下部に表示されます。
    ※ ④の部分に表示されます。
  • ホームエリア5
    投稿一覧の下部に表示されます。
    ※ ⑤の部分に表示されます。

サイドバー

管理画面

  • サイドバー1
    トップページ専用のウィジェットエリアになります。
  • サイドバー2
    商品（一覧・詳細）・ブランド・コーディネート・特集・検索結果ページのウィジェットエリアになります。
  • サイドバー3
    固定ページ・投稿（一覧・詳細）ページのウィジェットエリアになります。

メニュー設定

下記の設定画面よりヘッダー・フッターメニューの登録をおこなってください。

管理画面
設定画面 [ 外観 ] > [ メニュー ]
  • グローバル・ナビゲーション
    管理画面
    メニューの「表示タイプの設定」がおこなえます。
  • ヘッダー・ナビゲーション
    管理画面
  • フッター・ナビゲーション
    管理画面

キービジュアル画像の表示

下記の設定画面よりキービジュアル画像の登録をおこなってください。

管理画面
設定画面 [ 外観 ] > [ ヘッダー ]

表示タイプ

キービジュアル画像を複数登録する際に、「フェード（イン/アウト）」タイプで表示するか「スライド」タイプで表示するかの「設定がおこなえます。
表示タイプによって、設定する内容も異なってきますので下記を参考にしてください。

フェード形式で表示する

フェードは、画面いっぱいに画像を表示させ、1枚ずつフェードイン/アウトで切り替えて表示する形式となります。

管理画面

画像推奨サイズ：幅 1920px

スライド形式で表示する

スライドは、スライド数を設定して1枚ずつスライドさせて表示する形式となります。

管理画面

画像推奨サイズ：
スライド数：1枚 - 幅 1920px
スライド数：2枚以上 - 幅 1920 ÷ スライド数

コントロール設定

スライド・フェードでの自動再生の設定やスピードなどの設定をおこなってください。

管理画面

  • カラム数
    列数を指定してください。
    ※ 表示タイプが「スライド」のみ有効な設定項目となります。
  • 自動再生
    オートプレイを有効にするかを選択してください。
  • 自動再生スピード
    スライドごとに表示する秒数を指定してください。
    ※デフォルト値：3秒(3000)
    ※ 自動再生を「有効」に選択している場合にのみ設定できます。
  • アニメーション速度
    スライド/フェードアニメーションの速度
    ※デフォルト値：0.3秒(300)
    ※ 自動再生を「有効」に選択している場合にのみ設定できます。

リンク設定

キービジュアルに登録した画像にリンクを設置することができます。

画像トリミング（切り抜き）をせずに登録する場合

「新規追加」から表示させたい画像を選択して、「リンク」フィールドにURLを記入してください。
「選択して切り抜く」を選択後に「切り抜かない」をクリックするとアップロードした画像がそのままのサイズで表示されます。

管理画面

画像トリミング（切り抜き）をして登録する場合

切り抜きをおこない画像を登録した場合は、切り抜いた画像が新しい画像データとしてメディアに生成されることになります。
「新規追加」画面よりリンク設定をおこなっても、切り抜いた画像には適用されませんので、再度メディア編集画面より設定する必要がございます。
※ WordPress の仕様となります。

管理画面

メディア編集画面（リスト表示）

※ 切り抜いた画像データは「リスト表示」を選択しないと表示されませんのでご注意ください。
※ 切り抜いた画像ファイル名の先頭には「cropped-」が付与されます。

SKU画像

商品のSKUごとに画像を設定することができます。色違いの商品を扱う場合などに便利な機能となります。
※ この機能は、WCEX SKU Select には対応しておりません。

管理画面
設定画面 [ メディア ] > [ 編集画面 ]

SKU画像を表示させる場合は、SKUコードと画像タイトル名が一致していなければ表示されません。
画像ファイル名を「SKUコード」に修正してメディアにアップロードするか、メディアの編集画面より、メディアタイトルを「SKUコード」に変更してください。

カテゴリー画像の表示

商品一覧ページにカテゴリー画像を表示することができます。

管理画面
管理画面
設定画面 [ 投稿 ] > [ カテゴリー ]

キービジュアル画像を設定する

管理画面

設定する画像をメディアにアップロードして、「画像を選択」より画像の設定をおこなってください。
画像推奨サイズ：幅 1200px

サブカテゴリーにサムネイル画像を設定する

管理画面

設定する画像をメディアにアップロードして、「画像を選択」より画像の設定をおこなってください。
画像推奨サイズ：幅 300px

Contact Form 7 との連携

商品ページにお問い合わせボタンを表示することができます。
テーマカスタマイザーから表示設定をおこなってください。

設定画面 [ 外観 ] > [ カスタマイズ ] > [ テーマオプション ] > [ 商品詳細ページ ]
管理画面

お問い合わせボタンのリンク先を、Contact Form 7 で作成したお問い合わせページに設定することで、お問い合わせボタンから問い合わせいただいたメールに限り「商品名」が自動的にメール本文に追加される仕様となっております。


Contact Form 7 とは

Contact Form 7 とは、サイトを観覧されているユーザーがお問い合わせを行なう場合に使用するメールフォームを簡単に作成できるプラグインです。
使い方はこちらを参照ください。

商品一覧ウィジェット

商品カテゴリーを選択して商品一覧を表示することができます。

管理画面
設定画面 [ 外観 ] > [ ウィジェット ]
管理画面

  • タイトル
    ウィジェットタイトルを記入してください。
  • 英語表記
    画像のような形で表示させる場合は記入してください。
    ※ このフィールドは、トップページ「ホームエリア1 - 5」のみ対象となります。
    管理画面
  • 表示する商品カテゴリー
    商品カテゴリーを選択してください。
  • カラム数
    列数を指定してください。
    ※ このフィールドは、トップページ「ホームエリア1 - 5」のみ対象となります。
  • 表示件数
    一覧に表示させる商品件数を指定してください。

商品一覧ショートコード

記事作成の際に、「ショートコードブロックエディター」に下記のショートコードを追加することで、記事内に「商品リスト」を表示することができます。

管理画面 管理画面 

[get-products id="post_id" colmn="列数" num="件数" cat="カテゴリースラッグ"]
  • [ id ]
    「post id」を指定してください。半角カンマ区切りで複数指定することも可能です。
    例）[get-products id="1098,2098"]
  • [ column ]
    列数（1-6）を記入してください。
    [column]が設定されていない場合の初期値は「4」列表示となります。
  • [ num ]
    表示件数を指定してください。
  • [ cat ]
    商品カテゴリーのスラッグ名を記入してください。

※ [ cat ]と[ id ]を同時に指定した場合には、[ id ]で指定した内容が表示されます。

商品の[ID]を指定して表示させる
　[get-products id="385,1238" colmn="2" num="2"]

例）「post id」が、385・128　の商品を2列で表示した場合の記述となります。

管理画面
商品カテゴリーの[スラッグ]を指定して表示させる
[get-products cat="itemreco" colmn="4" num="8"]

例）「お勧め商品（itemreco）」カテゴリーに属している商品を8件・4列で表示した場合の記述となります。

管理画面

キャンペーン期間中の割引率表示

キャンペーン期間中、キャンペーン対象商品で設定した「キャンペーン特典」の内容（ポイント・割引率）が表示されます。
「キャンペーン対象」で設定した商品カテゴリーに属する商品に対し、この機能は有効となります。

管理画面

設定方法

  • キャンペーン対象商品の設定
    キャンペーン対象商品の設定については、こちらをご覧ください。
  • キャンペーン・スケジューの設定
    キャンペーン・スケジュールの設定は、こちらをご覧ください。

割引率表示タグ

表示箇所とは別の箇所に表示させたい方は、子テーマを作成して表示させたいテンプレートファイルに以下のタグを追記ください。
※ループ外では、割引率は表示されませんのでご注意ください。

						　
						welcart_mode_campaign_message();

商品タグの表示

管理画面

設定方法

  • セール商品
    セール（キャンペーン）期間中の対象商品に表示されます。
  • 新着商品
    商品カテゴリー「新着商品（itemnew）」が適用されている商品に表示されます。
  • お勧め商品
    商品カテゴリー「お勧め商品（itemreco）」が適用されている商品に表示されます。
  • 在庫僅少
    在庫状態が「在庫僅少」になっている場合に表示されます。
    ※SKUが複数ある場合は、一つでも在庫僅少のものが有ればこのタグが表示されます。

商品レビューの設定

商品レビュー機能は、会員にログインしている場合にのみレビューを書きこむことができる様になります。会員システムを利用していないサイトでは、レビュー機能はご利用いただけません。

以下の手順に沿って設定ください。

  1. ディスカッション設定

    レビュー機能は、WordPress コメント機能を利用しています。レビュー機能を使用する場合は、管理画面「設定」のディスカッション画面より、コメントに関する設定を行なう必要があります。

    設定画面 [ 設定 ] > [ ディスカッション設定 ]
    管理画面
    他のコメント設定
    項目 説明
    コメントの投稿者の名前とメールアドレスの入力を必須にする レビュー機能では、名前とメールアドレスを入力する箇所はございませんので、チェックを外してください。チェックした状態でレビューを送信するとエラーが発生します。
    ユーザー登録してログインしたユーザーのみコメントをつけられるようにする こちらのユーザーに関しては、Welcart会員の事ではございませんので、チェックを外してください。

  2. 商品情報編集画面 / 新規商品追加画面

    管理画面

    商品情報編集画面または新規商品追加画面から、ディスカッションボックス「コメントの投稿を許可する。」にチェックを入れてください。
    ※ディスカッションボックスが表示されていない場合は、画面右上の「表示オプション」から「ディスカッション」にチェックを入れてください。

  3. テーマカスタマイザ―

    管理画面

    最後に、テーマオプションから「商品詳細ページ」を選択して、「商品レビューを表示する」にチェックを入れてください。

    レビュー機能の表示画面について

    テーマカスタマイザーのプレビュー画面では、レビュー機能を正常に確認することができません。実際のレビュー機能の表示画面を確認する場合は、WordPressの管理画面をログアウトして、フロントの方でご確認ください。

    管理者のニックネームを変更したい場合

    レビュー欄のユーザー名をニックネームに変更する場合は、管理画面　＞　ユーザーから編集画面に入っていただき、「ブログ上の表示名」をニックネームに変更してください。

Copyright ©2024. Collne Inc. All Rights Reserved.