ウェブレコメンドのデザインを編集したい

コンビーズレコではウェブレコメンドのデザインをHTML・CSSの編集で、自由に変更することが可能です。
また、HTMLの知識がない方はテンプレートで簡単に編集することができます。

あなたのネットショップに合わせたデザインに変更してお使いください。

ウェブレコメンドのデザイン編集方法

表示コード編集ページへ移動します。

管理画面TOP > ショップ管理 > ウェブ表示管理 > 編集したい表示コードの [ えんぴつアイコン ]

表示コード編集ページの「○○○○のデザイン設定」箇所にて、表示モードを選択します。
※ 表示モード名または管理欄の [ えんぴつアイコン ] をクリックください。

・クイックモード（テンプレートから選択）
テンプレートの選択や色の変更が可能です。
※ 商品名は3行までの表示となり、商品画像の幅・高さの上限は150px × 150pxに設定されます。

・マニュアルモード（HTMLとCSSで設定）
HTMLとCSSにて詳細なデザイン編集が可能です。
※ 商品名の表示や画像の幅・高さなどを自由にアレンジいただけます。

[ ON/OFF ] の切り替えにて、お好みの表示方法を選択します。

・画面下部に固定
閲覧画面の下部に常に固定表示されます。
ユーザーの操作で非表示にすることも可能です。

・ページ埋め込み
表示コードの設定箇所に表示されます。
※ デフォルト設定

使いたいテンプレートを [ ON ] に切り替えます。
※ [ OFF ] をクリックすると切り替わります。

ベース色・文字色を指定し、 [ 設定保存 ] をクリックします。

「表示エリア全体」と「商品情報」のHTML・CSSを編集し、 [ 設定保存 ] をクリックします。
マニュアルモードの使い方

各表示モードでの設定保存後、表示コード編集ページに戻りましたら、「コード○○のデザイン設定」箇所にて、手順2にて編集された表示モードの状態を [ ON ] に切り替え、[ 設定保存 ] をクリックします。

表示コード編集ページの「コード○○のプレビュー」箇所では、表示状態が [ OFF ] の状態でも、ウェブレコメンド表示のイメージを確認できます。

管理画面TOP > ショップ管理 > ウェブ表示管理 > 編集したい表示コードの [ えんぴつアイコン ]イメージを確認したいページのURLをフォームへ入力し、[ URL生成 ] をクリックします。
※ イメージを確認できるページは、該当の表示コードが設置されているページに限ります。

「プレビューページURL」欄に表示されたURLをクリックすると、プレビューページが表示されます。