futureshop FAQ

本サイトは、弊社サービスfutureshop」ご契約店舗様用のFAQサイトです。
お困り事やご不明点等ございましたら、お気軽にフューチャーショップサポートまでご連絡ください。

  • 電話でのお問合せ番号(平日10:00~17:00)
  • メールでのお問合せ
  • 文字サイズ変更
  • S
  • M
  • L
  • No : 4897
  • 公開日時 : 2019/01/09 19:37
  • 更新日時 : 2021/10/22 14:18
  • 印刷

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

回答

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

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

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

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

 

設定手順

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

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

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

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

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

 

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

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

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

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

 

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

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

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

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

 

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

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

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

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

 

注意

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

コマースクリエイター用の開店ガイドできました!

はじめてのコマースクリエイター!ショップ開店ガイド

スムーズに解決できなかった場合、記事改善のため解決できなかった理由をお聞かせください。

ご意見・ご感想をお寄せください お問い合わせを入力されましてもご返信はいたしかねます

フューチャーショップサポート

「虎の巻」でお悩みが解決できない場合や、ご不明点等がございましたらお気軽にご連絡ください。

  • お電話でのお問い合わせ(平日10:00~17:00)お電話でのお問い合わせ(平日10:00~17:30)
  • メールフォームをご利用くださいお問い合わせフォーム

ページ
トップへ