テンプレートBasicsでモジュール管理「フッター」内に独自のリンクを追加する方法をご案内します。
初期の表示ではSHOP INFOとCONTACT USのタイトルに続けて各リンクの記述があります。
リンクを追加したい箇所に応じて、以下の手順をご確認ください。
作業の前にバックアップを保管し、元の状態に戻せるように準備したうえで編集をおこなってください。
よくある質問:【クリエイターモード】デザインセット(ソースコード)をバックアップする方法を教えてください。
編集画面:
ショップデザイン / テンプレート選択・編集 / クリエイターモード / モジュール管理「フッター」
◆SHOP INFO にリンクを追記する場合
フッターの入力欄内に一度カーソルを置いた状態でキーボードの Ctrl と F キーを同時に押し、表示される検索窓に
SHOP INFO
と入力(コピー&ペースト)し、キーボードの Enter キーを押して以下の記述を見つけてください。
<p class="footer-menu-list-title">SHOP INFO</p>
<ul class="footer-menu-list footer-info">
<li class="footer-menu-list-item"><a href="<{$url.guide}>">ご利用ガイド</a></li>
<li class="footer-menu-list-item"><a href="<{$url.policy}>">プライバシーポリシー</a></li>
<li class="footer-menu-list-item"><a href="<{$url.contract}>">特定商取引法</a></li>
<li class="footer-menu-list-item"><a href="<{$url.company}>">会社概要</a></li>
</ul>上記の <li class="footer-menu-list-item"><a href="<{$url.company}>">会社概要</a></li> の後など、リンクを表示させたい箇所に、以下の形式で追記してください。
追記例)
<li class="footer-menu-list-item"><a href="リンク先URL">リンクテキスト</a></li>
◆CONTACT US にリンクを追記する場合
フッターの入力欄内に一度カーソルを置いた状態でキーボードの Ctrl と F キーを同時に押し、表示される検索窓に
CONTACT US
と入力(コピー&ペースト)し、キーボードの Enter キーを押して以下の記述を見つけてください。
<p class="footer-menu-list-title">CONTACT US</p>
<ul class="footer-menu-list footer-contact">
<li class="footer-menu-list-item"><a href="<{$url.support}>">お問い合わせフォーム</a></li>
<li class="footer-menu-list-item"><a href="tel:<{$shop.tel}>"><{$shop.tel}></a></li>
<{if $shop.is_mail_magazine_enabled}>
<li class="footer-menu-list-item"><a href="<{$url.mail_magazine}>">MAIL MAGAZINE</a></li>
<{/if}>
</ul>上記の <{if $shop.is_mail_magazine_enabled}>〜<{/if}> の後など、リンクを表示させたい箇所に、以下の形式で追記してください。
追記例)
<li class="footer-menu-list-item"><a href="リンク先URL">リンクテキスト2</a></li>
リンク先URL、リンクテキストの部分はショップ様側で変更してください。
注意事項
・追記する <li> タグが <ul> の閉じタグ(</ul>)の内側に収まるように記述してください。
・既存のコードを誤って削除・変更してしまうと、フッター全体のレイアウトが崩れる場合があります。編集作業は必ず事前にバックアップを取った上でおこなってください。


