お世話になっております。

商品一覧ページの画像をマウスオーバーでサブ画像１に切り替えたいと思っております。

サブ画像１のパス
<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.sub_image1|sfNoImageMainList|h}-->

だと思いましたが見当違いなようで画像は表示されません。
どうしてもサブ画像に切り替わる動きを取り入れたいのでご存知の方、ご教授頂ければ幸いです。
宜しくお願い致します。

yumesan 様

ぱっと見た感じ間違っていないと思っておりますが、
マウスオーバー機能とは別に単独のimgタグに
下記を入れても表示されないのでしょうか？
引用：

----------------
****************************************
株式会社システムフレンド
辻 拓也(takuya tsuji)
改造専門店・EC-CUBE工房
****************************************

tsuji様
ご返信どうもありがとうございます。
はい、単独でも表示されず、不明画像の表示になってしいます。
サブ画像を呼び出すパスが間違っている様です。

また詳細ページtplを参考に
<!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}-->
<!--{if $arrProduct[$ikey]|strlen >= 1}-->
<サブ画像imgタグ>
<!--{else}-->
<!--{/if}-->
としてみましたが、画像自体が消えてしまいました。

当てずっぽうにいろいろなタグで試していますがうまく行きません。
お助け頂ければ幸いです。
どうぞ宜しくお願い致します。

yumesan 様

一度、imgタグなしでパスを全て文字として出力してみたらどうでしょうか？
そのパスに本当に画像があるのか、なければ正しいパスに書き換えるのがよいと思います。

----------------
****************************************
株式会社システムフレンド
辻 拓也(takuya tsuji)
改造専門店・EC-CUBE工房
****************************************

tsuji様

ご返信ありがとうございます。
申し訳ありません、imgタグなし、の表示の仕方が分かりませんでした。
正しいパスに書き換えたいと思っております。
ご教授頂ければ幸いです。
どうぞ宜しくお願い致します。

yumesan 様

申し訳ありません。こちらの文章の書き方がまずかったですね。
imgタグのsrcに書いてあるパスをpタグやspanタグで実際に表示させたら
探すのに分かりやすいということを伝えたかっただけです。

そのパスの位置に画像があるかをチェックしてみてください。

----------------
****************************************
株式会社システムフレンド
辻 拓也(takuya tsuji)
改造専門店・EC-CUBE工房
****************************************

tsuji様

お返事ありがとうございます！
現在なんとか表示させようと
<a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->" onmouseover="chgImg('<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->');" onmouseout="chgImg('<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_list_image|sfNoImageMainList|h}-->');">
<img class="itiran" src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_list_image|sfNoImageMainList|h}-->"alt="<!--{$arrProduct.name|h}-->" class="picture"/>
</a>
このような記述になりました。
が、onmouseの"chgImg('')の中身を変えても変化がありません。
この商品一覧ページには元々のメイン画像が表示されています。
そもそものタグが間違っているのでしょうか。
いろいろ調べてこのタグにたどり着いたのですが・・・。


<form name="product_form<!--{$id|h}-->" action="?" onsubmit="return false;">
<input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
<input type="hidden" name="product_id" value="<!--{$id|h}-->" />
<input type="hidden" name="product_class_id" id="product_class_id<!--{$id|h}-->" value="<!--{$tpl_product_class_id[$id]}-->" />
<div class="list_area clearfix">
<a name="product<!--{$id|h}-->"></a>
<div class="listphoto">
<!--★画像★-->
<a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/banner/eccube-top-image_on.jpg','eccube-top-image');" onmouseout="chgImg('<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_list_image|sfNoImageMainList|h}-->');">
<img class="itiran" src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_list_image|sfNoImageMainList|h}-->"alt="<!--{$arrProduct.name|h}-->" class="picture"/>
</a>

</div>


現在商品一覧ページの
<!--▼商品-->
以下がこちらの記述です。


そして

