Changeset 22825


Ignore:
Timestamp:
2013/05/20 05:42:41 (10 years ago)
Author:
Seasoft
Message:

スマートフォンサイトの改善
#2140 (標準テンプレートのカスタマイズ性を高める)

  • jQuery 1.9.1
  • jquery.mobile-1.3.1
  • カテゴリーブロックのレイアウト調整を改善
  • jQuery の読み込みタイミングを早くした。
  • 当サイトについて画面 不可解な空間を生じるケースがあるのを回避

#2044 (無駄な処理を改善する for 2.13.0)

  • 不要ファイル削除
  • Google Map のスクリプト読み込みは必要時のみに
  • category.js の読み込みは必要時のみに
  • Google Map 読み込みのための冗長なプロトコル毎の分岐を改善

#2043 (typo修正・ソース整形・ソースコメントの改善 for 2.13.0)

  • 軽微な JS 構文誤りを修正
Location:
branches/version-2_13-dev
Files:
6 added
2 deleted
9 edited

Legend:

Unmodified
Added
Removed

  • branches/version-2_13-dev/data/Smarty/templates/sphone/abouts/index.tpl

    r22824 r22825  
    2222 */ 
    2323*}--> 
    24  
    25 <!--{assign var=_site value=$arrSiteInfo}--> 
    26 <!--{if $_site.latitude && $_site.longitude}--> 
    27     <script type="text/javascript">//<![CDATA[ 
    28         $(function() { 
    29             $("#maps").css({ 
    30                 'margin-top': '15px', 
    31                 'margin-left': 'auto', 
    32                 'margin-right': 'auto', 
    33                 'width': '98%', 
    34                 'height': '300px' 
    35             }); 
    36             var lat = <!--{$_site.latitude}--> 
    37             var lng = <!--{$_site.longitude}--> 
    38             if (lat && lng) { 
    39                 var latlng = new google.maps.LatLng(lat, lng); 
    40                 var mapOptions = {zoom: 15, 
    41                 center: latlng, 
    42                 mapTypeId: google.maps.MapTypeId.ROADMAP}; 
    43                 var map = new google.maps.Map($("#maps").get(0), mapOptions); 
    44                 var marker = new google.maps.Marker({map: map, position: latlng}); 
    45             } else { 
    46                 $("#maps").remove(); 
    47             } 
    48         }); 
    49     //]]></script> 
    50 <!--{/if}--> 
    5124 
    5225<section id="undercolumn"> 
    … …  
    10275    </dl> 
    10376 
    104     <!--☆MAP --> 
    105     <div id="maps"></div> 
     77    <!--{if strlen($arrSiteInfo.latitude) >= 1 && strlen($arrSiteInfo.longitude) >= 1}--> 
     78        <script src="//maps.google.com/maps/api/js?sensor=false"></script> 
     79        <script type="text/javascript">//<![CDATA[ 
     80            $(function() { 
     81                $("#maps").css({ 
     82                    'margin-top': '15px', 
     83                    'margin-left': 'auto', 
     84                    'margin-right': 'auto', 
     85                    'width': '98%', 
     86                    'height': '300px' 
     87                }); 
     88                var lat = "<!--{$arrSiteInfo.latitude|escape:'javascript'}-->"; 
     89                var lng = "<!--{$arrSiteInfo.longitude|escape:'javascript'}-->"; 
     90                var latlng = new google.maps.LatLng(lat, lng); 
     91                var mapOptions = { 
     92                    zoom: 15, 
     93                    center: latlng, 
     94                    mapTypeId: google.maps.MapTypeId.ROADMAP 
     95                }; 
     96                var map = new google.maps.Map($("#maps").get(0), mapOptions); 
     97                var marker = new google.maps.Marker({map: map, position: latlng}); 
     98            }); 
     99        //]]></script> 
     100        <div id="maps"></div> 
     101    <!--{/if}--> 
    106102</section> 
    107103 

  • branches/version-2_13-dev/data/Smarty/templates/sphone/frontparts/bloc/category.tpl

    r22602 r22825  
    2121 *}--> 
    2222 
    23 <!--商品カテゴリここから--> 
    2423<section id="category_area"> 
     24    <script type="text/javascript" src="<!--{$TPL_URLPATH}-->js/category.js"></script> 
    2525    <h2 class="title_block">商品カテゴリ</h2> 
    2626    <nav id="categorytree"> 
    2727        <!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`frontparts/bloc/category_tree_fork.tpl" children=$arrTree treeID="categorytreelist" display=1 level=0}--> 
    2828 
    29         <script>//<![CDATA[ 
    30         //]]></script> 
    3129    </nav> 
    32 </section> 
    33 <!-- ▲カテゴリ --> 
     30</section><!-- id="category_area" --> 

  • branches/version-2_13-dev/data/Smarty/templates/sphone/popup_header.tpl

    r22803 r22825  
    3232    <link rel="stylesheet" media="only screen" href="<!--{$TPL_URLPATH}-->css/import.css" /> 
    3333 
    34     <!--{if $tpl_page_category == "abouts"}--> 
    35         <!--{if ($smarty.server.HTTPS != "") && ($smarty.server.HTTPS != "off")}--> 
    36             <script src="https://maps.google.com/maps/api/js?sensor=false"></script> 
    37         <!--{else}--> 
    38             <script src="http://maps.google.com/maps/api/js?sensor=false"></script> 
    39         <!--{/if}--> 
    40     <!--{/if}--> 
     34    <script src="<!--{$TPL_URLPATH}-->js/jquery-1.9.1.min.js"></script> 
    4135    <script src="<!--{$smarty.const.ROOT_URLPATH}-->js/navi.js"></script> 
    4236    <script src="<!--{$smarty.const.ROOT_URLPATH}-->js/win_op.js"></script> 
    4337    <script src="<!--{$smarty.const.ROOT_URLPATH}-->js/site.js"></script> 
    44     <script src="<!--{$TPL_URLPATH}-->js/jquery-1.8.1.min.js"></script> 
    4538    <script src="<!--{$TPL_URLPATH}-->js/jquery.biggerlink.js"></script> 
    4639    <script type="text/javascript"> 
    … …  
    5144    <script type="text/javascript" src="<!--{$TPL_URLPATH}-->js/btn.js"></script> 
    5245    <script type="text/javascript" src="<!--{$TPL_URLPATH}-->js/barbutton.js"></script> 
    53     <script type="text/javascript" src="<!--{$TPL_URLPATH}-->js/category.js"></script> 
    54     <script type="text/javascript" src="<!--{$TPL_URLPATH}-->js/news.js"></script> 
    5546 
    5647    <!--{* jQuery Mobile *}--> 
    57     <link rel="stylesheet" media="only screen" href="<!--{$TPL_URLPATH}-->js/jquery.mobile/jquery.mobile-1.2.1.min.css" /> 
     48    <link rel="stylesheet" media="only screen" href="<!--{$TPL_URLPATH}-->js/jquery.mobile/jquery.mobile-1.3.1.min.css" /> 
    5849    <script src="<!--{$TPL_URLPATH}-->js/config.js"></script> 
    59     <script src="<!--{$TPL_URLPATH}-->js/jquery.mobile/jquery.mobile-1.2.1.min.js"></script> 
     50    <script src="<!--{$TPL_URLPATH}-->js/jquery.mobile/jquery.mobile-1.3.1.min.js"></script> 
    6051 
    6152    <!--{* スマートフォンカスタマイズ用JS *}--> 

  • branches/version-2_13-dev/data/Smarty/templates/sphone/site_frame.tpl

    r22803 r22825  
    3232        <link rel="stylesheet" media="only screen" href="<!--{$TPL_URLPATH}-->css/import.css" /> 
    3333 
    34         <!--{if $tpl_page_category == "abouts"}--> 
    35             <!--{if ($smarty.server.HTTPS != "") && ($smarty.server.HTTPS != "off")}--> 
    36                 <script src="https://maps-api-ssl.google.com/maps/api/js?sensor=false"></script> 
    37             <!--{else}--> 
    38                 <script src="http://maps.google.com/maps/api/js?sensor=false"></script> 
    39             <!--{/if}--> 
    40         <!--{/if}--> 
     34        <script src="<!--{$TPL_URLPATH}-->js/jquery-1.9.1.min.js"></script> 
    4135        <script src="<!--{$smarty.const.ROOT_URLPATH}-->js/navi.js"></script> 
    4236        <script src="<!--{$smarty.const.ROOT_URLPATH}-->js/win_op.js"></script> 
    4337        <script src="<!--{$smarty.const.ROOT_URLPATH}-->js/site.js"></script> 
    44         <script src="<!--{$TPL_URLPATH}-->js/jquery-1.8.1.min.js"></script> 
    4538        <script src="<!--{$TPL_URLPATH}-->js/jquery.biggerlink.js"></script> 
    4639        <script>//<![CDATA[ 
    … …  
    5144        <script src="<!--{$TPL_URLPATH}-->js/btn.js"></script> 
    5245        <script src="<!--{$TPL_URLPATH}-->js/barbutton.js"></script> 
    53         <script src="<!--{$TPL_URLPATH}-->js/category.js"></script> 
    54         <script src="<!--{$TPL_URLPATH}-->js/news.js"></script> 
    5546 
    5647        <!--{* jQuery Mobile *}--> 
    57         <link rel="stylesheet" media="only screen" href="<!--{$TPL_URLPATH}-->js/jquery.mobile/jquery.mobile-1.2.1.min.css" /> 
     48        <link rel="stylesheet" media="only screen" href="<!--{$TPL_URLPATH}-->js/jquery.mobile/jquery.mobile-1.3.1.min.css" /> 
    5849        <script src="<!--{$TPL_URLPATH}-->js/config.js"></script> 
    59         <script src="<!--{$TPL_URLPATH}-->js/jquery.mobile/jquery.mobile-1.2.1.min.js"></script> 
     50        <script src="<!--{$TPL_URLPATH}-->js/jquery.mobile/jquery.mobile-1.3.1.min.js"></script> 
    6051 
    6152        <!--{* スマートフォンカスタマイズ用CSS *}--> 

  • branches/version-2_13-dev/html/user_data/packages/sphone/css/block.css

    r22602 r22825  
    255255    padding: 0; 
    256256} 
    257  
    258257#categorytree li:first-child { 
    259258    border-top: none; 
    … …  
    266265    border-bottom: none; 
    267266} 
    268 #categorytree ul li a, 
    269 .categorytree > ul > li > ul > li a { 
     267#categorytree ul li a { 
    270268    padding: 0.6em 0; 
    271269} 
    272 .category_body { 
    273     display: inline-block; 
    274 } 
    275 .category_body a { 
     270#categorytree .category_body { 
     271    display: inline-block; 
     272} 
     273#categorytree .category_body a { 
    276274    width: 100%; 
    277275    display: inline-block; 
    … …  
    281279    cursor: pointer; 
    282280} 
    283 #categorytree ul li li { 
    284     padding-bottom: 0.6em; 
    285 } 
    286 .category_header { 
     281#categorytree .category_header { 
    287282    width: 1.5em; 
    288283    margin: 0 6px 0 8px; 
    … …  
    291286    text-align: right; 
    292287} 
    293 .category_header.plus, 
    294 .category_header.minus { 
     288#categorytree .category_header.plus, 
     289#categorytree .category_header.minus { 
    295290    color: #FFF; 
    296291    margin: 0 6px 0 8px; 
    297     padding-bottom: 4px; 
     292    padding: 2px 0; 
    298293    display: inline-block; 
    299294    text-align: center; 
    300     line-height: 0.4; 
    301295    width: 1.5em; 
    302296    height: 1.3em; 
    … …  
    308302    -webkit-border-radius: 3px; 
    309303} 
    310  
    311 .category_header.plus > a, 
    312 .category_header.minus > a { 
     304#categorytree .category_header.plus > a, 
     305#categorytree .category_header.minus > a { 
    313306    width: 1.5em; 
    314307    color: #FFF; 
    … …  
    347340    width: 64%; 
    348341} 
    349  
    350342#categorytree .level5 .category_header { 
    351343    margin-left: 6.2em; 
    … …  
    355347} 
    356348 
    357  
    358349/*リンクカラー*/ 
    359 .category_body a:link, 
    360 .category_body a:visited { 
     350#categorytree .category_body a:link, 
     351#categorytree .category_body a:visited { 
    361352    color: #000; 
    362353    text-decoration: none; 
    363354    cursor: pointer; 
    364355} 
    365 .category_header.plus a, 
    366 .category_header.minus a { 
     356#categorytree .category_header.plus a, 
     357#categorytree .category_header.minus a { 
    367358    color: #FFF; 
    368359} 
Note: See TracChangeset for help on using the changeset viewer.