ご利用マニュアル

テンプレート一覧/作成

カラーミーショップご利用で、2021年7月13日以降にアカウント発行された方は、こちらをご覧ください。

画面の見方

re-screen12

表示デザインの作成・編集ができます。
「保存」をクリック後、リアルタイムで表示デザインに反映いたします。
最大登録件数は最大100件となります。

※アイテム=商品

  1. テンプレートマニュアル:作成時はテンプレートマニュアルを参照してください
    ※テンプレートマニュアルは、管理画面ログイン後
  2. テンプレート数:設定しているテンプレート数

  3. 新規作成:テンプレートを新規作成したい場合に押下

  4. テンプレート名:設定したテンプレート名      ※▼(降順)▲(昇順)で並び替え可能

  5. 最終更新日時:該当テンプレートを最終更新した日時 ※▼(降順)▲(昇順)で並び替え可能

  6. メモ:編集画面にて作成したメモ内容

  7. 編集:該当のテンプレートを編集

  8. 複製:該当のテンプレートの複製(コピー)を作成

  9. 削除:該当のテンプレートを削除一括非表示:実行後、以下の状態となりますのでご注意ください。

テンプレート編集画面の見方

re-screen12-2

テンプレート作成詳細については「テンプレートマニュアル」を、レコメンド等への表示可能件数については「表示可能件数を確認」をご参照下さい。
※最大表示件数を変更されたい場合は、弊社までご連絡ください。

  1. テンプレート名:任意のテンプレート名を入力(全角英数字50文字まで)

  2. メモ:任意で入力(全角20文字まで)

  3. プレビュー:下記HTMLにて記述したものをプレビュー

  4. プレビューを更新:HTMLやCSSを変更した際にこちらを押下するとプレビューが更新されます

  5. HTML:選んだテンプレートをベースに自由にHTMLを編集いただけます。(全角65535文字まで)
    ※編集される場合は『テンプレートマニュアル』を必ずご参照ください。独自タグの解説もテンプレートマニュアルにてご案内しています。

  6. テンプレートマニュアル:テンプレート作成詳細について記載

  7. 表示可能件数を確認:レコメンド等への表示可能件数についてはこちらより確認

  8. CSS:選んだテンプレートをベースに自由にCSSを編集いただけます。(全角65535文字まで)

  9. キャンセル・保存して作成:入力した情報を保存する場合は「保存して作成」を押下。「保存」したものは表示デザインに即時反映。

テンプレートの新規作成・編集(デザイン調整)

レコメンド表示枠のデザインを作成・編集する手順です。
白紙ベースから、お客様のサイトのイメージに合わせたデザインを作成いただけます。

なお、弊社で作成したデザインフォーマットも50種類ご用意がございます。
デザインフォーマットは自由に変更いただけますので、白紙ベースから作成が難しい場合は、こちらをベースにお客様のサイトに合わせてカスタマイズしていただくことも可能です。

テンプレートの新規作成

  1. 「新規作成」ボタンを押下
    re-screen12-3

  2. 表示されたデザインフォーマットの配下にある「選択」を押下
    デザインフォーマットを使用しない場合は、『白紙テンプレート』を選択
    re-screen12-4

  3. テンプレート名を付け、HTML・CSSを記述し、「保存して作成」を押下
    ※弊社独自のテンプレート記述方法は「テンプレートマニュアル」(画像内赤線)を参照してください
    re-screen12-5

注意事項
※#{name} などは、「さぶみっと!レコメンド」の独自タグです。デザイン調整時に誤って削除しないようご注意ください。非表示にしたい独自タグは、削除いただいて構いません。
※弊社独自のテンプレート記述方法は「テンプレートマニュアル」(画像内赤線)を参照してください
※HTML、CSSの記述方法の
サポートは対象外となります。ご了承下さい。

テンプレートの編集

  1. 編集したい「テンプレート名」か右側にある「編集」ボタンを押下
    re-screen12-6

  2. HTML・CSSの編集を行い、「保存して作成」を押下
    ※弊社独自のテンプレート記述方法は「テンプレートマニュアル」(画像内赤線)を参照してください

    re-screen12-5

注意事項
※#{name} などは、「さぶみっと!レコメンド」の独自タグです。デザイン調整時に誤って削除しないようご注意ください。非表示にしたい独自タグは、削除いただいて構いません。
※弊社独自のテンプレート記述方法は「テンプレートマニュアル」(画像内赤線)を参照してください
※HTML、CSSの記述方法の
サポートは対象外となります。ご了承下さい。

関連するマニュアル

関連するよくあるご質問

TOPへ