Warning(E_WARNING): register_shutdown_function() [<a href='function.register-shutdown-function'>function.register-shutdown-function</a>]: Invalid shutdown callback 'LC_Page_FrontParts_Bloc_CheckedItems::destroy' passed on [/home/users/2/***/web/***/frontparts/bloc/plg_checkeditems.php(32)] from 218.221.104.240
customer_id =
/home/users/2/***/web/***/index.php(28): LC_Page_Index_Ex->process
/home/users/2/***/web/***/data/class_extends/page_extends/LC_Page_Index_Ex.php(54): LC_Page_Index->process
/home/users/2/***/web/***/data/class/pages/LC_Page_Index.php(54): LC_Page->sendResponse
/home/users/2/***/web/***/data/class/pages/LC_Page.php(152): SC_Display->prepare
/home/users/2/***/web/***/data/class/SC_Display.php(80): SC_View->getResponse
/home/users/2/***/web/***/data/class/SC_View.php(101): Smarty->fetch
/home/users/2/***/web/***/data/module/Smarty/libs/Smarty.class.php(1264): include
/home/users/2/***/web/***/data/Smarty/templates_c/default/%%F1^F15^F158E3F4%%site_frame.tpl.php(104): Smarty->_smarty_include
/home/users/2/***/web/***/data/module/Smarty/libs/Smarty.class.php(1870): include
/home/users/2/***/web/***/data/Smarty/templates_c/default/%%58^587^5876E692%%site_main.tpl.php(45): smarty_core_smarty_include_php
/home/users/2/***/web/***/data/module/Smarty/libs/internals/core.smarty_include_php.php(40): Smarty->_include
/home/users/2/***/web/***/data/module/Smarty/libs/Smarty.class.php(1924): include
/home/users/2/***/web/***/frontparts/bloc/plg_checkeditems.php(32): register_shutdown_function

がエラーログに出ています。
初心者なものでかなり混乱しています。
お力を貸して頂ければ幸いです。
宜しくお願い致します。

途中から失礼します。
商品一覧ページにサブ画像を表示させるためには、商品一覧を表示させるデータにサブ画像を含ませてあげる必要があると思います。

SC_Product.phpの中で商品一覧ようの配列を作成している関数があるので、そこへサブ画像を追加してあげると商品一覧でサブ画像を表示できるようになると思います。

試してないので、わかりませんが、これで画像名が取得できると思います。
<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.sub_image1|sfNoImageMainList|h}-->

----------------
*******☆ reaps-factory.inc ☆*******
+++++++++++++++++++++++++++++++
株式会社Reaps-Factory.
（リープスファクトリー）
+++++++++++++++++++++++++++++++

reaps様

ご連絡ありがとうございます！
糸口が見えた気がします！

SC_Product.phpの１４６、１４７行目に追加致しました。


/**
* SC_Queryインスタンスに設定された検索条件をもとに商品一覧の配列を取得する.
*
* 主に SC_Product::findProductIds() で取得した商品IDを検索条件にし,
* SC_Query::setOrder() や SC_Query::setLimitOffset() を設定して, 商品一覧
* の配列を取得する.
*
* @param SC_Query $objQuery SC_Query インスタンス
* @return array 商品一覧の配列
*/
public function lists(&$objQuery)
{
$col = <<< __EOS__
product_id
,product_code_min
,product_code_max
,name
,comment1
,comment2
,comment3
,main_list_comment
,main_image
,main_list_image
,price01_min
,price01_max
,price02_min
,price02_max
,stock_min
,stock_max
,stock_unlimited_min
,stock_unlimited_max
,deliv_date_id
,status
,del_flg
,update_date
,sub_image1　　　　←追加
,sub_large_image1　←追加

こうなりました。


list.phpのonmouseoverにも
<!--★画像★-->
<a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->" onmouseover="chgImg('<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.sub_image1|sfNoImageMainList|h}-->');" onmouseout="chgImg('<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_list_image|sfNoImageMainList|h}-->');">
<img class="itiran" src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_list_image|sfNoImageMainList|h}-->"alt="<!--{$arrProduct.name|h}-->" class="picture"/>
</a>

ご指摘くださったパスを入れ、こうなりました。
しかし表示されません。
せっかくお教えくださったのに、申し訳ない気持ちです。
どこが間違っているのでしょうか、お気づきの点がございましたらご教授頂ければ幸いです。

またエラーログにはなにも表示されていません、どうか宜しくお願い致します。

後は、マウスオーバーをするところのJavaScriptの書き方だけだと思います。

chgImg('画像のパス','ユニークID')

さらに、マウスオーバー前の元画像にもchgImgで指定したユニークIDを指定する必要があるようです。


<!--{$smarty.foreach.arrProducts.index}-->

これでインデックスが取得できるので、
subimg_<!--{$smarty.foreach.arrProducts.index}-->
とすれば、ユニークIDとなります。

----------------
*******☆ reaps-factory.inc ☆*******
+++++++++++++++++++++++++++++++
株式会社Reaps-Factory.
（リープスファクトリー）
+++++++++++++++++++++++++++++++