2024.9.18公開: 顧客接点を増やすチャンス!特別感が顧客の心を掴むバースデーメール

商品ページの商品紹介文をカートボタンの上に配置する

メイン紹介文をカートボタンの上に配置する

カスタムテンプレートの初期状態では、メイン紹介文はカートボタンよりも下に表示されます。
カートボタンよりも上に表示するためには、「HTMLのカスタマイズ」からテンプレートを変更します。

■HTMLの編集画面を開きます

メイン紹介文の「HTMLを編集」ボタンをクリックします。

■HTMLを変更します

HTMLソースが表示されるので、以下を <div id="itemDetail-cont"> の上に移動してください。

<div class="description">
{if $itemMaster.description1}
    <p>{$itemMaster.description1}</p>
{/if}
</div>

■編集内容を保存します

「保存する」ボタンをクリックして保存します。
他の各ボタンは以下の通りです。

・前回保存した内容に戻す
HTMLの内容が最後に保存した状態に戻ります。

・初期値に戻す
HTMLの内容が初期状態に戻ります。

・保存した内容でプレビューする
編集した内容を反映したプレビューが開きます。
ただし、実際のお店ページに基づいたものではなく、サンプルに基づいたものです。

■お店ページを更新します

  1. 管理画面の左上「お店ページの更新へ」ボタンをクリックします。
  2. 「注意事項に同意する」にチェックを入れます。
  3. 「編集中のテーマでお店を更新」ボタンをクリックします。
    サイト更新が完了するまでお待ちください。
  4. 更新が完了したら、お店ページを確認してみましょう。


カスタムテンプレートをご利用の場合、編集した項目によって更新ボタンが2つ表示されます。

編集中のテーマでお店を更新
テンプレートの切り替えや、HTMLやCSSのカスタマイズしたデザイン設定をお店ページに反映する時に利用します。「利用中のテーマ」から「編集中のテーマ」に切り替えて更新するため、注意事項に同意してから更新する必要があります。

利用中のテーマでお店を更新
トップページのお知らせの更新、フリーエリア、サイドバーの表示、商品カテゴリ表示などの反映ができます。また、お店運営中にカスタマイズしている「編集中のテーマ」があっても「利用中のテーマ」のまま、お店ページの更新をする際に利用します。


お店ページを更新しても反映されない場合の対処方法

  • キーボードの「Ctrl」+「F5」キーを押して最新の状態を読み込みましょう。
  • 画面上部の「利用中のテーマでお店を更新」をクリックしていないか、ボタンの下に表示される「最終更新日時」を確認してみましょう。


サブ紹介文をサブ紹介文用カートボタンの上に配置する

カスタムテンプレートの初期状態では、サブ紹介文用カートボタンを表示に設定すると、
サブ紹介文の本文は、サブ紹介文用カートボタンよりも下に表示されます。
サブ紹介文用カートボタンよりも上に表示するためには、「HTMLのカスタマイズ」からテンプレートを変更します。


カスタムテンプレートの初期状態では、サブ紹介文の本文、およびサブ紹介文用カートボタンは非表示になっています。
合わせて、表示に変更してください。
>>詳しくは、オンラインサポートで検索「180」

■HTMLの編集画面を開きます

サブ紹介文1、2のうち、本文を上にしたい方の「HTMLを編集」ボタンをクリックします。両方変更したい場合は、以降の操作をそれぞれ行います。

■HTMLを変更します

HTMLソースが表示されるので、以下を {if $itemMaster.kagoDesc2 == 'Y'} の上に移動してください。

<div class="description">
<p>{$itemMaster.description2}</p>
</div>

■編集内容を保存します

「保存する」ボタンをクリックして保存します。
他の各ボタンは以下の通りです。

・前回保存した内容に戻す
HTMLの内容が最後に保存した状態に戻ります。

・初期値に戻す
HTMLの内容が初期状態に戻ります。

・保存した内容でプレビューする
編集した内容を反映したプレビューが開きます。
ただし、実際のお店ページに基づいたものではなく、サンプルに基づいたものです。

■お店ページを更新します

  1. 管理画面の左上「お店ページの更新へ」ボタンをクリックします。
  2. 「注意事項に同意する」にチェックを入れます。
  3. 「編集中のテーマでお店を更新」ボタンをクリックします。
    サイト更新が完了するまでお待ちください。
  4. 更新が完了したら、お店ページを確認してみましょう。


カスタムテンプレートをご利用の場合、編集した項目によって更新ボタンが2つ表示されます。

編集中のテーマでお店を更新
テンプレートの切り替えや、HTMLやCSSのカスタマイズしたデザイン設定をお店ページに反映する時に利用します。「利用中のテーマ」から「編集中のテーマ」に切り替えて更新するため、注意事項に同意してから更新する必要があります。

利用中のテーマでお店を更新
トップページのお知らせの更新、フリーエリア、サイドバーの表示、商品カテゴリ表示などの反映ができます。また、お店運営中にカスタマイズしている「編集中のテーマ」があっても「利用中のテーマ」のまま、お店ページの更新をする際に利用します。


お店ページを更新しても反映されない場合の対処方法

  • キーボードの「Ctrl」+「F5」キーを押して最新の状態を読み込みましょう。
  • 画面上部の「利用中のテーマでお店を更新」をクリックしていないか、ボタンの下に表示される「最終更新日時」を確認してみましょう。