ec-cube2.13.5で商品詳細ページのサブ画像をサムネイル表示して、クリックするとメイン部分に大きく表示するようにカスタマイズしています。
サムネイルをクリックした画像のサブタイトルをメイン画像の下に表示したいのですが、
どなたか教えて頂けないでしょうか。
宜しくお願い致します。
<!--{assign var=key value="main_image"}--> <!--★画像★--> <!--{if $arrProduct.main_large_image|strlen >= 1}--> <img src="<!--{$arrFile[$key].filepath|h}-->" alt="<!--{$arrProduct.name|h}-->" name="remote_image" id="remote_image" class="wid100P ba01" /> <!--▼ロールオーバー画像▼--> <!--{if $arrProduct.sub_image1 != "" || $arrProduct.sub_image2 != "" || $arrProduct.sub_image3 != "" || $arrProduct.sub_image4 != ""}--> <div id="over_image_box"></div> <div class="over_image"> <a class="cbox" href="#" title="<!--{$arrProduct[$keyt]|h}-->" onClick="chgImg('<!--{$arrFile[$key].filepath|h}-->','remote_image');" ><img class="cbox" src="<!--{$arrFile[$key].filepath|h}-->" width="100" height="100" alt="<!--{$arrProduct.name|h}-->" /></a> </div> <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}--> <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}--> <!--{assign var=keyl value="sub_large_image`$smarty.section.cnt.index+1`"}--> <!--{assign var=keyt value="sub_title`$smarty.section.cnt.index+1`"}--> <!--{assign var=keym value="main_image"}--> <!--{if $arrProduct[$key] != ""}--> <div class="over_image mb10"> <a class="cbox" href="javascript:void(0);" title="<!--{$arrProduct[$keyt]|h}-->" onClick="chgImg('<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$key]|h}-->','remote_image');" > <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrProduct[$key]|sfNoImageMainList|h}-->&width=98&height=98" /> </a> </div> <!--{/if}--> <!--{/section}--> <br clear="all" /> <div id="dummy"></div> <!--{else}--> <!--{/if}--> <!--▲ロールオーバー画像▲--> <!--{else}--> <img src="<!--{$arrFile[$key].filepath|h}-->" alt="<!--{$arrProduct.name|h}-->" class="picture img-responsive img-thumbnail center-block mb20" /> <!--{/if}-->
あなたの回答
tips
プレビュー