EC-CUBE 開発コミュニティ

質問 > フロント機能 > 商品詳細ページにて

フロント機能

投稿者	スレッド
rst	投稿日時: 2010/7/27 9:24 対応状況: −−−
一人前登録日: 2008/8/17 居住地: 投稿: 80	商品詳細ページにて商品詳細ページにての商品画像の表示ついて質問です。下記のソースの場合、サブ画像のみ繰り返し表示されます。 <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}--> <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}--> <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}--> <!--{if $arrProduct[$key] != ""}--> <!--拡大写真がある場合ここから--> <!--{if $arrFile[$key].filepath != ""}--> <li><img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name\|escape}-->" style="display: none;" /><!--{if $arrFile[$lkey].filepath != ""}--><a href="<!--{$arrFile[$lkey].filepath}-->"><!--{/if}--><img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name\|escape}-->" /><!--{if $arrFile[$lkey].filepath != ""}--></a><!--{/if}--></li> <!--拡大写真がある場合ここまで--> <!--{/if}--> <!--{/if}--> <!--{/section}--> これをsection内でメイン画像の縮小画像も表示するにはどのように変更すればいいでしょうか？各画像に拡大画像のリンクを張りクリックするとjsで画像の切り替え表示を行っておりこのような並びに変更したいと思っております。具体的には下記のような並びにしたいです。メイン画像の縮小画像 \| サブ画像1の縮小画像 \| サブ画像2の縮小画像 \| サブ画像3の縮小画像・・・

AMUAMU	投稿日時: 2010/7/27 9:48 対応状況: −−−
神登録日: 2009/5/2 居住地: 東京都投稿: 2712	Re: 商品詳細ページにて該当のsectionループ内においてfirstプロパティを使うと良いのではないかと思います。 `<!--{if $smarty.section.cnt.first}--> 1番目のループの時だけ出力したいHTMLタグを書く <!--{/if}-->` とすると最初にループに入ったときだけ実行する処理が書けますのでそこにメイン画像の縮小画像を出力するような形はどうでしょうか？詳しくはSmartyのマニュアルを参照されると良いと思います。 http://www.smarty.net/manual/ja/language.function.section.php#section.property.first ---------------- EC-CUBE公式エヴァンジェリスト EC-CUBEインテグレートパートナー (株)スピリット・オブ移転・拡張・高速化・問題解決各種カスタマイズ・支援依頼承ります。 [url=h

pineray	投稿日時: 2010/7/27 9:56 対応状況: −−−
長老登録日: 2006/9/9 居住地: 伊賀投稿: 292	Re: 商品詳細ページにて sectionが始まる前に、メイン画像のタグを含んだliタグを記述すれば良いだけに思います。概略だけ書くと以下のような感じです。 `<ul> <li>メイン画像の縮小画像</li> <!--{section}--> <li>サブ画像の縮小画像</li> <!--{/section}--> </ul>` ---------------- EC-CUBEのプラグインを公開しています！いつも reCAPTCHA