コマースクリエイター有効化時にレコメンドの画像が正しく表示されません。

コマースクリエイター有効化状態の店舗様向けのご案内です。

コマースクリエイター有効化中は
システムに連携される画像パスの関係上、
コマースクリエイターで構築したECサイトでレコメンドの商品画像は表示できません。

コマースクリエイター切替後に店舗様にてご対応いただく
アイテムデータの切替対応で表示されるようになります。
(切替対応用の画面はコマースクリエイター切替お申込み後にサポートよりご案内いたします)

画像を含めたデザイン確認をしたい場合は、以下の設定を行うことにより仮画像を表示できます。

 

設定手順

１：仮の商品画像を用意し、アイテムにアップロードする

コマースクリエイター切替後は、
サムネイルに指定されている「Mサイズ」の画像が連携されます。

そのため、構築＞ページ設定 - 商品 画像幅設定(コマースクリエイター)で
Mサイズに設定した画像幅の画像をご用意ください。
なお初期値は400pxです。

ご用意いただいた画像は、commerce creator＞アイテム にてアップロードしてください。

アップロードしたあと、アイテム一覧ページの画像の上で右クリックし、
「画像アドレスをコピー」をクリックして画像アドレスを控えてください。

 

２：futureRecommend2の管理画面にて、利用するテンプレートを複製する

futureRecommend2の管理画面にログインし、
表示設定＞テンプレート一覧／作成 と進み、利用するテンプレートを複製してください。

その際、テンプレート名を「コマースクリエイター用だということがわかりやすい名称」に
変えておくことをオススメいたします。

例：(テンプレート名)_cc

 

３：複製したテンプレート内の「画像の置換文字部分」を変更する

複製したテンプレートの編集画面のHTML欄にて、

#{image}を１でアップロードした仮画像のアドレスに変更してください。

変更後、右上の「プレビューを更新」ボタンを押下すると、
すべての商品において１で登録した仮画像が表示されます。

 

４：コマースクリエイターで表示しているテンプレートを複製したものに変更する

レコメンド管理画面上で表示確認ができれば、
コマースクリエイターで構築したECサイトに反映されるように、
テンプレートの指定を２で複製したテンプレートに差し替えてください。

システムパーツを利用している場合
構築＞ページ設定＞レコメンド2設定　出力タグ設定(コマースクリエイター)

フリーパーツを利用している場合
コマースクリエイター＞パーツ

 

注意

レコメンドテンプレートのデザインを変更する場合、変更するテンプレートの選択間違いにご注意ください。