Ignore:
Timestamp:
2011/07/27 13:49:38 (13 years ago)
Author:
468
Message:

#1413 スマートフォン版テンプレートファイル変更(HTML5対応)

File:
1 edited

Legend:

Unmodified
Added
Removed
  • branches/version-2_11-dev/data/Smarty/templates/sphone/products/detail.tpl

    r20976 r21050  
    2121 *}--> 
    2222<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/products.js"></script> 
     23<script src="<!--{$TPL_URLPATH}-->js/jquery.flickslide.js"></script> 
    2324<script type="text/javascript">//<![CDATA[ 
    2425// 規格2に選択肢を割り当てる。 
     
    3031    setClassCategories($form, product_id, $sele1, $sele2, classcat_id2_selected); 
    3132} 
     33$(function(){ 
     34    $('#detailphotoblock ul li').flickSlide({target:'#detailphotoblock>ul', duration:5000}); 
     35    $('#whobought_area ul li').flickSlide({target:'#whobought_area>ul', duration:5000}); 
     36    //サブエリアとお勧めエリアを非表示にする(初期値) 
     37    $("#sub_area").hide(); 
     38    $("#whobought_area").hide(); 
     39}); 
     40//サブエリアの表示/非表示 
     41var speed = 1000; //表示アニメのスピード(ミリ秒) 
     42var stateSub = 1; 
     43function fnSubToggle(areaEl, imgEl) { 
     44    areaEl.toggle(speed); 
     45    if (stateSub == 0) { 
     46        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_plus.png"); 
     47        stateSub = 1; 
     48    } else { 
     49        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_minus.png"); 
     50        stateSub = 0 
     51    } 
     52} 
     53//お勧めエリアの表示/非表示 
     54var statewhobought = 1; 
     55function fnWhoboughtToggle(areaEl, imgEl) { 
     56    areaEl.toggle(speed); 
     57    if (statewhobought == 0) { 
     58        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_plus.png"); 
     59        statewhobought = 1; 
     60    } else { 
     61        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_minus.png"); 
     62        statewhobought = 0 
     63    } 
     64} 
    3265//]]> 
    3366</script> 
    3467 
    3568<!--▼CONTENTS--> 
    36 <div id="undercolumn" class="product product_detail"> 
    37  
    38     <!--★タイトル★--> 
    39     <h2 class="title"><!--{$tpl_subtitle|h}--></h2> 
    40  
    41     <div id="detailarea"> 
    42         <div id="detailphotoblock"> 
    43  
    44             <!--{assign var=key value="main_image"}--> 
    45  
    46             <!--★画像★--> 
    47             <a 
    48                 <!--{if $arrProduct.main_large_image|strlen >= 1}--> 
    49                     href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->" 
    50                     class="expansion" 
    51                     onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_expansion_on.gif','expansion01');" 
    52                     onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_expansion.gif','expansion01');" 
    53                     target="_blank" 
    54                 <!--{/if}--> 
    55             > 
    56                 <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" alt="<!--{$arrProduct.name|h}-->" class="picture" /><br /> 
    57                 <!--★拡大する★--> 
    58                 <!--{if $arrProduct.main_large_image|strlen >= 1}--> 
    59                     <img src="<!--{$TPL_URLPATH}-->img/button/btn_expansion.gif" width="85" height="13" alt="画像を拡大する" name="expansion01" id="expansion01" /> 
    60                 <!--{/if}--> 
    61             </a> 
    62         </div> 
    63  
    64         <div id="detailrightblock"> 
    65             <!--▼商品ステータス--> 
    66             <!--{assign var=ps value=$productStatus[$smarty.get.product_id]}--> 
    67             <!--{if count($ps) > 0}--> 
    68                 <ul class="status_icon"> 
    69                     <li> 
    70                     <!--{foreach from=$ps item=status}--> 
    71                         <img src="<!--{$TPL_URLPATH}--><!--{$arrSTATUS_IMAGE[$status]}-->" width="65" height="17" alt="<!--{$arrSTATUS[$status]}-->" id="icon<!--{$status}-->" /> 
    72                     <!--{/foreach}--> 
    73                     </li> 
    74                 </ul> 
    75             <!--{/if}--> 
    76             <!--▲商品ステータス--> 
    77  
    78             <!--★ダウンロード販売★--> 
    79             <!--{if $arrProduct.down == 2}--> 
    80                 <div><font color="red">本商品はダウンロード販売となります。<br /> 購入後はMYページの購入履歴からダウンロード可能です。</font></div><br /> 
    81             <!--{/if}--> 
    82  
    83             <table> 
    84                 <tr> 
    85                     <th colspan="2"> 
    86                         <!--★商品名★--> 
    87                         <h2 class="product_name"><!--{$arrProduct.name|h}--></h2> 
    88                     </th> 
    89                 </tr> 
    90                  <tr> 
    91                     <th> 
    92                         <div class="product_code">商品コード</div> 
    93                     </th> 
    94                      <td class="product_td"> 
    95                      <span id="product_code_default"> 
    96                     <!--{if $arrProduct.product_code_min == $arrProduct.product_code_max}--> 
    97                         <!--{$arrProduct.product_code_min|h}--> 
    98                     <!--{else}--> 
    99                         <!--{$arrProduct.product_code_min|h}-->~<!--{$arrProduct.product_code_max|h}--> 
    100                     <!--{/if}--> 
    101                 </span><span id="product_code_dynamic"></span> 
    102                      </td> 
    103                 </tr> 
    104                 <tr> 
    105                     <th> 
    106                         <!--★販売価格★--> 
    107                         <div class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込)</div> 
    108                     </th> 
    109                     <td class="product_td"> 
    110                         <span class="price"> 
    111                             <span id="price02_default"> 
    112                                 <!--{if $arrProduct.price02_min == $arrProduct.price02_max}--> 
    113                                     <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> 
    114                                 <!--{else}--> 
    115                                     <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->~<!--{$arrProduct.price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> 
    116                                 <!--{/if}--> 
    117                             </span><span id="price02_dynamic"></span> 
    118                             円 
    119                         </span> 
    120                     </td> 
    121                 </tr> 
    122                 <!--★通常価格★--> 
    123                 <!--{if $arrProduct.price01_max > 0}--> 
    124                 <tr> 
    125                     <th> 
    126                         <div class="normal_price"> 
    127                             <!--{$smarty.const.NORMAL_PRICE_TITLE}-->(税込) 
    128                         </div> 
    129                     </th> 
    130                     <td class="product_td"> 
    131                         <span class="price"> 
    132                             <span id="price01_default"> 
    133                                 <!--{if $arrProduct.price01_min == $arrProduct.price01_max}--> 
    134                                     <!--{$arrProduct.price01_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> 
    135                                 <!--{else}--> 
    136                                     <!--{$arrProduct.price01_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->~<!--{$arrProduct.price01_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> 
    137                                 <!--{/if}--> 
    138                             </span><span id="price01_dynamic"></span> 
    139                             円 
    140                         </span> 
    141                     </td> 
    142                 </tr>     
    143                 <!--{/if}--> 
    144  
    145  
    146                 <!--★ポイント★--> 
    147                 <!--{if $smarty.const.USE_POINT !== false}--> 
    148                 <tr> 
    149                     <th> 
    150                         <div class="sale_price">ポイント</div> 
    151                     </th> 
    152                     <td class="product_td"> 
    153                         <span id="point_default"> 
    154                             <!--{if $arrProduct.price02_min == $arrProduct.price02_max}--> 
    155                                 <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate|number_format}--> 
    156                             <!--{else}--> 
    157                                 <!--{if $arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate == $arrProduct.price02_max|sfPrePoint:$arrProduct.point_rate}--> 
    158                                     <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate|number_format}--> 
    159                                 <!--{else}--> 
    160                                     <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate|number_format}-->~<!--{$arrProduct.price02_max|sfPrePoint:$arrProduct.point_rate|number_format}--> 
    161                                 <!--{/if}--> 
    162                             <!--{/if}--> 
    163                             </span><span id="point_dynamic"> 
    164                             Pt 
    165                         </span> 
    166                     </td> 
    167                 </tr> 
    168                 <!--{/if}--> 
    169  
    170                 <!--▼メーカーURL--> 
    171                 <!--{if $arrProduct.comment1|strlen >= 1}--> 
    172                 <tr> 
    173                     <th> 
    174                         <span class="comment1">メーカーURL 
    175                     </th> 
    176                     <td class="product_td"> 
    177                             <a href="<!--{$arrProduct.comment1|h}-->"> 
    178                                 <!--{$arrProduct.comment1|h}--></a> 
    179                     </td> 
    180                 </tr> 
    181                 <!--{/if}--> 
    182                 <!--▲メーカーURL--> 
    183  
    184                 <!--★関連カテゴリ★--> 
    185                 <tr> 
    186                     <th> 
    187                         <div class="relative_cat">関連カテゴリ</div> 
    188                     </th> 
    189                     <td class="product_td"> 
    190                         <!--{section name=r loop=$arrRelativeCat}--> 
    191                         <p class="no_margin"> 
    192                             <!--{section name=s loop=$arrRelativeCat[r]}--> 
    193                             <a href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrRelativeCat[r][s].category_id}-->"><!--{$arrRelativeCat[r][s].category_name}--></a> 
    194                             <!--{if !$smarty.section.s.last}--><!--{$smarty.const.SEPA_CATNAVI}--><!--{/if}--> 
    195                             <!--{/section}--> 
    196                         </p> 
    197                         <!--{/section}--> 
    198                     </td> 
    199                 </tr> 
    200                 <tr> 
    201                     <td colspan="2" class="product_td"> 
    202                             <!--★詳細メインコメント★--> 
    203                             <div class="main_comment"><!--{$arrProduct.main_comment|nl2br_html}--></div> 
    204                     </td> 
    205                 </tr> 
    206             </table> 
    207  
    208             <!--▼買い物かご--> 
    209             <form name="form1" id="form1" method="post" action="?"> 
    210                 <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" /> 
    211                 <input type="hidden" name="mode" value="cart" /> 
    212                 <input type="hidden" name="product_id" value="<!--{$tpl_product_id}-->" /> 
    213                 <input type="hidden" name="product_class_id" value="<!--{$tpl_product_class_id}-->" id="product_class_id" /> 
    214                 <input type="hidden" name="favorite_product_id" value="" /> 
    215  
    216  
    217                 <!--{if $tpl_stock_find}--> 
    218                     <dl> 
    219                         <!--{if $tpl_classcat_find1}--> 
    220                             <!--▼規格1--> 
    221                             <dt><!--{$tpl_class_name1|h}--></dt> 
    222                             <dd> 
    223                                 <select name="classcategory_id1" 
    224                                     style="<!--{$arrErr.classcategory_id1|sfGetErrorColor}-->" 
    225                                     onchange="fnSetClassCategories(this.form);" 
    226                                 > 
    227                                     <!--{html_options options=$arrClassCat1 selected=$arrForm.classcategory_id1.value}--> 
    228                                 </select> 
    229                                 <!--{if $arrErr.classcategory_id1 != ""}--> 
    230                                     <br /><span class="attention">※ <!--{$tpl_class_name1}-->を入力して下さい。</span> 
    231                                 <!--{/if}--> 
    232                             </dd> 
    233                             <!--▲規格1--> 
    234                         <!--{/if}--> 
    235  
    236                         <!--{if $tpl_classcat_find2}--> 
    237                             <!--▼規格2--> 
    238                             <dt><!--{$tpl_class_name2|h}--></dt> 
    239                             <dd> 
    240                                 <select name="classcategory_id2" 
    241                                     style="<!--{$arrErr.classcategory_id2|sfGetErrorColor}-->" 
    242                                     onchange="fnCheckStock(this.form);" 
    243                                 > 
    244                                 </select> 
    245                                 <!--{if $arrErr.classcategory_id2 != ""}--> 
    246                                     <br /><span class="attention">※ <!--{$tpl_class_name2}-->を入力して下さい。</span> 
    247                                 <!--{/if}--> 
    248                             </dd> 
    249                             <!--▲規格2--> 
    250                         <!--{/if}--> 
    251  
    252                         <dt>数量</dt> 
    253                         <dd> 
    254                             <input type="text" name="quantity" class="box54" value="<!--{$arrForm.quantity.value|default:1|h}-->" maxlength="<!--{$smarty.const.INT_LEN}-->" style="<!--{$arrErr.quantity|sfGetErrorColor}-->" /> 
    255                             <!--{if $arrErr.quantity != ""}--> 
    256                                 <br /><span class="attention"><!--{$arrErr.quantity}--></span> 
    257                             <!--{/if}--> 
    258                         </dd> 
    259                     </dl> 
    260                 <!--{/if}--> 
    261  
    262                 <div class="btn"> 
    263                     <!--{if $smarty.const.OPTION_FAVOFITE_PRODUCT == 1 && $tpl_login === true}--> 
    264  
    265                     <!--{/if}--> 
    266  
    267                     <!--{if $tpl_stock_find}--> 
    268                         <div id="cartbtn_default"> 
    269                             <!--★カゴに入れる★--> 
    270                             <div> 
    271                                <a href="javascript:void(document.form1.submit())" class="spbtn spbtn-agree"> 
    272                                     カゴに入れる 
    273                                 </a> 
    274                             </div> 
    275                             <!--{if 'sfGMODetailDisplay'|function_exists}--><!--{* GMOワンクリック *}--> 
    276                                 <!--{'sfGMODetailDisplay'|call_user_func}--> 
    277                             <!--{/if}--> 
    278                         </div> 
    279                         <div class="attention" id="cartbtn_dynamic"></div> 
    280                     <!--{else}--> 
    281                         <div class="attention">申し訳ございませんが、只今品切れ中です。</div> 
    282                     <!--{/if}--> 
    283                 </div> 
    284  
    285                     <!--{if !$is_favorite}--> 
    286                         <div class="btn" id="btn-recommend"> 
    287                             <a class="spbtn spbtn-medeum" href="javascript:fnModeSubmit('add_favorite','favorite_product_id','<!--{$arrProduct.product_id|h}-->');" class="spbtn spbtn-small"> 
    288                                     お気に入りに追加</a> 
    289                     <!--{else}--> 
    290                             <div class="spbtn spbtn-medeum02">お気に入り登録済</div> 
    291                         </div> 
    292                     <!--{/if}--> 
    293             </form> 
    294             <!--▲買い物かご--> 
    295  
    296         </div> 
    297     </div> 
    298     <!--詳細ここまで--> 
    299  
    300     <!--▼サブコメント--> 
    301     <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}--> 
     69<section id="product_detail"> 
     70 
     71<!--★タイトル★--> 
     72<h2 class="title"><!--{$tpl_subtitle|h}--></h2> 
     73<!--★画像★--> 
     74<div id="detailphotoblock" class="mainImageInit"> 
     75    <ul> 
     76        <!--{assign var=key value="main_image"}--> 
     77        <li id="mainImage0"> 
     78        <!--{if $arrProduct.main_large_image|strlen >= 1}--> 
     79            <a rel="lightbox" data-ajax="false" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->"> 
     80                <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->" alt="<!--{$arrProduct.name|h}-->" width="200" height="200" /></a> 
     81        <!--{else}--> 
     82            <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->" alt="<!--{$arrProduct.name|h}-->" width="200" height="200" /> 
     83        <!--{/if}--> 
     84        </li> 
     85        <!--★サブ画像★--> 
     86        <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}--> 
    30287        <!--{assign var=key value="sub_title`$smarty.section.cnt.index+1`"}--> 
    30388        <!--{if $arrProduct[$key] != ""}--> 
    304             <div class="subarea"> 
    305                 <h3><!--★サブタイトル★--><!--{$arrProduct[$key]|h}--></h3> 
    306                 <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}--> 
    307  
    308                 <div class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></div> 
    309  
    310                 <!--▼サブ画像--> 
    311                 <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}--> 
    312                 <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}--> 
    313                 <!--{if $arrProduct[$key]|strlen >= 1}--> 
    314                     <div class="subphotoimg"> 
    315                         <a 
    316                             <!--{if $arrProduct[$lkey]|strlen >= 1}--> 
    317                                 href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" 
    318                                 class="expansion" 
    319                                 onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_expansion_on.gif', 'expansion_<!--{$lkey|h}-->');" 
    320                                 onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_expansion.gif', 'expansion_<!--{$lkey|h}-->');" 
    321                                 target="_blank" 
    322                             <!--{/if}--> 
    323                         > 
    324                             <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" /><br /> 
    325                             <!--{if $arrProduct[$lkey]|strlen >= 1}--> 
    326                                 <img src="<!--{$TPL_URLPATH}-->img/button/btn_expansion.gif" width="85" height="13" alt="画像を拡大する" id="expansion_<!--{$lkey|h}-->" /> 
    327                             <!--{/if}--> 
    328                         </a> 
    329                     </div> 
     89            <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}--> 
     90            <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}--> 
     91            <li id="mainImage<!--{$smarty.section.cnt.index+1}-->"> 
     92              <a rel="lightbox" data-ajax="false" href="<!--{$arrFile[$key].filepath}-->"> 
     93              <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="200" height="200" /></a> 
     94              </li> 
     95        <!--{/if}--> 
     96        <!--{/section}--> 
     97    </ul> 
     98</div> 
     99 
     100<section id="detailarea"> 
     101 
     102<!--★詳細メインコメント★--> 
     103<p class="main_comment"><!--{$arrProduct.main_comment|nl2br_html}--></p> 
     104 
     105<div id="detailrightblock"> 
     106    <!--▼商品ステータス--> 
     107    <!--{assign var=ps value=$productStatus[$smarty.get.product_id]}--> 
     108    <!--{if count($ps) > 0}--> 
     109        <ul class="status_icon"> 
     110        <!--{foreach from=$ps item=status}--> 
     111            <li><!--{$arrSTATUS[$status]}--></li> 
     112        <!--{/foreach}--> 
     113        </ul> 
     114    <!--{/if}--> 
     115    <!--▲商品ステータス--> 
     116 
     117    <div class="product_detail"> 
     118 
     119        <!--★ダウンロード販売★--> 
     120        <!--{if $arrProduct.down == 2}--> 
     121            <div><font color="red">本商品はダウンロード販売となります。<br /> 購入後はMYページの購入履歴からダウンロード可能です。</font></div><br /> 
     122        <!--{/if}--> 
     123                     
     124        <!--★商品名★--> 
     125        <h3 class="product_name"><!--{$arrProduct.name|h}--></h3> 
     126 
     127        <p class="product_code"><span class="mini">商品コード:</span> 
     128 
     129        <span id="product_code_default"> 
     130        <!--{if $arrProduct.product_code_min == $arrProduct.product_code_max}--> 
     131            <!--{$arrProduct.product_code_min|h}--> 
     132        <!--{else}--> 
     133            <!--{$arrProduct.product_code_min|h}-->~<!--{$arrProduct.product_code_max|h}--> 
     134        <!--{/if}--> 
     135        </span><span id="product_code_dynamic"></span></p> 
     136 
     137        <!--★関連カテゴリ★--> 
     138        <p class="relative_cat"><span class="mini">関連カテゴリ:</span> 
     139        <!--{section name=r loop=$arrRelativeCat}--> 
     140            <!--{section name=s loop=$arrRelativeCat[r]}--> 
     141            <a rel="external" href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrRelativeCat[r][s].category_id}-->"><!--{$arrRelativeCat[r][s].category_name}--></a> 
     142            <!--{if !$smarty.section.s.last}--><!--{$smarty.const.SEPA_CATNAVI}--><!--{/if}--> 
     143            <!--{/section}--><br /> 
     144        <!--{/section}--> 
     145        </p> 
     146 
     147        <!--★通常価格★--> 
     148        <!--{if $arrProduct.price01_max > 0}--> 
     149        <p class="normal_price"> 
     150        <span class="mini"><!--{$smarty.const.NORMAL_PRICE_TITLE}-->(税込):</span> 
     151        <span class="price"> 
     152        <span id="price01_default"> 
     153               <!--{if $arrProduct.price01_min == $arrProduct.price01_max}--> 
     154               <!--{$arrProduct.price01_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> 
     155                 <!--{else}--> 
     156                   <!--{$arrProduct.price01_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->~<!--{$arrProduct.price01_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> 
     157                    <!--{/if}--> 
     158        </span><span id="price01_dynamic"></span>円</span></p> 
     159        <!--{/if}--> 
     160 
     161        <!--★販売価格★--> 
     162        <p class="sale_price"><span class="mini"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込):</span> 
     163        <span class="price"><span id="price02_default"> 
     164                <!--{if $arrProduct.price02_min == $arrProduct.price02_max}--> 
     165                 <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> 
     166                   <!--{else}--> 
     167                     <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->~<!--{$arrProduct.price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> 
     168                       <!--{/if}--> 
     169        </span><span id="price02_dynamic"></span>円</span></p> 
     170 
     171 
     172        <!--★ポイント★--> 
     173        <!--{if $smarty.const.USE_POINT !== false}--> 
     174            <p class="sale_price"><span class="mini">ポイント:</span><span id="point_default"> 
     175                   <!--{if $arrProduct.price02_min == $arrProduct.price02_max}--> 
     176                     <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id|number_format}--> 
     177                       <!--{else}--> 
     178                        <!--{if $arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id == $arrProduct.price02_max|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id}--> 
     179                          <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id|number_format}--> 
     180                            <!--{else}--> 
     181                              <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id|number_format}-->~<!--{$arrProduct.price02_max|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id|number_format}--> 
     182                                <!--{/if}--> 
     183                                  <!--{/if}--> 
     184            </span><span id="point_dynamic">Pt</span></p> 
     185        <!--{/if}--> 
     186 
     187        <!--▼メーカーURL--> 
     188        <!--{if $arrProduct.comment1|strlen >= 1}--> 
     189        <p class="sale_price"><span class="mini">メーカーURL:</span><span> 
     190            <a rel="external" href="<!--{$arrProduct.comment1|h}-->"> 
     191                <!--{$arrProduct.comment1|h}--></a> 
     192        </span></p> 
     193        <!--{/if}--> 
     194        <!--▲メーカーURL--> 
     195     </div> 
     196 
     197    <form name="form1" id="form1" method="post" action="<!--{$smarty.const.ROOT_URLPATH}-->products/detail.php"> 
     198        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" /> 
     199        <input type="hidden" name="mode" value="cart" /> 
     200        <input type="hidden" name="product_id" value="<!--{$tpl_product_id}-->" /> 
     201        <input type="hidden" name="product_class_id" value="<!--{$tpl_product_class_id}-->" id="product_class_id" /> 
     202        <input type="hidden" name="favorite_product_id" value="" /> 
     203         
     204        <!--▼買い物かご--> 
     205        <!--{if $tpl_stock_find}--> 
     206     
     207            <!--{if $tpl_classcat_find1}--> 
     208                <div class="cart_area"> 
     209                     <dl> 
     210                        <!--▼規格1--> 
     211                        <dt><!--{$tpl_class_name1|h}--></dt> 
     212                        <dd> 
     213                        <select name="classcategory_id1" 
     214                            style="<!--{$arrErr.classcategory_id1|sfGetErrorColor}-->"  
     215                            onchange="fnSetClassCategories(this.form);" 
     216                            class="data-role-none"> 
     217                            <!--{html_options options=$arrClassCat1 selected=$arrForm.classcategory_id1.value}--> 
     218                        </select> 
     219                        <!--{if $arrErr.classcategory_id1 != ""}--> 
     220                            <br /><span class="attention">※ <!--{$tpl_class_name1}-->を入力して下さい。</span> 
     221                        <!--{/if}--> 
     222                        </dd> 
     223                        <!--▲規格1--> 
     224            <!--{/if}--> 
     225 
     226            <!--{if $tpl_classcat_find2}--> 
     227                        <!--▼規格2--> 
     228                        <dt><!--{$tpl_class_name2|h}--></dt> 
     229                        <dd> 
     230                        <select name="classcategory_id2" 
     231                            style="<!--{$arrErr.classcategory_id2|sfGetErrorColor}-->" 
     232                            onchange="fnCheckStock(this.form);" 
     233                            class="data-role-none"> 
     234                        </select> 
     235                        <!--{if $arrErr.classcategory_id2 != ""}--> 
     236                            <br /><span class="attention">※ <!--{$tpl_class_name2}-->を入力して下さい。</span> 
     237                        <!--{/if}--> 
     238                        </dd> 
     239                        <!--▲規格2--> 
     240                     </dl> 
     241                  </div> 
     242            <!--{/if}--> 
     243                 
     244            <div class="cartin_btn"> 
     245                <dl class=""> 
     246                    <dt>数量</dt> 
     247                    <dd> 
     248                        <input type="number" name="quantity" class="quantitybox" value="<!--{$arrForm.quantity.value|default:1|h}-->" maxlength="<!--{$smarty.const.INT_LEN}-->" style="<!--{$arrErr.quantity|sfGetErrorColor}-->" /> 
     249                        <!--{if $arrErr.quantity != ""}--> 
     250                            <br /><span class="attention"><!--{$arrErr.quantity}--></span> 
     251                        <!--{/if}--> 
     252                    </dd> 
     253                </dl> 
     254        <!--{else}--> 
     255            <div class="cartin_btn"> 
     256        <!--{/if}--> 
     257 
     258        <!--★カートに入れる★--> 
     259        <!--{if $tpl_stock_find}--> 
     260            <a rel="external" href="javascript:void(document.form1.submit());" class="btn cartbtn_default">カートに入れる</a> 
     261        <!--{else}--> 
     262            <div class="attention">申し訳ございませんが、只今品切れ中です。</div> 
     263        <!--{/if}--> 
     264        </div> 
     265        <!--▲買い物かご--> 
     266 
     267        <!--{if $tpl_login}--> 
     268            <!--{if !$is_favorite}--> 
     269                <div class="btn_favorite"> 
     270                    <p><a rel="external" href="javascript:void(0);" onclick="fnAddFavoriteSphone(<!--{$arrProduct.product_id|h}-->); return false;" class="btn_sub">お気に入りに追加</a></p> 
     271                </div> 
     272            <!--{else}--> 
     273                <div class="btn_favorite"> 
     274                    <p class="btn_sub">お気に入り登録済</p> 
     275                </div> 
     276            <!--{/if}--> 
     277        <!--{/if}--> 
     278 
     279    </form> 
     280</div> 
     281</section> 
     282<!--詳細ここまで--> 
     283 
     284<!--▼サブエリアここから--> 
     285<!--{if $arrProduct[$key] != ""}--> 
     286  <div class="title_box_sub clearfix"> 
     287    <h2>商品情報</h2> 
     288     <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}--> 
     289      <span class="b_expand"><img src="<!--{$TPL_URLPATH}-->img/common/btn_plus.png" onClick="fnSubToggle($('#sub_area'), this);"></span> 
     290       </div> 
     291    <div id="sub_area"> 
     292        <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}--> 
     293            <!--{assign var=key value="sub_title`$smarty.section.cnt.index+1`"}--> 
     294            <!--▼サブ情報--> 
     295           <div class="subarea clearfix"> 
     296            <!--★サブタイトル★--> 
     297            <h3><!--{$arrProduct[$key]|h}--></h3> 
     298 
     299            <!--★サブ画像★--> 
     300            <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}--> 
     301            <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}--> 
     302            <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}--> 
     303            <!--{if $arrProduct[$key]|strlen >= 1}--> 
     304                <p class="subphotoimg"> 
     305                <!--{if $arrProduct[$lkey]|strlen >= 1}--> 
     306                    <a rel="external" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" target="_blank"> 
     307                    <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="80" height="80" /> 
     308                    </a> 
     309                <!--{else}--> 
     310                    <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="80" height="80" /> 
    330311                <!--{/if}--> 
    331                 <!--▲サブ画像--> 
     312                </p> 
     313            <!--{/if}--> 
     314            <!--★サブテキスト★--> 
     315            <p class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></p> 
    332316            </div> 
    333         <!--{/if}--> 
     317        <!--{/section}--> 
     318    </div> 
     319<!--{/if}--> 
     320<!--サブエリアここまで--> 
     321 
     322 
     323<!--▼その他おすすめ商品--> 
     324<!--{if $arrRecommend}--> 
     325<div class="title_box_sub clearfix"> 
     326  <h2>その他のオススメ商品</h2> 
     327     <span class="b_expand"><img src="<!--{$TPL_URLPATH}-->img/common/btn_plus.png" onClick="fnWhoboughtToggle($('#whobought_area'), this);"></span> 
     328      </div> 
     329   
     330  <div id="whobought_area" class="mainImageInit"> 
     331 
     332    <ul> 
     333    <!--{section name=cnt loop=$arrRecommend}--> 
     334        <!--{if ($smarty.section.cnt.index % 2) == 0}--> 
     335        <!--{if $arrRecommend[cnt].product_id}--> 
     336        <!-- 左列 --> 
     337    
     338          <li id="mainImage0"><a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->"> 
     339          <a href="#"> 
     340          <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrRecommend[cnt].main_list_image|sfNoImageMainList|h}-->&amp;width=65&amp;height=65" width="80" height="80" alt="<!--{$arrRecommend[cnt].name|h}-->" /></a> 
     341             <!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}--> 
     342             <!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}--> 
     343             <h3><a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->"><!--{$arrRecommend[cnt].name|h}--></a></h3> 
     344              <p class="sale_price"><span class="price"> 
     345              <!--{if $price02_min == $price02_max}--> 
     346                   <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> 
     347              <!--{else}--> 
     348                   <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->~<!--{$price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> 
     349              <!--{/if}-->  
     350               円</span></p>  
     351          </a></li> 
     352                 
     353         <!-- 左列 --> 
     354         <!--{/if}--> 
     355         <!--{/if}--> 
     356 
     357         <!--{if ($smarty.section.cnt.index % 2) != 0}--> 
     358         <!--{if $arrRecommend[cnt].product_id}--> 
     359         <!-- 右列 --> 
     360                 
     361         <li id="mainImage0"><a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->"> 
     362          <a href="#"> 
     363          <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrRecommend[cnt].main_list_image|sfNoImageMainList|h}-->&amp;width=65&amp;height=65" width="80" height="80" alt="<!--{$arrRecommend[cnt].name|h}-->" /></a> 
     364             <h3><a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->"><!--{$arrRecommend[cnt].name|h}--></a></h3> 
     365              <p class="sale_price"><span class="price"> 
     366              <!--{if $price02_min == $price02_max}--> 
     367                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> 
     368              <!--{else}--> 
     369                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->~<!--{$price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> 
     370              <!--{/if}--> 
     371              </span></p>  
     372                </a></li> 
     373                 
     374          <!-- 右列 --> 
     375          <!--{/if}--> 
     376          <!--{/if}--> 
    334377    <!--{/section}--> 
    335     <!--▲サブコメント--> 
    336  
    337     <!--▼関連商品--> 
    338     <!--{if $arrRecommend}--> 
    339         <div id="whoboughtarea"> 
    340             <h3>その他のオススメ商品</h3> 
    341             <div class="whoboughtblock"> 
    342  
    343             <!--{section name=cnt loop=$arrRecommend}--> 
    344                 <!--{if ($smarty.section.cnt.index % 2) == 0}--> 
    345                 <!--{if $arrRecommend[cnt].product_id}--> 
    346                 <!-- 左列 --> 
    347                 <div class="whoboughtleft"> 
    348  
    349                     <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->"> 
    350                         <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrRecommend[cnt].main_list_image|sfNoImageMainList|h}-->&amp;width=65&amp;height=65" alt="<!--{$arrRecommend[cnt].name|h}-->" /></a> 
    351  
    352                     <div class="whoboughtrightblock"> 
    353                         <!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}--> 
    354                         <!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}--> 
    355                         <h3><a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->"><!--{$arrRecommend[cnt].name|h}--></a></h3> 
    356  
    357                         <p class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込):<span class="price"> 
    358                             <!--{if $price02_min == $price02_max}--> 
    359                                 <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> 
    360                             <!--{else}--> 
    361                                 <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->~<!--{$price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> 
    362                             <!--{/if}-->円</span></p> 
    363                         <p class="mini"><!--{$arrRecommend[cnt].comment|h|nl2br}--></p> 
    364                     </div> 
    365                 </div> 
    366                 <!-- 左列 --> 
    367                 <!--{/if}--> 
    368                 <!--{/if}--> 
    369  
    370                 <!--{if ($smarty.section.cnt.index % 2) != 0}--> 
    371                 <!--{* assign var=nextCnt value=$smarty.section.cnt.index+1 *}--> 
    372                 <!--{if $arrRecommend[cnt].product_id}--> 
    373                 <!-- 右列 --> 
    374                 <div class="whoboughtright"> 
    375  
    376                     <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->"> 
    377                         <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrRecommend[cnt].main_list_image|sfNoImageMainList|h}-->&amp;width=65&amp;height=65" alt="<!--{$arrRecommend[cnt].name|h}-->" /></a> 
    378  
    379                     <div class="whoboughtrightblock"> 
    380                         <!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}--> 
    381                         <!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}--> 
    382                         <h3><a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->"><!--{$arrRecommend[cnt].name|h}--></a></h3> 
    383  
    384                         <p class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込):<span class="price"> 
    385  
    386                             <!--{if $price02_min == $price02_max}--> 
    387                                 <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> 
    388                             <!--{else}--> 
    389                                 <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->~<!--{$price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> 
    390                             <!--{/if}-->円</span></p> 
    391                         <p class="mini"><!--{$arrRecommend[cnt].comment|h|nl2br}--></p> 
    392                     </div> 
    393                 </div> 
    394                 <!-- 右列 --> 
    395             <!--{/if}--> 
    396             <!--{/if}--> 
    397  
    398             <!--{if $smarty.section.cnt.last}--> 
    399             </div> 
    400             <!--{/if}--> 
    401         <!--{/section}--> 
    402         </div> 
    403     <!--{/if}--> 
    404     <!--▲関連商品--> 
    405  
     378                 
     379    </ul> 
    406380</div> 
     381<!--{/if}--> 
     382 
     383<!--▲その他おすすめ商品--> 
     384 
     385<p><a href="javascript:void(0);" class="btn_more" data-rel="back">商品一覧に戻る</a></p> 
     386 
     387</section> 
    407388<!--▲CONTENTS--> 
Note: See TracChangeset for help on using the changeset viewer.