Changeset 18294


Ignore:
Timestamp:
2009/09/20 19:55:52 (15 years ago)
Author:
Seasoft
Message:

ページナビ・件数表示を改善。
関連URL:  http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=4320&forum=8

Location:
branches/comu-ver2
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • branches/comu-ver2/data/Smarty/templates/default/list.tpl

    r18277 r18294  
    149149    <!--▲検索条件--> 
    150150 
    151     <!--▼ページナビ(上部)--> 
    152     <form name="page_navi_top" id="page_navi_top" action="?"> 
    153         <!--{if $tpl_linemax > 0}--> 
    154             <ul class="pagenumberarea"> 
    155                 <li class="left"><span class="pagenumber"><!--{$tpl_linemax}--></span>件の商品がございます。</li> 
    156                 <li class="center"><!--{$tpl_strnavi}--></li> 
    157                 <li class="right"> 
    158                     <!--{if $orderby != 'price'}--> 
    159                         <a href="javascript:fnChangeOrderby('price');">価格順</a> 
    160                     <!--{else}--> 
    161                         <strong>価格順</strong> 
    162                     <!--{/if}-->&nbsp; 
    163                     <!--{if $orderby != "date"}--> 
    164                             <a href="javascript:fnChangeOrderby('date');">新着順</a> 
    165                     <!--{else}--> 
    166                         <strong>新着順</strong> 
    167                     <!--{/if}--> 
    168                     表示件数 
    169                     <select name="disp_number" onchange="javascript:fnChangeDispNumber(this.value);"> 
    170                         <!--{foreach from=$arrPRODUCTLISTMAX item="dispnum" key="num"}--> 
    171                             <!--{if $num == $disp_number}--> 
    172                             <option value="<!--{$num}-->" selected="selected" ><!--{$dispnum}--></option> 
    173                             <!--{else}--> 
    174                             <option value="<!--{$num}-->" ><!--{$dispnum}--></option> 
    175                             <!--{/if}--> 
    176                         <!--{/foreach}--> 
    177                     </select> 
    178                 </li> 
    179             </ul> 
    180         <!--{else}--> 
    181             <!--{include file="frontparts/search_zero.tpl"}--> 
     151    <!--▼ページナビ(本文)--> 
     152    <!--{capture name=page_navi_body}--> 
     153        <div class="pagenumberarea"> 
     154            <div class="change"> 
     155                <!--{if $orderby != 'price'}--> 
     156                    <a href="javascript:fnChangeOrderby('price');">価格順</a> 
     157                <!--{else}--> 
     158                    <strong>価格順</strong> 
     159                <!--{/if}-->&nbsp; 
     160                <!--{if $orderby != "date"}--> 
     161                        <a href="javascript:fnChangeOrderby('date');">新着順</a> 
     162                <!--{else}--> 
     163                    <strong>新着順</strong> 
     164                <!--{/if}--> 
     165                表示件数 
     166                <select name="disp_number" onchange="javascript:fnChangeDispNumber(this.value);"> 
     167                    <!--{foreach from=$arrPRODUCTLISTMAX item="dispnum" key="num"}--> 
     168                        <!--{if $num == $disp_number}--> 
     169                        <option value="<!--{$num}-->" selected="selected" ><!--{$dispnum}--></option> 
     170                        <!--{else}--> 
     171                        <option value="<!--{$num}-->" ><!--{$dispnum}--></option> 
     172                        <!--{/if}--> 
     173                    <!--{/foreach}--> 
     174                </select> 
     175            </div> 
     176            <div class="navi"><!--{$tpl_strnavi}--></div> 
     177        </div> 
     178    <!--{/capture}--> 
     179    <!--▲ページナビ(本文)--> 
     180 
     181    <!--{foreach from=$arrProducts item=arrProduct name=arrProducts}--> 
     182 
     183        <!--{if $smarty.foreach.arrProducts.first}--> 
     184            <!--▼件数--> 
     185            <div> 
     186                <span class="pagenumber"><!--{$tpl_linemax}--></span>件の商品がございます。 
     187            </div> 
     188            <!--▲件数--> 
     189             
     190            <!--▼ページナビ(上部)--> 
     191            <form name="page_navi_top" id="page_navi_top" action="?"> 
     192                <!--{if $tpl_linemax > 0}--><!--{$smarty.capture.page_navi_body|smarty:nodefaults}--><!--{/if}--> 
     193            </form> 
     194            <!--▲ページナビ(上部)--> 
    182195        <!--{/if}--> 
    183     </form> 
    184     <!--▲ページナビ(上部)--> 
    185  
    186     <!--{foreach from=$arrProducts item=arrProduct}--> 
     196 
    187197        <!--{assign var=id value=$arrProduct.product_id}--> 
    188198        <!--{assign var=arrErr value=$arrProduct.arrErr}--> 
    … …  
    312322        </div> 
    313323        <!--▲商品--> 
     324 
     325        <!--{if $smarty.foreach.arrProducts.last}--> 
     326            <!--▼ページナビ(下部)--> 
     327            <form name="page_navi_bottom" id="page_navi_bottom" action="?"> 
     328                <!--{if $tpl_linemax > 0}--><!--{$smarty.capture.page_navi_body|smarty:nodefaults}--><!--{/if}--> 
     329            </form> 
     330            <!--▲ページナビ(下部)--> 
     331        <!--{/if}--> 
     332 
     333    <!--{foreachelse}--> 
     334        <!--{include file="frontparts/search_zero.tpl"}--> 
    314335    <!--{/foreach}--> 
    315336 
    316     <!--▼ページナビ(下部)--> 
    317     <form name="page_navi_bottom" id="page_navi_bottom" action="?"> 
    318         <!--{if $tpl_linemax > 0}--> 
    319             <ul class="pagenumberarea"> 
    320                 <li class="left"><span class="pagenumber"><!--{$tpl_linemax}--></span>件の商品がございます。</li> 
    321                 <li class="center"><!--{$tpl_strnavi}--></li> 
    322                 <li class="right"> 
    323                     <!--{if $orderby != 'price'}--> 
    324                         <a href="javascript:fnChangeOrderby('price');">価格順</a> 
    325                     <!--{else}--> 
    326                         <strong>価格順</strong> 
    327                     <!--{/if}-->&nbsp; 
    328                     <!--{if $orderby != "date"}--> 
    329                         <a href="javascript:fnChangeOrderby('date');">新着順</a> 
    330                     <!--{else}--> 
    331                         <strong>新着順</strong> 
    332                     <!--{/if}--> 
    333                      表示件数 
    334                     <select name="disp_number" onchange="javascript:fnChangeDispNumber(this.value);"> 
    335                     <!--{foreach from=$arrPRODUCTLISTMAX item="dispnum" key="num"}--> 
    336                     <!--{if $num == $disp_number}--> 
    337                     <option value="<!--{$num}-->" selected="selected" ><!--{$dispnum}--></option> 
    338                     <!--{else}--> 
    339                     <option value="<!--{$num}-->" ><!--{$dispnum}--></option> 
    340                     <!--{/if}--> 
    341                 <!--{/foreach}--> 
    342                     </select> 
    343                 </li> 
    344             </ul> 
    345         <!--{/if}--> 
    346     </form> 
    347     <!--▲ページナビ(下部)--> 
    348337</div> 
    349338<!--▲CONTENTS--> 

  • branches/comu-ver2/html/user_data/packages/default/css/products.css

    r18277 r18294  
    1515/* ページ送り 
    1616----------------------------------------------- */ 
    17 .pagenumberarea, .pagecondarea { 
    18     clear: both; 
     17.pagenumberarea, 
     18.pagecondarea { 
     19    clear: both; 
     20} 
     21 
     22/* 背景色(改行対策) */ 
     23.pagenumberarea, 
     24.pagenumberarea .navi, 
     25.pagenumberarea .change, 
     26.pagecondarea { 
     27    background-color: #f3f3f3; 
     28} 
     29 
     30.pagenumberarea { 
     31    margin: 1em 0; 
     32    padding: 1ex 1em; 
     33} 
     34 
     35.pagecondarea { 
    1936    margin: 20px 0; 
    2037    padding: 10px; 
    21     background-color: #f3f3f3; 
    22 } 
    23  
    24 ul.pagenumberarea { 
    25     height: 2.5ex; 
    26     padding:0px; 
    27 } 
    28  
    29 ul.pagecondarea { 
    3038    border: 1px solid #CCCCCC; 
    3139} 
    3240 
    33 ul.pagenumberarea li { 
    34     float: left; 
    35     width: 32.9%; 
    36 } 
    37  
    38 ul.pagenumberarea li.left { 
    39     text-align: left; 
    40     white-space: nowrap; 
    41     margin-left:10px; 
    42     width: 27.9%; 
    43 } 
    44  
    45 ul.pagenumberarea li.center { 
     41.pagenumberarea .navi { 
     42    padding-right: 38%; 
    4643    text-align: center; 
    47     white-space: pre; 
    48     width: 27.9% 
    49 } 
    50  
    51 ul.pagenumberarea li.right { 
    52     float:right; 
     44} 
     45 
     46.pagenumberarea .change { 
     47    float: right; 
    5348    text-align: right; 
    5449    white-space: nowrap; 
    55     width: 38.7%; 
    56     margin-right:10px; 
    57 } 
    58  
    59 .pagenumberarea .pagenumber{ 
    60     color: #ff0000; 
    61     font-weight: bold; 
    62 } 
    63  
    64 p.pagenumberarea .number{ 
    65     font-weight: bold; 
    6650} 
    6751 
    … …  
    167151} 
    168152 
     153.product_list .pagenumber{ 
     154    color: #ff0000; 
     155    font-weight: bold; 
     156} 
     157 
    169158/* 商品詳細 */ 
    170159 
Note: See TracChangeset for help on using the changeset viewer.