shop.html 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta content="yes" name="apple-mobile-web-app-capable">
  5. <meta content="yes" name="apple-touch-fullscreen">
  6. <meta content="telephone=no" name="format-detection">
  7. <meta http-equiv="Content-type" content="text/html" charset="UTF-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9. <meta name="viewport" content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  10. <meta name="viewport" content="width=device-width, target-densityDpi=medium-dpi">
  11. <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  12. <meta name="viewport"
  13. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  14. <meta name="fragment" content="!">
  15. <meta name="HandheldFriendly" content="true">
  16. <link rel="stylesheet" href="css/shop.css">
  17. <script src="js/jquery-2.2.3.min.js"></script>
  18. <script src="js/shop.js"></script>
  19. </head>
  20. <body onunload="a()">
  21. <!--页面加载loading-->
  22. <div id="PageLoading" style="position: fixed;top: 50%;left: 50%;margin-left: -64px;margin-top: -64px;">
  23. <img src="/taiwan/images/loading.gif">
  24. </div>
  25. <div id="PageWarp" style="display: none">
  26. <!--联系客服的按钮-->
  27. <div class="show_contact" style="display: block;position: fixed;bottom: 75px;right: 15px;z-index: 99;">
  28. <div class="show_contact_box"
  29. style="background: #129BF4;border-radius: 50%;width: 50px;height: 50px;display: block;text-align: center;">
  30. <a href="https://www.facebook.com/pg/MinimatterTimes" style="display: block">
  31. <img src="images/kf.png" style="margin-top: 5px;width: 40px;display: inline-block;"/>
  32. </a>
  33. </div>
  34. </div>
  35. <!--中间填写资料页面内容-->
  36. <div id="details">
  37. <div class="header">
  38. <a class="goback" href="goods.html">
  39. <i class="checkout-icons icon-goback"></i>
  40. 點擊返回主界面
  41. </a>
  42. </div>
  43. <div class="explain">
  44. <h1>檢查信息</h1>
  45. <p>Tips支持貨到付款+包含郵費,在不影響第二次銷售的情況下支持7天內退貨,收貨之後若您有任何問題可以聯繫在線客服或發郵箱至:
  46. <a>快遞單上的售後服務Mailbox</a>請在郵件中寫明您的姓名和電話以及訂單號,謝謝。
  47. </p>
  48. <div style="font-size:12px;font-weight:900;">請輸入正確的電話號碼以及郵箱,我們會更快的郵寄給你。
  49. </div>
  50. </div>
  51. <div class="table">
  52. <div class="flexbox ">
  53. <div class="flex tab_two"><input type="text" required="required" name="name" placeholder="姓名 - 姓氏" id="UserReallyName"></div>
  54. <div class="flex tab_two">
  55. <input required="required" id="tha_postal" type="number" name="postal" placeholder="郵政編碼">
  56. </div>
  57. </div>
  58. <div class="flexbox">
  59. <div class="flex marleft" style="margin-left:0;">
  60. <div class="ui-col ui-col-100 ui-select">
  61. <input type="hidden" required="required" name="city" error="錯誤的郵政編碼!" value="">
  62. <select name="district" class="regions-city tha_district" required="" id="Area">
  63. </select>
  64. </div>
  65. </div>
  66. <div class="flex regions" style="margin-left: 4px;" id="Province">台灣</div>
  67. </div>
  68. <div class="table-row">
  69. <input type="text" required="required" id="Address" name="address"
  70. placeholder="具體的街道居住房子">
  71. </div>
  72. <div class="flexbox"
  73. style="width: 95%;margin: 0 auto;line-height: 30px;padding: 10px 0;font-size: 12px;color: #ff5a5f;">
  74. 請提供明確的地址(例如,門牌號碼等)
  75. </div>
  76. <div class="flexbox">
  77. <div class="flex tab_two">
  78. <input type="number" required="required" name="mob" id="thaphone" error="請輸入有效的電話號碼"
  79. placeholder="手機號碼">
  80. </div>
  81. <div class="flex tab_two">
  82. <input type="email" name="email" placeholder="電子郵件" id="UserEMail">
  83. </div>
  84. </div>
  85. <div class="table-row">
  86. <input type="text" maxlength="248" name="guest" id="Remarks" placeholder="留言備註">
  87. </div>
  88. <div class="flexbox">
  89. <div class="flex tab_two tab_sele action" rel="0"><i class="icon"></i>货到付款</div>
  90. </div>
  91. <input name="payment_type" value="0" type="hidden">
  92. </div>
  93. <div class="this_box">
  94. <div class="m-orderItem">
  95. <div class="row-2 flexbox">
  96. <div class="goodImg">
  97. <img src="">
  98. </div>
  99. <div class="goodInfo flex">
  100. <div class="goodName"></div>
  101. <div class="goodName ti">
  102. <span>【ราคาต่ำมาก ซื้อ 2 ได้ 6 】฿1199</span>
  103. <span>【ราคาต่ำมาก ซื้อ 2 ได้ 6 】฿1199</span>
  104. <span>【ราคาต่ำมาก ซื้อ 2 ได้ 6 】฿1199</span>
  105. <span>【ราคาต่ำมาก ซื้อ 2 ได้ 6 】฿1199</span>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. <ul class="row-2" id="list_cost">
  112. <li>
  113. <span class="tips">運費 </span>
  114. <span class="tips2">NT$0.00</span>
  115. </li>
  116. <li>
  117. <span class="tips">優惠 </span>
  118. <span class="tips2" id="payment_amount">1199</span>
  119. <span class="tips2">NT$</span>
  120. </li>
  121. <li>
  122. <span class="tips">總價 </span>
  123. <span class="tips2 total" style="color: #ff5a5f;font-weight: bold;">NT$
  124. <span id="total">1199</span>
  125. </span>
  126. </li>
  127. </ul>
  128. <input type="hidden" name="product_id" value="306964">
  129. <div>
  130. <a class="btn" data-wating-text="กำลังส่งค่ะ์" onclick="submit();" style="cursor: pointer"
  131. href="javascript:void(0);">購買
  132. </a>
  133. <input type="hidden" data-cuckootag="confirm_order">
  134. </div>
  135. </div>
  136. <div class="timetips">
  137. <ul class="flexbox">
  138. <li class="flex" style="padding-left:16px;">
  139. <i class="checkout-icons icon-7day"></i>
  140. 產品變更或退貨7天
  141. </li>
  142. <li class="flex" style="padding-right:16px;">
  143. <i class="checkout-icons icon-cod"></i>
  144. 货到付款
  145. </li>
  146. </ul>
  147. </div>
  148. </div>
  149. </div>
  150. </body>
  151. </html>
  152. <!-- 谷歌统计 -->
  153. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-122583135-1"></script>
  154. <script>
  155. window.dataLayer = window.dataLayer || [];
  156. function gtag() {
  157. dataLayer.push(arguments);
  158. }
  159. gtag('js', new Date());
  160. gtag('config', 'UA-122583135-1');
  161. </script>
  162. <!-- Facebook Pixel Code -->
  163. <script>
  164. !function(f,b,e,v,n,t,s)
  165. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  166. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  167. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  168. n.queue=[];t=b.createElement(e);t.async=!0;
  169. t.src=v;s=b.getElementsByTagName(e)[0];
  170. s.parentNode.insertBefore(t,s)}(window, document,'script',
  171. 'https://connect.facebook.net/en_US/fbevents.js');
  172. fbq('init', '524976641351633');
  173. fbq('track', 'PageView');
  174. </script>
  175. <noscript>< img height="1" width="1" style="display:none"
  176. src="https://www.facebook.com/tr?id=524976641351633&ev=PageView&noscript=1"
  177. /></noscript>
  178. <!-- End Facebook Pixel Code -->
  179. <!-- ptengine统计 -->
  180. <script type="text/javascript">
  181. window._pt_lt = new Date().getTime();
  182. window._pt_sp_2 = [];
  183. _pt_sp_2.push('setAccount,19c40fc9');
  184. var _protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
  185. (function () {
  186. var atag = document.createElement('script');
  187. atag.type = 'text/javascript';
  188. atag.async = true;
  189. atag.src = _protocol + 'js.ptengine.cn/19c40fc9.js';
  190. var s = document.getElementsByTagName('script')[0];
  191. s.parentNode.insertBefore(atag, s);
  192. })();
  193. </script>
  194. <!--&lt;!&ndash; ip地址获取 &ndash;&gt;-->
  195. <!--<script type="text/javascript" src="//js.maxmind.com/js/apis/geoip2/v2.1/geoip2.js"></script>-->
  196. <!--<script type="text/javascript">-->
  197. <!--var onSuccess = function (location) {-->
  198. <!--ipaddress = location;-->
  199. <!--console.log(location);-->
  200. <!--};-->
  201. <!--var onError = function (error) {-->
  202. <!--alert(-->
  203. <!--"Error:\n\n"-->
  204. <!--+ JSON.stringify(error, undefined, 4)-->
  205. <!--);-->
  206. <!--};-->
  207. <!--geoip2.city(onSuccess, onError);-->
  208. <!--</script>-->