質問 > フロント機能 > トップの新着情報を記事表示を奇数、偶数で背景色を変更したい |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
kitanosaki |
投稿日時: 2012/12/21 15:28
対応状況: 確認中
|
新米 登録日: 2012/12/21 居住地: 神戸 投稿: 5 |
トップの新着情報を記事表示を奇数、偶数で背景色を変更したい 検索しても類似の質問がなかったので質問させてください。
EC−CUBE初心者で恐縮ですが、 新着情報のエントリー表示の背景色を奇数と偶数で変更したいのですが、この際はどうすれば良いのでしょうか? ご存知の方おられましたら、ご教授お願いいたします。 |
DELIGHT |
投稿日時: 2012/12/21 15:41
対応状況: −−−
|
仙人 登録日: 2010/2/3 居住地: 熊本県・九州・長野県・関東甲信越 投稿: 572 |
Re: トップの新着情報を記事表示を奇数、偶数で背景色を変更したい 新着情報のブロックにこんな風に記述してみてください。
<script type="text/javascript"> $(function(){ $('#news_area .newslist:odd') //奇数番目の.newslist .css({ background: '#ffffff', color: '#000000' }); $('#news_area .newslist:even') //偶数行の.newslist .css({ background: '#000000', color: '#ffffff' }); }) </script> id=news_areaな要素内の、奇数又は偶数番目の.newslistにstyle要素を適用するjavascriptです。 下記URLに、最初だけ・最後だけ・○番目だけ等 色々な選び方(セレクタ)が載っていますので参考までに。 http://semooh.jp/jquery/api/selectors/
|
kscom |
投稿日時: 2012/12/21 15:51
対応状況: −−−
|
新米 登録日: 2008/8/20 居住地: 投稿: 6 |
Re: トップの新着情報を記事表示を奇数、偶数で背景色を変更したい ECCUBEに限らず、Smarty全般でのテクニックにより対処できるものと思われます。
「ブロック設定」の「新着情報」の変更についてみると、
のループ内で、セクション「data」の現在のループ回数「iteration」で偶数・奇数を判別します。
とすることで、余り1ならば奇数、0なら偶数とみなすことができます。 Smartyのテクニックは他にもあるのでご参照ください。 ▼Smarty公式{section}の解説(後半「iteration」を参照) http://www.smarty.net/docsv2/ja/language.function.section.tpl |
kitanosaki |
投稿日時: 2012/12/21 22:15
対応状況: 解決済
|
新米 登録日: 2012/12/21 居住地: 神戸 投稿: 5 |
ありがとうございます!! kscom様、DELIGHT様
早々にアイデアお教え頂き大変感謝しております。 2つ共に違うアプローチだったので是非両方トライしてみます。 ありがとうございました!! |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |