Changeset 21253


Ignore:
Timestamp:
2011/09/24 18:32:09 (9 years ago)
Author:
Seasoft
Message:

#1481 (おすすめ商品ブロックの改善)

Location:
branches/version-2_11-dev
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • branches/version-2_11-dev/data/Smarty/templates/default/frontparts/bloc/recommend.tpl

    r21240 r21253  
    2121 *}--> 
    2222<!--{if count($arrBestProducts) > 0}--> 
    23 <div class="bloc_outer clearfix"> 
    24     <div id="recommend_area"> 
    25         <h2><img src="<!--{$TPL_URLPATH}-->img/title/tit_bloc_recommend.jpg" alt="*" class="title_icon" /></h2> 
    26         <!--{section name=cnt loop=$arrBestProducts step=2}--> 
    27         <div class="bloc_body clearfix"> 
    28             <div class="recommendleft clearfix"> 
    29                 <div class="productImage"> 
    30                     <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[cnt].product_id|u}-->"> 
    31                         <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrBestProducts[cnt].main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="<!--{$arrBestProducts[cnt].name|h}-->" /></a> 
    32                 </div> 
    33                 <div class="productContents"> 
    34                     <h3> 
    35                         <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[cnt].product_id|u}-->"><!--{$arrBestProducts[cnt].name|h}--></a> 
    36                     </h3> 
    37                     <!--{assign var=price01 value=`$arrBestProducts[cnt].price01_min`}--> 
    38                     <!--{assign var=price02 value=`$arrBestProducts[cnt].price02_min`}--> 
    39                     <p class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込): 
    40                         <span class="price"><!--{$price02|sfCalcIncTax:$arrInfo.tax:$arrInfo.tax_rule|number_format}--> 円</span> 
    41                     </p> 
    42                     <p class="mini comment"><!--{$arrBestProducts[cnt].comment|h|nl2br}--></p> 
    43                 </div> 
     23    <div class="bloc_outer clearfix"> 
     24        <div id="recommend_area"> 
     25            <h2><img src="<!--{$TPL_URLPATH}-->img/title/tit_bloc_recommend.jpg" alt="*" class="title_icon" /></h2> 
     26            <div class="bloc_body clearfix"> 
     27                <!--{foreach from=$arrBestProducts item=arrProduct name="recommend_products"}--> 
     28                    <div class="product_item clearfix"> 
     29                        <div class="productImage"> 
     30                            <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->"> 
     31                                <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrProduct.main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="<!--{$arrProduct.name|h}-->" /> 
     32                            </a> 
     33                        </div> 
     34                        <div class="productContents"> 
     35                            <h3> 
     36                                <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->"><!--{$arrProduct.name|h}--></a> 
     37                            </h3> 
     38                            <p class="sale_price"> 
     39                                <!--{$smarty.const.SALE_PRICE_TITLE}-->(税込): <span class="price"><!--{$arrProduct.price02_min|sfCalcIncTax:$arrInfo.tax:$arrInfo.tax_rule|number_format}--> 円</span> 
     40                            </p> 
     41                            <p class="mini comment"><!--{$arrProduct.comment|h|nl2br}--></p> 
     42                        </div> 
     43                    </div> 
     44                    <!--{if $smarty.foreach.recommend_products.iteration % 2 === 0}--> 
     45                        <div class="clear"></div> 
     46                    <!--{/if}--> 
     47                <!--{/foreach}--> 
    4448            </div> 
    45  
    46             <div class="recommendright clearfix"> 
    47                 <div class="productImage"> 
    48                     <!--{assign var=cnt2 value=`$smarty.section.cnt.iteration*$smarty.section.cnt.step-1`}--> 
    49                     <!--{if $arrBestProducts[$cnt2]|count > 0}--> 
    50  
    51                     <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[$cnt2].product_id|u}-->"> 
    52                     <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrBestProducts[$cnt2].main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="<!--{$arrBestProducts[$cnt2].name|h}-->" /></a> 
    53                 </div> 
    54                 <div class="productContents"> 
    55                     <h3> 
    56                         <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[$cnt2].product_id|u}-->"><!--{$arrBestProducts[$cnt2].name|h}--></a> 
    57                     </h3> 
    58  
    59                     <!--{assign var=price01 value=`$arrBestProducts[$cnt2].price01_min`}--> 
    60                     <!--{assign var=price02 value=`$arrBestProducts[$cnt2].price02_min`}--> 
    61  
    62                     <p class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込): 
    63                         <span class="price"><!--{$price02|sfCalcIncTax:$arrInfo.tax:$arrInfo.tax_rule|number_format}--> 円</span> 
    64                     </p> 
    65                     <p class="mini comment"><!--{$arrBestProducts[$cnt2].comment|h|nl2br}--></p> 
    66                     <!--{/if}--> 
    67                 </div> 
    68             </div> 
    69  
    7049        </div> 
    71         <!--{/section}--> 
    7250    </div> 
    73 </div> 
    7451<!--{/if}--> 
  • branches/version-2_11-dev/html/user_data/packages/default/css/bloc.css

    r21240 r21253  
    361361    padding: 10px 0 10px; 
    362362    border: none; 
    363     width: 100%; 
    364363    background: url("../img/background/line_dot_01.gif") repeat-x bottom; 
    365364} 
     
    372371#recommend_area .bloc_body img , 
    373372#whobought .whobought_bloc img { 
    374     display: block; 
    375     float: left; 
    376373    margin: 0 5px 0 0; 
    377374} 
     
    383380} 
    384381 
     382/* サイドカラム用 */ 
     383.side_column #recommend_area .product_item { 
     384    margin-bottom: 10px; 
     385} 
     386 
    385387 
    386388/* 画像 
    387389----------------------------------------------- */ 
    388 #recommend_area .bloc_body .productImage , 
     390/* メインカラム用 */ 
     391.main_column #recommend_area .bloc_body .productImage, 
    389392#whobought_area .whobought_bloc .productImage { 
    390393    margin-bottom: 10px; 
     
    392395    width: 90px; 
    393396} 
     397/* サイドカラム用 */ 
     398.side_column #recommend_area .bloc_body .productImage { 
     399    float: none; 
     400    text-align: center; 
     401    width: auto; 
     402} 
    394403 
    395404 
    396405/* 左右の振り分け 
    397406----------------------------------------------- */ 
    398 #one_maincolumn #recommend_area .recommendleft , 
    399 #two_maincolumn_right #recommend_area .recommendleft , 
    400 #two_maincolumn_left #recommend_area .recommendleft , 
    401 #three_maincolumn #recommend_area .recommendleft , 
     407.main_column #recommend_area .product_item, 
    402408#whobought_area .whobought_bloc .whobought_left { 
    403409    float: left; 
    404410    width: 47.5%; 
    405411} 
    406 #one_maincolumn #recommend_area .recommendright , 
    407 #two_maincolumn_right #recommend_area .recommendright , 
    408 #two_maincolumn_left #recommend_area .recommendright , 
    409 #three_maincolumn #recommend_area .recommendright , 
    410412#whobought_area .whobought_bloc .whobought_right { 
    411413    float: right; 
     
    438440} 
    439441 
    440 /* サイドカラム用 (幅px固定) */ 
    441 .side_column #recommend_area .bloc_body { 
    442     margin-top: 5px; 
    443     margin-right: 0; 
    444     width: 157px; 
    445     padding: 0; 
    446 } 
     442/* サイドカラム用 */ 
    447443.side_column #recommend_area .bloc_body .productContents { 
    448     padding: 0; 
    449     margin: 0; 
    450     width: 80px; 
    451 } 
    452 .side_column #recommend_area .recommendleft { 
    453     padding: 0; 
    454     width: 70px; 
    455     float: left; 
    456 } 
    457 .side_column #recommend_area .recommendright { 
    458     margin: 0; 
    459     padding: 0; 
    460     width: 70px; 
    461     float: right; 
    462 } 
    463  
    464 /* IE6以下*/ 
    465 * html .side_column #recommend_area .bloc_body { 
    466     width: 180px; 
    467 } 
    468  
     444    clear: both; 
     445} 
  • branches/version-2_11-dev/html/user_data/packages/default/css/common.css

    r21080 r21253  
    122122.clearfix { 
    123123    display: block; /* for IE8 */ 
     124} 
     125.clear { 
     126    clear: both; 
    124127} 
    125128 
Note: See TracChangeset for help on using the changeset viewer.