テンプレートのファイルパスが表示されない原因と対処方法について

SMPに管理者ログインした状態で申込み画面を表示した際、テンプレートパスが表示されない原因は「ファイルパスの表示がOFF」「カスタマイズCSSの影響」のいずれかが考えられます。本記事では、それぞれの対処方法を説明します。

1．原因

テンプレートのファイルパスが表示されない原因は、大きく分けて２つあります。

• ファイルパスの表示がOFFになっている
• ファイルパスの表示用タグがCSSの影響で画面上に見えない

2．対処方法

２.１. テンプレートパスの表示がOFFになっている場合

テンプレートパスの表示を、OFFからONに切り替えます。

全キャンペーン管理モード（青画面）＞サイドメニュー：キャンペーン＞一覧リンク

1. 全キャンペーン管理モードの[キャンペーン]タブ>対象のキャンペーン>プレビューをクリックします。
2. 申込画面が表示されます。
3. 画面左上に表示される枠内の「テンプレートパスの表示」項目を確認します。
4. OFFになっている場合、「切り替え」をクリックし、「ON」にします。

２.２. ファイルパスの表示用タグがCSSの影響で画面上に見えない

表示用タグには「template-layout」という「id名」が付与されています。
この表示用タグが、HTMLソースに記載されているか確認してください。

HTMLソースに記載されている場合、テンプレートカスタマイズを行った際に追加したCSSの影響を受けている可能性が高いと考えられます。シャノンの担当営業もしくは、テンプレートのカスタマイズを行った企業様へお問い合わせください。

＜HTMLソース表示方法＞
Microsoft Edge の場合

1. 対象のページを表示し、 [F12] を押して「開発者ツール」を表示します。
2. 「要素」タブをクリックします。
3. 左上のメニューからテンプレートパスの表示:ONにします。
4. 「template-layout」というid名の要素がソースに追加されたか確認します。

Google Chrome の場合

1. 対象のページを表示し、 [Ctrl]+[Shift]+[i] を押して「デベロッパーツール」を表示します。
2. 「要素」タブをクリックします。
3. 左上のメニューからテンプレートパスの表示:ONにします。
4. 「template-layout」というid名の要素がソースに追加されたか確認します。

Mozilla Firefox の場合

1. 対象のページを表示し、 [Ctrl]+[Shift]+[i] を押して「開発ツール」を表示します。
2. 「インスペクター」タブをクリックします。
3. 左上のメニューからテンプレートパスの表示:ONにします。
4. 「template-layout」というid名の要素がソースに追加されたか確認します。

3．関連コンテンツ

• [マニュアル]テンプレートをカスタマイズする
デザインテンプレートのカスタマイズ方法についてまとめられたマニュアルです。
• [ご利用ガイド]デザインテンプレートの利用手順を知ろう
デザインテンプレートの利用手順について記載されたコンテンツです。