カテゴリー別アーカイブ: Topページ

ヘッダーの文言を変更したい

44

 

 

「EC-CUBE発!世界中を旅して見つけた立方体グルメを立方隊長が直送!」

ヘッダーのバナーの上にこんな文章が表示されていますので、これを希望の言葉にカスタマイズします。

 

 

以前は デザイン管理>ヘッダー/フッター設定 でできたのですが、Ver.2.12.6 では直接テンプレートを弄らないと行けないようです。

 

eccube/data/Smarty/templates/default/header.tpl

<!–▼HEADER–>
<div id=”header_wrap”>
<div id=”header” class=”clearfix”>
<div id=”logo_area”>
<p id=”site_description”>EC-CUBE発!世界中を旅して見つけた立方体グルメを立方隊長が直送!</p>
<h1>
<a href=”<!–{$smarty.const.TOP_URLPATH}–>”><img src=”<!–{$TPL_URLPATH}–>img/common/logo.gif” alt=”EC-CUBE ONLINE SHOPPING SITE” /><span><!–{$arrSiteInfo.shop_name|h}–>/<!–{$tpl_title|h}–></span></a>
</h1>

ここですきに書き直してください。

因みに、バナーはオレンジ色の「img/common/logo.gif」です。

ロゴ画像の変更

当ブログの

デフォルト画像からの変更・・移設の際にとっておきたいバックアップデータ・格納先

に各差し替え画像の格納場所のパスを記載してありますので重複ですが

 

ピクチャ3

 

 

ここのロゴの画像を差し替えたいと思ったら。

 

 

 

 

PCサイト

〜/cube/user_data/packages/default/img/common/logo.gif

 

携帯サイト

〜/cube/user_data/packages/mobile/img/header/logo.gif

 

スマホサイト

〜/cube/user_data/packages/sphone/img/header/logo. png

あとで気が付く、帳票用PDFのロゴ
/data/Smarty/templates/admin/pdf/logo.png
ちなみにこちらの表示場所やサイズはこちらで調整できるそうです。
/data/class/SC_Fpdf.php

129 行目あたりの以下の部分です。

//ロゴ画像
$logo_file = PDF_TEMPLATE_REALDIR . ‘logo.png’;
$this->Image($logo_file, 124, 46, 40);

124, 46, 40 の部分が横座標、縦座標、画像の縮小率だそうです。

【ねとWeb】EC-CUBEのPDFで出力した帳票のロゴを変更する方法より

移設の際にとっておきたいバックアップデータ1・・デフォルト画像の変更・・画像格納先

Cube ver.2.3.4の動作に問題があるため、あたらしいバージョンにしないといけなくなったため、今回新規にVer.2.12.6を新規インストールすることになりました。

ですから、デザインや運営方式を変更する必要があったわけではありませんので、出来るだけ移設の手間を省けたらいいと思いバックアップできるものはバックアップしておきたいと思います。

それぞれの格納場所は以下の通りです。

 

 

画像関係

PC

ヘッダーロゴ

旧 cube/user_data/packages/default/img/header/logo.gif

新 cube>user_data>packages>default>img>common>logo.gif

 

メイン画像

旧 cube/user_data/packages/default/img/main/image.gif

新 cube>user_data>packages>default>img>banner>bnr_top_main.gif

 

ステータス

旧 cube/user_data/packages/default/img/right_product/~.gif

新 cube>user_data>packages>default>img>icon>~.gif

 

かごにいれる などその他のボタン

cube/user_data/packages/default/img/products/b_cartin_on.gif

cube/user_data/packages/default/img/button/btn_cartin_on.jpg

 

ファビコン

cube/user_data/packages/admin/imag/common/favicon.ico

cube/user_data/packages/default/img/common/favicon.ico

cube/user_data/packages/sphone/img/common/favicon.ico

 

モバイル

ヘッダーロゴ

旧 cube/user_data/packages/default/img/header/logo.gif

新 cube>user_data>packages>mobile>img>header>logo.gif

 

スマホ

ヘッダーロゴ

新 cube>user_data>packages>sphone>img>header>logo.gif

 

ステータス

新 cube>user_data>packages>sphoneimg>img>icon

 

 

商品画像データ

新・旧いずれも

cube>upload>save_image

※ 但し、オンラインで商品登録をするのでPC上にはデータがありません。

オンラインのリモートサイトからダウンロードしてから保存して下さい。

 

 

メールテンプレート

PC(スマホ共有)

旧 cube/data/Smarty/templates/default/mail_templates/~.tpl

新 cube/data/Smarty/templates/default/mail_templates

 

モバイル

旧 cube/data/Smarty/templates/default/mobile/mail_templates/~.tpl

新 cube/data/Smarty/templates/mobile>mail_templates

メイン画像の差し替え

このメイン画像ですが、これの変更がなかなか面倒です。

main

<main画像 格納場所>
/cube/user_data/packages/default/img/banner/bnr_top_main.gif (bnr_top_main_on.gif)

が、この画像です。

旧バージョンは.jpgだったので、古い画像をただ入れ替えただけでは表示できません。

また、画像だけでなく、リンク先も登録商品にかえないといけませんので、やることは2つです。

  1. 手持ちの画像を表示するようにし、
  2. リンク先を登録した商品に変更する。

 

まず、手持ちの画像に変えるには2通りの方法があります。

  • 手持ちの画像をgifに変更するか、
  • 以前のように拡張子を.jpgで読めるようにするか。

です。

上のほうは画像をgifに変換して、上記のフォルダに入っている画像と入れ替えて下さい。

下の方法はCGIで読み込む画像を、gif画像から.jpgに変えて上げます。

>デザイン管理のページから>Topページ>ページ詳細>編集

に、この部分の記述があります。

 

旧画像は.jpgだったので注意。

赤い”6”は商品のID番号です。ここに飛びたい対象品の先のID番号を書き換えます。(だから、商品を登録してからじゃないとできないですね)

<div id=”main_image”>

<a href=”<!–{$smarty.const.P_DETAIL_URLPATH}–>6” onmouseover=”chgImg(‘<!–{$TPL_URLPATH}–>img/banner/bnr_top_main_on.gif’,’bnr_top_main’);” onmouseout=”chgImg(‘<!–{$TPL_URLPATH}–>img/banner/bnr_top_main.gif’,’bnr_top_main’);”>

<img src=”<!–{$TPL_URLPATH}–>img/banner/bnr_top_main.gif” alt=”詳細はこちら” id=”bnr_top_main” name=”bnr_top_main” />

</a>

緑の部分「bnr_top_main_on.gif’」 が  マウスオーバーで色が変わったときの画像です。

これらの画像の拡張子を.jpgに書き換えれば以前のままの画像で使用できます。
そのままなら、手持ち画像をgifに変換して使用して下さい。