EC-CUBE ネットショップテンプレート

コンテンツの登録・編集

4.ロゴ画像の編集(モバイルサイト用)
携帯サイトで表示されるロゴ画像の設定を行います。
1 ロゴ画像を用意
ファイル名は「logo.gif」で保存してください。
PCサイト用にロゴ画像を用意した場合は別途作成の必要はありません。
ロゴ画像はリサイズされ、モバイル用に使用できます。
2 テンプレートセットを用意
テンプレートキングのテンプレートを使用中の場合は、管理画面の「デザイン管理>テンプレート設定」からテンプレートセットをダウンロードし、「tpl_package_************.tar.gz」を解凍をします。
※管理画面からの編集ではなくFTPで作業を行っている場合はデータが失う恐れがあるので、必ずバックアップをとってから行ってください。
テンプレートキングのテンプレート未使用の場合は、テンプレートキングからダウンロードした「テンプレート名.tar.gz」を解凍します。

解凍したフォルダにロゴ画像を保存します。
【保存場所】
_packages/img/shop/logo.gif
3 テンプレートファイルの編集
解凍したフォルダ内のテンプレートファイル(top.tpl)を編集します。
メモ帳では作業ができません。テキストエディタで作業を行ってください。

【保存場所】
mobile/top.tpl

top.tplの記述内容を変更

変更前↓
<!-- ▼ロゴ ここから -->
<!--{$arrSiteInfo.shop_name|escape}-->
<hr>
<!-- ▲ロゴ ここまで -->

変更後↓
<!-- ▼ロゴ ここから -->
<center><img src="<!--{$TPL_DIR}-->img/shop/logo.gif"></center>
<!-- ▲ロゴ ここまで -->
4 テンプレートファイルの編集
圧縮ソフトを利用し、編集した「tpl_package_************」フォルダをtar.gz形式で再度圧縮ください。
圧縮後、改めて管理画面「デザイン管理>テンプレート追加」からテンプレート追加/テンプレート設定してください。
5 サイトの確認
メニューの上段にある「SITE CHECK」をクリックします。
サイトを表示し、デザインが適応されているのを確認してください。