Changeset 21240
- Timestamp:
- 2011/09/16 11:32:41 (13 years ago)
- Location:
- branches/version-2_11-dev
- Files:
-
- 6 edited
Legend:
- Unmodified
- Added
- Removed
-
branches/version-2_11-dev/data/Smarty/templates/default/frontparts/bloc/recommend.tpl
r20764 r21240 22 22 <!--{if count($arrBestProducts) > 0}--> 23 23 <div class="bloc_outer clearfix"> 24 <div id="recom end_area">24 <div id="recommend_area"> 25 25 <h2><img src="<!--{$TPL_URLPATH}-->img/title/tit_bloc_recommend.jpg" alt="*" class="title_icon" /></h2> 26 26 <!--{section name=cnt loop=$arrBestProducts step=2}--> 27 27 <div class="bloc_body clearfix"> 28 <div class="recom endleft clearfix">28 <div class="recommendleft clearfix"> 29 29 <div class="productImage"> 30 30 <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[cnt].product_id|u}-->"> … … 44 44 </div> 45 45 46 <div class="recom endright clearfix">46 <div class="recommendright clearfix"> 47 47 <div class="productImage"> 48 48 <!--{assign var=cnt2 value=`$smarty.section.cnt.iteration*$smarty.section.cnt.step-1`}--> -
branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/recommend.tpl
r21132 r21240 22 22 <!-- ▼おすすめ商品 --> 23 23 <!--{if count($arrBestProducts) > 0}--> 24 <section id="recom end_area" class="mainImageInit">24 <section id="recommend_area" class="mainImageInit"> 25 25 <h2>おすすめ商品</h2> 26 26 <ul> 27 27 <!--{section name=cnt loop=$arrBestProducts step=2}--> 28 28 <li id="mainImage<!--{$smarty.section.cnt.index}-->"> 29 <div class="recom endblock clearfix">29 <div class="recommendblock clearfix"> 30 30 <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrBestProducts[cnt].main_list_image|sfNoImageMainList|h}-->&width=80&height=80" alt="<!--{$arrBestProducts[cnt].name|h}-->" /> 31 31 <div class="productContents"> … … 41 41 <!--{if $arrBestProducts[$cnt2]|count > 0}--> 42 42 <li id="mainImage<!--{$cnt2}-->"> 43 <div class="recom endblock clearfix">43 <div class="recommendblock clearfix"> 44 44 <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrBestProducts[$cnt2].main_list_image|sfNoImageMainList|h}-->&width=80&height=80" alt="<!--{$arrBestProducts[$cnt2].name|h}-->" /> 45 45 <div class="productContents"> … … 62 62 <!--// 63 63 $(function(){ 64 $('#recom end_area ul li').flickSlide({target:'#recomend_area>ul', duration:5000});64 $('#recommend_area ul li').flickSlide({target:'#recommend_area>ul', duration:5000}); 65 65 }); 66 66 //--> -
branches/version-2_11-dev/data/Smarty/templates/sphone/popup_header.tpl
r21157 r21240 47 47 <script type="text/javascript"> 48 48 $(function(){ 49 $('.recom endblock, .list_area, .newslist li,.bubbleBox,.arrowBox').biggerlink();50 //$('.recom endblock, .newslist li,.bubbleBox,.arrowBox').biggerlink();49 $('.recommendblock, .list_area, .newslist li,.bubbleBox,.arrowBox').biggerlink(); 50 //$('.recommendblock, .newslist li,.bubbleBox,.arrowBox').biggerlink(); 51 51 }); 52 52 </script> -
branches/version-2_11-dev/data/Smarty/templates/sphone/site_frame.tpl
r21170 r21240 46 46 <script>//<![CDATA[ 47 47 $(function(){ 48 $('.header_navi li,.recom endblock, .list_area, .newslist li, .bubbleBox, .arrowBox, .category_body, .navBox li,#mypagecolumn .cartitemBox').biggerlink();48 $('.header_navi li,.recommendblock, .list_area, .newslist li, .bubbleBox, .arrowBox, .category_body, .navBox li,#mypagecolumn .cartitemBox').biggerlink(); 49 49 }); 50 50 //]]> -
branches/version-2_11-dev/html/user_data/packages/default/css/bloc.css
r20408 r21240 98 98 99 99 /* タイトルの背景 オレンジ */ 100 #recom end_area h2 ,100 #recommend_area h2 , 101 101 #news_area h2 { 102 102 padding: 5px 0 8px 10px; … … 356 356 /* 共通 357 357 ----------------------------------------------- */ 358 #recom end_area .bloc_body ,358 #recommend_area .bloc_body , 359 359 #whobought_area .whobought_bloc { 360 360 margin-bottom: 10px; … … 365 365 } 366 366 367 #recom end_area .bloc_body p ,367 #recommend_area .bloc_body p , 368 368 #whobought_area .whobought_bloc p { 369 369 margin: 0 0 5px 0; 370 370 } 371 371 372 #recom end_area .bloc_body img ,372 #recommend_area .bloc_body img , 373 373 #whobought .whobought_bloc img { 374 374 display: block; … … 377 377 } 378 378 379 #recom end_area .bloc_body h3 ,379 #recommend_area .bloc_body h3 , 380 380 #whobought_area .whobought_bloc h3 { 381 381 font-size: 100%; … … 386 386 /* 画像 387 387 ----------------------------------------------- */ 388 #recom end_area .bloc_body .productImage ,388 #recommend_area .bloc_body .productImage , 389 389 #whobought_area .whobought_bloc .productImage { 390 390 margin-bottom: 10px; … … 396 396 /* 左右の振り分け 397 397 ----------------------------------------------- */ 398 #one_maincolumn #recom end_area .recomendleft ,399 #two_maincolumn_right #recom end_area .recomendleft ,400 #two_maincolumn_left #recom end_area .recomendleft ,401 #three_maincolumn #recom end_area .recomendleft ,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 , 402 402 #whobought_area .whobought_bloc .whobought_left { 403 403 float: left; 404 404 width: 47.5%; 405 405 } 406 #one_maincolumn #recom end_area .recomendright ,407 #two_maincolumn_right #recom end_area .recomendright ,408 #two_maincolumn_left #recom end_area .recomendright ,409 #three_maincolumn #recom end_area .recomendright ,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 , 410 410 #whobought_area .whobought_bloc .whobought_right { 411 411 float: right; … … 417 417 ----------------------------------------------- */ 418 418 /* メインカラム用 1カラム時*/ 419 #one_maincolumn #recom end_area .bloc_body .productContents {419 #one_maincolumn #recommend_area .bloc_body .productContents { 420 420 float: right; 421 421 width: 74%; … … 423 423 424 424 /* メインカラム用 2カラム時*/ 425 #two_maincolumn_right #recom end_area .bloc_body .productContents ,426 #two_maincolumn_left #recom end_area .bloc_body .productContents ,425 #two_maincolumn_right #recommend_area .bloc_body .productContents , 426 #two_maincolumn_left #recommend_area .bloc_body .productContents , 427 427 #two_maincolumn_right #whobought_area .whobought_bloc .productContents , 428 428 #two_maincolumn_left #whobought_area .whobought_bloc .productContents { … … 432 432 433 433 /* メインカラム用 3カラム時*/ 434 #three_maincolumn #recom end_area .bloc_body .productContents ,434 #three_maincolumn #recommend_area .bloc_body .productContents , 435 435 #three_maincolumn #whobought_area .whobought_bloc .productContents { 436 436 float: right; … … 439 439 440 440 /* サイドカラム用 (幅px固定) */ 441 .side_column #recom end_area .bloc_body {441 .side_column #recommend_area .bloc_body { 442 442 margin-top: 5px; 443 443 margin-right: 0; … … 445 445 padding: 0; 446 446 } 447 .side_column #recom end_area .bloc_body .productContents {447 .side_column #recommend_area .bloc_body .productContents { 448 448 padding: 0; 449 449 margin: 0; 450 450 width: 80px; 451 451 } 452 .side_column #recom end_area .recomendleft {452 .side_column #recommend_area .recommendleft { 453 453 padding: 0; 454 454 width: 70px; 455 455 float: left; 456 456 } 457 .side_column #recom end_area .recomendright {457 .side_column #recommend_area .recommendright { 458 458 margin: 0; 459 459 padding: 0; … … 463 463 464 464 /* IE6以下*/ 465 * html .side_column #recom end_area .bloc_body {465 * html .side_column #recommend_area .bloc_body { 466 466 width: 180px; 467 467 } -
branches/version-2_11-dev/html/user_data/packages/sphone/css/block.css
r21163 r21240 32 32 オススメ商品 33 33 ----------------------------------------------- */ 34 #recom end_area{34 #recommend_area{ 35 35 margin:15px 10px 20px 10px; 36 36 padding-top:10px; … … 40 40 -moz-border-radius: 8px; 41 41 } 42 #recom end_area h2{42 #recommend_area h2{ 43 43 font-size:12px; 44 44 margin-left:10px; 45 45 } 46 #recom end_area li{46 #recommend_area li{ 47 47 width:290px; 48 48 } 49 .recom endblock{49 .recommendblock{ 50 50 width:270px; 51 51 padding:5px 10px 5px 8px; … … 53 53 clear:both; 54 54 } 55 .recom endblock img{55 .recommendblock img{ 56 56 width:80px; 57 57 float:left; 58 58 } 59 .recom endblock .productContents{59 .recommendblock .productContents{ 60 60 width:68%; 61 61 float:right; 62 62 text-align:left; 63 63 } 64 .recom endblock .productContents p{65 clear:both; 66 } 67 .recom endblock .productContents p.comment{64 .recommendblock .productContents p{ 65 clear:both; 66 } 67 .recommendblock .productContents p.comment{ 68 68 width:17em; 69 69 height:3.7em; … … 74 74 clear:both; 75 75 } 76 .recom endblock .sale_price{76 .recommendblock .sale_price{ 77 77 clear:both; 78 78 float:right; 79 79 text-align:right; 80 80 } 81 #recom end_area div.moveWrap {81 #recommend_area div.moveWrap { 82 82 width:290px; 83 83 height:auto; … … 88 88 } 89 89 90 #recom end_area ul.moveWrapBG {90 #recommend_area ul.moveWrapBG { 91 91 margin:0; 92 92 padding:0; … … 98 98 -webkit-box-sizing:border-box; 99 99 } 100 #recom end_area div.slideMask {100 #recommend_area div.slideMask { 101 101 margin:0 auto; 102 102 padding:0; … … 108 108 -webkit-box-sizing:border-box; 109 109 } 110 #recom end_area div.moveWrap>ul.move {110 #recommend_area div.moveWrap>ul.move { 111 111 width:10000px; 112 112 margin:0; … … 122 122 display:none; 123 123 } 124 #recom end_area div.moveWrap>ul.move li.slideUnit {124 #recommend_area div.moveWrap>ul.move li.slideUnit { 125 125 width:290px!important; 126 126 margin:0; … … 131 131 -webkit-box-sizing:border-box; 132 132 } 133 #recom end_area li.slideUnit>div {133 #recommend_area li.slideUnit>div { 134 134 padding:4px; 135 135 display:inline-block; … … 138 138 -webkit-box-sizing:border-box; 139 139 } 140 #recom end_area div.flickSlideBottom {140 #recommend_area div.flickSlideBottom { 141 141 width:100%; 142 142 margin-top:5px; … … 151 151 moz-border-bottom-left-radius:8px; 152 152 } 153 #recom end_area div.flickSlideBottom div.bottomLeft,#recomend_area div.flickSlideBottom div.bottomRight {153 #recommend_area div.flickSlideBottom div.bottomLeft,#recommend_area div.flickSlideBottom div.bottomRight { 154 154 display:table-cell; 155 155 -webkit-box-sizing:border-box; … … 158 158 padding:0 10px; 159 159 } 160 #recom end_area div.flickSlideBottom div.bottomRight {160 #recommend_area div.flickSlideBottom div.bottomRight { 161 161 font-size:16px; 162 162 font-weight: bold; … … 168 168 border-left:#DBDBDB solid 1px; 169 169 } 170 #recom end_area div.flickSlideBottom div.bottomLeft {170 #recommend_area div.flickSlideBottom div.bottomLeft { 171 171 font-size:16px; 172 172 font-weight: bold; … … 178 178 border-right:#DBDBDB solid 1px; 179 179 } 180 #recom end_area div.flickSlideBottom div.bottomLeft:after {180 #recommend_area div.flickSlideBottom div.bottomLeft:after { 181 181 font-size:10px; 182 182 padding:5px; … … 184 184 display:table-cell; 185 185 } 186 #recom end_area div.flickSlideBottom div.bottomLeft:before {186 #recommend_area div.flickSlideBottom div.bottomLeft:before { 187 187 margin-top:2px; 188 188 padding:5px; … … 190 190 display:table-cell; 191 191 } 192 #recom end_area div.flickSlideBottom div.bottomRight:before {192 #recommend_area div.flickSlideBottom div.bottomRight:before { 193 193 font-size:10px; 194 194 padding:5px; … … 196 196 display:table-cell; 197 197 } 198 #recom end_area div.flickSlideBottom div.bottomRight:after {198 #recommend_area div.flickSlideBottom div.bottomRight:after { 199 199 margin-top:2px; 200 200 padding:5px; … … 202 202 display:table-cell; 203 203 } 204 #recom end_area div.flickSlideBottom ul.slidePager {204 #recommend_area div.flickSlideBottom ul.slidePager { 205 205 width:100%; 206 206 margin:0; … … 209 209 text-align:center; 210 210 } 211 #recom end_area div.flickSlideBottom ul.slidePager li.slidePagerPointer {211 #recommend_area div.flickSlideBottom ul.slidePager li.slidePagerPointer { 212 212 font-size:10px; 213 213 width:6px; … … 220 220 -moz-border-radius: 6px; 221 221 } 222 #recom end_area div.flickSlideBottom ul.slidePager li.slidePagerPointer.active {222 #recommend_area div.flickSlideBottom ul.slidePager li.slidePagerPointer.active { 223 223 background-color:#333; 224 224 }
Note: See TracChangeset
for help on using the changeset viewer.