メイン画像の差し替え

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

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に変換して使用して下さい。