EC-CUBE サイトのロゴを変更する方法

Pocket

EC-CUBEのデフォルトテンプレートではデモ用ロゴが適用されています。サイトのロゴ画像をオリジナルのものに変更するには、管理画面から新しい画像のURLに変更するか、デモと同じファイル名の画像をアップロードすればOK。

やり方は以下の通り。

EC-CUBEのロゴを変更する方法

管理画面から変更する

管理画面からロゴ画像を変更するには、デザイン管理->PC(スマホ)->ヘッダー/フッター設定を開き、以下の部分のURLを変更すればOK。

<!-- デフォルト -->
<div id="logo_area" class="logo">
    <h1 class="title">
        <p id="site_description">EC-CUBEのミニマルデザインテーマ</p>
        <a href="<!--{$smarty.const.TOP_URL}-->"><img src="<!--{$TPL_URLPATH}-->img/common/logo.png" alt="<!--{$arrSiteInfo.shop_name|h}-->/<!--{$tpl_title|h}-->" /></a>
    </h1>
</div>


<!-- 変更後 -->
<div id="logo_area" class="logo">
    <h1 class="title">
        <a href="<!--{$smarty.const.TOP_URL}-->"><img src="<!--{$TPL_URLPATH}-->img/new-logo.jpg" alt="<!--{$arrSiteInfo.shop_name|h}-->/<!--{$tpl_title|h}-->" /></a>
    </h1>
</div>

あとは指定したURLにロゴをアップロードすれば完了です。この場合、

html/user_data/packages/テンプレート名/img/new-logo.jpg

となります。

URLを変更しない場合は、logo.pngを以下の場所にアップします。

html/user_data/packages/テンプレート名/img/common/logo.png