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/shopping/payment.tpl

    r20969 r21050  
    120120//]]> 
    121121</script> 
    122  
    123 <h2 class="title"><!--{$tpl_title|h}--></h2><br /> 
    124  
    125 <form name="form1" id="form1" method="post" action="?"> 
    126     <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" /> 
    127     <input type="hidden" name="mode" value="confirm" /> 
    128     <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" /> 
    129     <!--{assign var=key value="deliv_id"}--> 
    130     <!--{if $is_single_deliv}--> 
    131         <input type="hidden" name="<!--{$key}-->" value="<!--{$arrForm[$key].value}-->" id="deliv_id" /> 
    132     <!--{else}--> 
    133     <div class="payarea"> 
    134         <h2>配送方法の指定</h2><br /> 
    135         <p>配送方法をご選択ください。</p> 
    136  
    137         <!--{if $arrErr[$key] != ""}--> 
    138         <p class="attention"><!--{$arrErr[$key]}--></p> 
    139         <!--{/if}--> 
    140         <table summary="配送方法選択"> 
    141             <tr> 
    142                 <th>選択</th> 
    143                 <th colspan="2">配送方法</th> 
    144             </tr> 
    145             <!--{section name=cnt loop=$arrDeliv}--> 
    146             <tr> 
    147                 <td class="centertd"><input type="radio" id="deliv_<!--{$smarty.section.cnt.iteration}-->" name="<!--{$key}-->"  value="<!--{$arrDeliv[cnt].deliv_id}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" <!--{$arrDeliv[cnt].deliv_id|sfGetChecked:$arrForm[$key].value}--> /> 
    148                 </td> 
    149                 <td> 
    150                     <label for="deliv_<!--{$smarty.section.cnt.iteration}-->"><!--{$arrDeliv[cnt].name|h}--><!--{if $arrDeliv[cnt].remark != ""}--><p><!--{$arrDeliv[cnt].remark|h}--></p><!--{/if}--></label> 
    151                 </td> 
    152             </tr> 
    153             <!--{/section}--> 
    154         </table> 
    155     </div> 
    156     <!--{/if}--> 
    157  
    158     <div class="payarea"> 
    159         <h2>お支払方法の指定</h2> 
    160         <p class="select-msg">お支払方法をご選択ください。</p> 
    161         <p class="non-select-msg">まずはじめに、配送方法を選択ください。</p> 
    162  
    163         <!--{assign var=key value="payment_id"}--> 
    164         <!--{if $arrErr[$key] != ""}--> 
    165         <p class="attention"><!--{$arrErr[$key]}--></p> 
    166         <!--{/if}--> 
    167         <table summary="お支払方法選択" id="payment" class="payment"> 
    168           <thead> 
    169             <tr> 
    170                 <th class="select">選択</th> 
    171                 <th colspan="<!--{if !$img_show}-->2<!--{else}-->3<!--{/if}-->" id="payment_method">お支払方法</th> 
    172             </tr> 
    173           </thead> 
    174           <tbody> 
    175             <!--{section name=cnt loop=$arrPayment}--> 
    176             <tr> 
    177                 <td class="centertd"><input type="radio" id="pay_<!--{$smarty.section.cnt.iteration}-->" name="<!--{$key}-->" value="<!--{$arrPayment[cnt].payment_id}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" <!--{$arrPayment[cnt].payment_id|sfGetChecked:$arrForm[$key].value}--> /> 
    178                 </td> 
    179                 <td class="right"> 
    180                     <label for="pay_<!--{$smarty.section.cnt.iteration}-->"><!--{$arrPayment[cnt].payment_method|h}--><!--{if $arrPayment[cnt].note != ""}--><!--{/if}--></label> 
    181                 </td> 
    182                 <!--{if $img_show}--> 
    183                     <td> 
    184                         <!--{if $arrPayment[cnt].payment_image != ""}--> 
    185                             <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrPayment[cnt].payment_image}-->" /> 
    186                         <!--{/if}--> 
    187                     </td> 
    188                 <!--{/if}--> 
    189             </tr> 
    190             <!--{/section}--> 
    191           </tbody> 
    192         </table> 
    193     </div> 
    194  
    195     <!--{if $cartKey != $smarty.const.PRODUCT_TYPE_DOWNLOAD}--> 
    196     <div class="payarea02"> 
    197         <h2>お届け時間の指定</h2> 
    198         <p class="select-msg">ご希望の方は、お届け時間を選択してください。</p> 
    199         <p class="non-select-msg">まずはじめに、配送方法を選択ください。</p> 
    200         <!--{foreach item=shippingItem name=shippingItem from=$arrShipping}--> 
    201         <!--{assign var=index value=$shippingItem.shipping_id}--> 
    202         <!--{if $is_multiple}--> 
    203         <div class="delivdate"> 
    204                 ▼<!--{$shippingItem.shipping_name01}--><!--{$shippingItem.shipping_name02}--><br /> 
    205                 <!--{$arrPref[$shippingItem.shipping_pref]}--><!--{$shippingItem.shipping_addr01}--><!--{$shippingItem.shipping_addr02}--> 
     122  
     123<!--▼コンテンツここから --> 
     124<section id="undercolumn"> 
     125 
     126<h2 class="title"><!--{$tpl_title|h}--></h2> 
     127 
     128<form name="form1" id="form1" method="post" action="<!--{$smarty.const.HTTP_URL}-->shopping/payment.php"> 
     129            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" /> 
     130            <input type="hidden" name="mode" value="confirm" /> 
     131            <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" /> 
     132 
     133<!--★インフォメーション★--> 
     134<div class="information end"> 
     135  <p>各項目をを選択してください。</p>   
     136</div> 
     137 
     138<!--★配送方法の指定★--> 
     139<!--{assign var=key value="deliv_id"}--> 
     140 <!--{if $is_single_deliv}--> 
     141 <input type="hidden" name="<!--{$key}-->" value="<!--{$arrForm[$key].value}-->" id="deliv_id" /> 
     142  <!--{else}--> 
     143<section class="pay_area"> 
     144 <h3 class="subtitle">配送方法の指定</h3> 
     145  <!--{if $arrErr[$key] != ""}--> 
     146  <p class="attention"><!--{$arrErr[$key]}--></p> 
     147  <!--{/if}--> 
     148  <ul> 
     149  <!--{section name=cnt loop=$arrDeliv}--> 
     150   <li> 
     151     <input type="radio" id="deliv_<!--{$smarty.section.cnt.iteration}-->" name="<!--{$key}-->"  value="<!--{$arrDeliv[cnt].deliv_id}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" <!--{$arrDeliv[cnt].deliv_id|sfGetChecked:$arrForm[$key].value}--> class="data-role-none" /> 
     152     <label for="deliv_<!--{$smarty.section.cnt.iteration}-->"><!--{$arrDeliv[cnt].name|h}--><!--{if $arrDeliv[cnt].remark != ""}--><p><!--{$arrDeliv[cnt].remark|h}--></p><!--{/if}--></label> 
     153   </li> 
     154  <!--{/section}--> 
     155  </ul> 
     156</section> 
     157<!--{/if}--> 
     158 
     159<!--★インフォメーション★--> 
     160<section class="pay_area"> 
     161 <h3 class="subtitle">お支払方法の指定</h3> 
     162  <!--{assign var=key value="payment_id"}--> 
     163  <!--{if $arrErr[$key] != ""}--> 
     164    <p class="attention"><!--{$arrErr[$key]}--></p> 
     165  <!--{/if}--> 
     166  <ul> 
     167  <!--{section name=cnt loop=$arrPayment}--> 
     168   <li> 
     169     <input type="radio" id="pay_<!--{$smarty.section.cnt.iteration}-->" name="<!--{$key}-->" value="<!--{$arrPayment[cnt].payment_id}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" <!--{$arrPayment[cnt].payment_id|sfGetChecked:$arrForm[$key].value}--> class="data-role-none" /> 
     170     <label for="pay_<!--{$smarty.section.cnt.iteration}-->"><!--{$arrPayment[cnt].payment_method|h}--><!--{if $arrPayment[cnt].note != ""}--><!--{/if}--></label> 
     171     <!--{if $img_show}--> 
     172         <!--{if $arrPayment[cnt].payment_image != ""}--> 
     173             <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrPayment[cnt].payment_image}-->" /> 
     174         <!--{/if}--> 
     175     <!--{/if}--> 
     176   </li> 
     177  <!--{/section}--> 
     178  </ul> 
     179</section> 
     180 
     181 
     182<!--★お届け時間の指定★--> 
     183<!--{if $cartKey != $smarty.const.PRODUCT_TYPE_DOWNLOAD}--> 
     184<section class="pay_area02"> 
     185 <h3 class="subtitle">お届け時間の指定</h3> 
     186 
     187 <div class="form_area"> 
     188  <!--{foreach item=shippingItem name=shippingItem from=$arrShipping}--> 
     189  <!--{assign var=index value=$shippingItem.shipping_id}--> 
     190  
     191 <!--▼フォームボックスここから --> 
     192  <div class="formBox"> 
     193 
     194    <div class="box_header"> 
     195      お届け先<!--{$smarty.foreach.shippingItem.iteration}--> 
    206196        </div> 
    207         <!--{/if}--> 
    208         <div class="delivdate"> 
    209             <!--★お届け日★--> 
    210             <!--{assign var=key value="deliv_date`$index`"}--> 
    211             <span class="attention"><!--{$arrErr[$key]}--></span> 
    212             お届け日: 
    213             <!--{if !$arrDelivDate}--> 
    214                 ご指定頂けません。 
    215             <!--{else}--> 
    216                 <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->"> 
    217                     <option value="" selected="">指定なし</option> 
    218                     <!--{html_options options=$arrDelivDate selected=$arrForm[$key].value}--> 
    219                 </select> 
    220             <!--{/if}--> 
     197 
     198  <!--{if $is_multiple}--> 
     199     <div class="innerBox"> 
     200       <!--{$shippingItem.shipping_name01}--><!--{$shippingItem.shipping_name02}--><br /> 
     201        <span class="mini"><!--{$arrPref[$shippingItem.shipping_pref]}--><!--{$shippingItem.shipping_addr01}--><!--{$shippingItem.shipping_addr02}--></span> 
     202          </div> 
     203  <!--{/if}--> 
     204       <div class="btn_area_btm"> 
     205       <!--★お届け日★--> 
     206       <!--{assign var=key value="deliv_date`$index`"}--> 
     207       <span class="attention"><!--{$arrErr[$key]}--></span> 
     208        <!--{if !$arrDelivDate}--> 
     209            ご指定頂けません。 
     210        <!--{else}--> 
     211             <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="boxLong top data-role-none"> 
     212                <option value="" selected="">お届け日:指定なし</option> 
     213                <!--{html_options options=$arrDelivDate selected=$arrForm[$key].value}--> 
     214             </select> 
     215<!--{/if}--> 
     216 
     217<!--★お届け時間★--> 
     218<!--{assign var=key value="deliv_time_id`$index`"}--> 
     219        <span class="attention"><!--{$arrErr[$key]}--></span> 
     220           <select name="<!--{$key}-->" id="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="boxLong data-role-none"> 
     221                <option value="" selected="">お届け時間:指定なし</option> 
     222                <!--{html_options options=$arrDelivTime selected=$arrForm[$key].value}--> 
     223           </select> 
     224                </div> 
     225                  </div><!--▲formBox --> 
     226<!--{/foreach}--> 
     227 
     228         </div><!--▲form_area --> 
     229     </section> 
     230<!--{/if}--> 
     231 
     232 
     233<!--★ポイント使用の指定★--> 
     234<!--{if $tpl_login == 1 && $smarty.const.USE_POINT !== false}--> 
     235<section class="point_area"> 
     236<h3 class="subtitle">ポイント使用の指定</h3> 
     237  
     238 <div class="form_area"> 
     239   <p class="fb"><span class="point">1ポイントを1円</span>として使用する事ができます。</p> 
     240     <div class="point_announce"> 
     241       <p><span class="user_name">現在の所持ポイントは「<span class="price"><!--{$tpl_user_point|default:0|number_format}-->Pt</span>」です。<br /> 
     242            今回ご購入合計金額:<span class="price"><!--{$arrPrices.subtotal|number_format}-->円</span> (送料、手数料を含みません。)</p> 
     243             </div> 
     244 
     245  <!--▼ポイントフォームボックスここから --> 
     246     <div class="formBox"> 
     247        <div class="innerBox fb"> 
     248           <p><input type="radio" id="point_on" name="point_check" value="1" <!--{$arrForm.point_check.value|sfGetChecked:1}--> onchange="fnCheckInputPoint();" class="data-role-none" /> 
     249               <label for="point_on">ポイントを使用する</label></p> 
     250           <!--{assign var=key value="use_point"}--> 
     251            
     252           <p class="check_point"><input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|default:$tpl_user_point}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="box_point data-role-none" />ポイントを使用する。<span class="attention"><!--{$arrErr[$key]}--></span></p> 
     253            </div> 
     254       <div class="innerBox fb"> 
     255         <input type="radio" id="point_off" name="point_check" value="2" <!--{$arrForm.point_check.value|sfGetChecked:2}--> onchange="fnCheckInputPoint();" class="data-role-none" /> 
     256           <label for="point_off">ポイントを使用しない</label> 
     257         </div> 
     258             </div><!--▲formBox --> 
     259               </div><!--▲form_area --> 
     260                 </section> 
     261<!--{/if}--> 
     262 
     263<!--★その他お問い合わせ★--> 
     264<section class="contact_area"> 
     265 <h3 class="subtitle">その他お問い合わせ</h3> 
     266  <div class="form_area"> 
     267    <p>その他お問い合わせ事項がございましたら、こちらにご入力ください。</p> 
     268    
     269     <div class="innerBox end"> 
     270       <!--{assign var=key value="message"}--> 
     271       <span class="attention"><!--{$arrErr[$key]}--></span> 
     272       <textarea name="<!--{$key}-->" id="etc" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" cols="62" rows="8" class="textarea" wrap="hard"><!--{$arrForm[$key].value|h}--></textarea><br /> 
    221273        </div> 
    222         <div class="delivdate02"> 
    223             <!--★お届け時間★--> 
    224             <!--{assign var=key value="deliv_time_id`$index`"}--> 
    225             <span class="attention"><!--{$arrErr[$key]}--></span> 
    226             お届け時間: 
    227             <select name="<!--{$key}-->" id="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->"> 
    228                 <option value="" selected="">指定なし</option> 
    229                 <!--{html_options options=$arrDelivTime selected=$arrForm[$key].value}--> 
    230             </select> 
    231         </div> 
    232         <!--{/foreach}--> 
    233     </div> 
    234     <!--{/if}--> 
    235  
    236     <div class="payarea02"> 
    237         <h2>その他お問い合わせ</h2> 
    238         <p>その他お問い合わせ事項がございましたら、こちらにご入力ください。</p> 
    239         <div> 
    240             <!--★その他お問い合わせ事項★--> 
    241             <!--{assign var=key value="message"}--> 
    242             <span class="attention"><!--{$arrErr[$key]}--></span> 
    243             <textarea name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" cols="80" rows="8" class="area660" wrap="hard"><!--{$arrForm[$key].value|h}--></textarea> 
    244         </div> 
    245         <div> 
    246             <span class="attention"> (<!--{$smarty.const.LTEXT_LEN}-->文字まで)</span> 
    247         </div> 
    248     </div> 
    249  
    250     <!-- ▼ポイント使用 ここから --> 
    251     <!--{if $tpl_login == 1 && $smarty.const.USE_POINT !== false}--> 
    252         <div class="pointarea"> 
    253             <h2>ポイント使用の指定</h2> 
    254  
    255                 <p><span class="attention">1ポイントを1円</span>として使用する事ができます。<br /> 
    256                     使用する場合は、「ポイントを使用する」にチェックを入れた後、使用するポイントをご記入ください。</p> 
    257             <div> 
    258                 <p><!--{$name01|h}--> <!--{$name02|h}-->様の、現在の所持ポイントは「<em><!--{$tpl_user_point|default:0|number_format}-->Pt</em>」です。</p> 
    259                 <p>今回ご購入合計金額:<span class="paymentprice"><!--{$arrPrices.subtotal|number_format}-->円</span> <span class="attention">(送料、手数料を含みません。)</span></p> 
    260                 <ul id="paymentP"> 
    261                     <li><input class="radio_btn" type="radio" id="point_on" name="point_check" value="1" <!--{$arrForm.point_check.value|sfGetChecked:1}--> onclick="fnCheckInputPoint();" /><label for="point_on">ポイントを使用する</label></li> 
    262                      <!--{assign var=key value="use_point"}--> 
    263  
    264                      <li class="underline">今回のお買い物で、<input type="number" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|default:$tpl_user_point}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="6" class="box100 pointP" />&nbsp;ポイントを使用する。<span class="attention"><!--{$arrErr[$key]}--></span></li> 
    265                      <li><input class="radio_btn" type="radio" id="point_off" name="point_check" value="2" <!--{$arrForm.point_check.value|sfGetChecked:2}--> onclick="fnCheckInputPoint();" /><label for="point_off">ポイントを使用しない</label></li> 
    266                 </ul> 
    267             </div> 
    268         </div> 
    269     <!--{/if}--> 
    270     <!-- ▲ポイント使用 ここまで --> 
    271  
    272     <div class="tblareabtn"> 
    273         <p><input type="submit" value="次へ" class="spbtn spbtn-shopping" width="130" height="30" alt="次へ" name="next" id="next" /></p> 
    274         <p><a href="<!--{$tpl_back_url|h}-->" class="spbtn spbtn-medeum">戻る</a></p> 
    275     </div> 
     274         </div><!--▲form_area --> 
     275          </section> 
     276 
     277<!--★ボタン★--> 
     278<div class="btn_area"> 
     279  <ul class="btn_btm"> 
     280    <li><a rel="external" href="javascript:void(document.form1.submit());" class="btn">確認ページへ</a></li> 
     281    <li><a rel="external" href="<!--{$tpl_back_url|h}-->" class="btn_back">戻る</a></li> 
     282     </ul> 
     283       </div> 
     284 
    276285</form> 
    277 <!--▲CONTENTS--> 
     286</section> 
     287<!--▲コンテンツここまで --> 
     288  
     289<!--{* テキストエリアのリサイズ *}--> 
     290<script type="text/javascript"> 
     291  $('#etc').autoResize({limit: 9000}); 
     292  $('#etc').keydown(); 
     293</script> 
Note: See TracChangeset for help on using the changeset viewer.