コーディネイト

Welcart Mode では、コーディネート機能を搭載しております。
モデルが着用している衣装やアクセサリーといった「商品」を紐づけて表示することができます。

管理画面

記事を登録する

下記の設定画面よりコーディネート記事の登録がおこなえます。

管理画面
設定画面 [ コーディネート ] > [ 新規追加 ]

新規追加 / 編集画面

新規追加/編集画面より、記事タイトルの登録・ブロックエディタを活用してのコンテンツ登録等をおこなってください。

管理画面

フロントでのコンテンツ・抜粋の表示位置

ブロックエディタで登録したコンテンツ内容はページタイトル下部に表示されます。
抜粋は「スタイリングアイテム」の下部に表示されます。

管理画面

商品の紐付けをおこなう

「商品カテゴリー」または「商品コード」から商品の絞り込みをおこない、登録したコーディネート記事に商品の紐付けをおこなう事ができます。

「商品カテゴリー」から絞りこむ

  1. 管理画面

    絞り込みをおこなう商品カテゴリーを選択してください。
    ※必ず「追加する商品」を選択する前に商品カテゴリーでの絞り込みをおこなってください。

  2. 管理画面

    「追加する商品」からコーディネートに追加する商品を選択してください。

  3. 管理画面

    選択した商品のSKUが複数登録されている場合は、SKUも選択して「リストへ追加する」から追加してください。

「商品コード」で絞り込む

  1. 管理画面

    商品コードを記入して「取得をする」から商品選択をおこなってください。
    ※記入した商品コードが完全に一致した場合にのみ商品情報を取得することができます。

  2. 管理画面

    選択した商品のSKUが複数登録されている場合は、SKUも選択して「リストへ追加する」から追加してください。

管理画面

登録作業完了後は、必ず「更新」ボタンを押して設定を保存してください。


リストに追加した商品情報について

管理画面
  • 1. 商品画像
    リストに追加した商品画像は、SKU画像が登録されていれば「SKU画像」が表示されます。設定していなければ商品メイン画像を表示します。
  • 2. 商品名
    商品名の表示ルール」で設定した内容が表示されます。
    設定画面 [ Welcart Shop ] > [ カートページ設定 ]

リストに追加した商品を削除する

管理画面

リストに追加した商品を削除する場合は、削除したい商品の上にカーソルを合わせ「×」をクリックしてください。


リストに追加した商品の並び替えをおこなう

管理画面

リストに追加した商品の並び順を変更する場合は、商品の上にカーソルを合わせドラッグ&ドロップで移動してください。
(フロント)記事詳細ページの商品リストの並び順にも反映されます。

管理画面

モデルを登録する

管理画面

モデル情報を登録することができます。

設定画面 [ コーディネート ] > [ モデル ]
管理画面

  • [ 名前 ]
    モデルの名前を記入してください。
  • [ スラッグ ]
    スラッグ名を記入してください。
  • [ 画像 ]
    モデルの画像を登録してください。
  • [ 身長(cm) ]
    モデルの身長を記入してください。
  • [ タイプ ]
    モデルのタイプ(男性・女性・子供)を選択してください。

記事に登録する

記事に登録したモデル情報を紐付けることができます。

管理画面

記事編集画面の「モデル」より紐付けをおこないたいモデルにチェックを入れてください。

タグを登録する

管理画面

タグを登録することができます。

設定画面 [ コーディネート ] > [ タグ ]
管理画面

  • [ 名前 ]
    タグ名を記入してください。
  • [ スラッグ ]
    スラッグ名を記入してください。

記事に登録する

記事に登録したタグを追加することができます。

管理画面

記事編集画面の「タグ」より追加したいタグにチェックを入れてください。

フロント画面に表示する

下記の設定項目は、[ 設定 ] > [ 表示設定 ] の「ホームページの表示」が「最新の投稿」に選択されている場合にのみ有効な機能となります。

「コーディネート」で登録した記事をフロント画面に表示させてみましょう。

トップページに表示する

下記の設定画面よりコーディネート一覧の表示がおこなえます。

管理画面
設定画面 [ 外観 ] > [ カスタマイズ ] > [ テーマオプション ] > [ フロント設定 ]

「コーディネートを表示する」にチェックを入れると、プレビュー画面に表示されます。

管理画面

【テーマオプション】

  • [ 表示件数 ]
    表示件数を指定ください。
  • [ スライド機能を実装 ]
    スライドで表示させる場合にはチェックを入れてください。
  • [ 列数 ]
    列数(3 - 6)を指定してください。

※ 並び順は、登録日順の降順表示となります。


設定後は、「公開」ボタンを押して保存してください。


コーディネート一覧ページの設定をおこなう

コーディネート一覧ページでは、タイトルや表示項目の設定がおこなえます。

設定画面 [ 外観 ] > [ カスタマイズ ] > [ テーマオプション ] > [ コーディネート一覧ページ ]
管理画面

プレビュー画面:コーディネート一覧ページ


【テーマオプション】

  • [ タイトル ]
    「コーディネート」のタイトル(ラベル)を変更することができます。

    管理画面

    この変更をおこなうことにより、一覧ページのタイトル(h1)や<title>タグが変更されます。
    ※ コーディネート機能は、アパレル用品以外にも商品を組み合わせて使用する事ができます。
  • [ タイトル(英語表記) ]
    「Coordinate」の英語表記のタイトルを変更することができます。

    管理画面
  • [ 表示項目 ]
    リストに表示させたい項目を指定してください。
  • [ モデル表示 ]
    リストにモデルを表示させるかを選択してください。
  • [ モデル情報 ]
    リストに表示させるモデル情報の項目を指定してください。
    ※「表示する」を選択している場合に有効な項目となります。

詳細ページの設定をおこなう

コーディネート詳細ページでは、ページタイトルの表示や表示項目等の設定がおこなえます。

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

プレビュー画面:コーディネート詳細ページ


【テーマオプション】

  • [ ページタイトル ]
    ページタイトルを表示するかの設定をおこなってください。
  • [ サブタイトル ]
    見出しの「スタイリングアイテム」の表示を変更することができます。
  • [ モデル表示 ]
    詳細ページにモデル情報を表示させるかを選択してください。
  • [ モデル情報 ]
    表示させるモデル情報の項目を指定してください。
    ※「表示する」を選択している場合に有効な項目となります。
  • [ 同モデルの一覧表示 ]
    同じモデルのコーディネート一覧を表示させるかを選択してください。

    管理画面
  • [ タグの表示 ]
    記事に設定されている「タグ」一覧を表示するかを選択してください。
    管理画面