shop.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282
  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="/malai/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>提示支持货到付款+包括邮费,7天内支持退货而不影响第二次销售,如果您在收到货后有任何疑问,可以联系在线客服或发送电子邮件至:
  46. <a>快递列表上的售后服务邮箱</a>
  47. 请在电子邮件中注明您的姓名,电话号码和订单号,谢谢。
  48. </p>
  49. <div style="font-size:12px;font-weight:900;">请输入正确的电话号码和电子邮件地址,我们会尽快给您发邮件。
  50. </div>
  51. </div>
  52. <div class="table">
  53. <div class="flexbox ">
  54. <div class="flex tab_two"><input type="text" required="required" name="name" placeholder="姓名 - 姓氏" id="UserReallyName"></div>
  55. <div class="flex tab_two">
  56. <input required="required" id="tha_postal" type="number" name="postal" placeholder="邮政编码">
  57. </div>
  58. </div>
  59. <div class="flexbox">
  60. <div class="flex marleft" style="margin-left:0;">
  61. <div class="ui-col ui-col-100 ui-select" onchange="parentSelect()">
  62. <input type="hidden" required="required" name="city" error="错误的邮政编码" value="">
  63. <select name="district" class="regions-city tha_district" required="" id="Area">
  64. </select>
  65. </div>
  66. </div>
  67. <div class="flex regions" style="margin-left: 4px;" id="Province">
  68. <div class="ui-col ui-col-100 ui-select">
  69. <input type="hidden" required="required" name="city" error="错误的邮政编码" value="">
  70. <select name="district" class="regions-city tha_district" required="" id="citySelect">
  71. </select>
  72. </div>
  73. <!-- Malaysia -->
  74. </div>
  75. </div>
  76. <div class="table-row">
  77. <input type="text" required="required" id="Address" name="address"
  78. placeholder="具体的街道家庭地址">
  79. </div>
  80. <div class="flexbox"
  81. style="width: 95%;margin: 0 auto;line-height: 30px;padding: 10px 0;font-size: 12px;color: #ff5a5f;">
  82. 请提供明确的地址(例如,门牌号码等)
  83. </div>
  84. <div class="flexbox">
  85. <div class="flex tab_two">
  86. <input type="number" required="required" name="mob" id="thaphone" error="请输入正确的手机号码"
  87. placeholder="手机号码">
  88. </div>
  89. <div class="flex tab_two">
  90. <input type="email" name="email" placeholder="电子邮箱" id="UserEMail">
  91. </div>
  92. </div>
  93. <div class="table-row">
  94. <input type="text" maxlength="248" name="guest" id="Remarks" placeholder="留言备注">
  95. </div>
  96. <div class="flexbox">
  97. <div class="flex tab_two tab_sele action" rel="0"><i class="icon"></i>货到付款</div>
  98. </div>
  99. <input name="payment_type" value="0" type="hidden">
  100. </div>
  101. <div class="this_box">
  102. <div class="m-orderItem">
  103. <div class="row-2 flexbox">
  104. <div class="goodImg">
  105. <img src="">
  106. </div>
  107. <div class="goodInfo flex">
  108. <div class="goodName"></div>
  109. <div class="goodName ti">
  110. <span>【ราคาต่ำมาก ซื้อ 2 ได้ 6 】฿1199</span>
  111. <span>【ราคาต่ำมาก ซื้อ 2 ได้ 6 】฿1199</span>
  112. <span>【ราคาต่ำมาก ซื้อ 2 ได้ 6 】฿1199</span>
  113. <span>【ราคาต่ำมาก ซื้อ 2 ได้ 6 】฿1199</span>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. <ul class="row-2" id="list_cost">
  120. <li>
  121. <span class="tips">运费 </span>
  122. <span class="tips2">RM0.00</span>
  123. </li>
  124. <li>
  125. <span class="tips">单价 </span>
  126. <span class="tips2" id="payment_amount">1199</span>
  127. <span class="tips2">RM</span>
  128. </li>
  129. <li>
  130. <span class="tips">总价 </span>
  131. <span class="tips2 total" style="color: #ff5a5f;font-weight: bold;">RM
  132. <span id="total">1199</span>
  133. </span>
  134. </li>
  135. </ul>
  136. <input type="hidden" name="product_id" value="306964">
  137. <div>
  138. <a class="btn" data-wating-text="กำลังส่งค่ะ์" onclick="submit();" style="cursor: pointer"
  139. href="javascript:void(0);">确认
  140. </a>
  141. <input type="hidden" data-cuckootag="confirm_order">
  142. </div>
  143. </div>
  144. <div class="timetips">
  145. <ul class="flexbox">
  146. <li class="flex" style="padding-left:16px;">
  147. <i class="checkout-icons icon-7day"></i>
  148. 产品变更或退货7天
  149. </li>
  150. <li class="flex" style="padding-right:16px;">
  151. <i class="checkout-icons icon-cod"></i>
  152. 货到付款
  153. </li>
  154. </ul>
  155. </div>
  156. </div>
  157. <div style="width: 100%;height: 100%;display: none" id="TS">
  158. <div class="box" style="width: 100%;height: 100%;">
  159. <div class="header" style="margin-top: 20px;">
  160. <div class="true">√</div>
  161. <div class="success">Order Successfully!</div>
  162. </div>
  163. <div class="content">
  164. <div class="show">
  165. <div class="showcontent">OrderId:</div>
  166. <span class="textContent" id="ts_OrderNum">1</span></div>
  167. <div class="show">
  168. <div class="showcontent">Name:</div>
  169. <span class="textContent" id="ts_UserReallyName">1</span></div>
  170. <div class="show">
  171. <div class="showcontent">Product:</div>
  172. <span class="textContent" id="ts_ProductName">1</span></div>
  173. <div class="show">
  174. <div class="showcontent">Price:</div>
  175. <span class="textContent" id="ts_Payment">1</span></div>
  176. <div class="show">
  177. <div class="showcontent">Phone No:</div>
  178. <span class="textContent" id="ts_UserPhoneNum">1</span></div>
  179. <div class="show">
  180. <div class="showcontent">Adress:</div>
  181. <span class="textContent" id="ts_Address">1</span></div>
  182. </div>
  183. <div class="notice">Your order will be delivered to you in 10 to 15 days. After you receive the product(s), you are supposed to pay the due money to the postman. Thank you!</div>
  184. <div class="footer">
  185. <center>
  186. <button id="ts_back">Buy More</button>
  187. <button id="ts_lx">
  188. <a href="https://www.facebook.com/pg/MinimatterTimes" style="color: #fff;">
  189. Contack us
  190. </a>
  191. </button>
  192. </center>
  193. </div>
  194. </div>
  195. </div>
  196. </div>
  197. </body>
  198. </html>
  199. <!-- 谷歌统计 -->
  200. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-122583135-1"></script>
  201. <script>
  202. window.dataLayer = window.dataLayer || [];
  203. function gtag() {
  204. dataLayer.push(arguments);
  205. }
  206. gtag('js', new Date());
  207. gtag('config', 'UA-122583135-1');
  208. </script>
  209. <!-- Facebook Pixel Code -->
  210. <script>
  211. !function(f,b,e,v,n,t,s)
  212. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  213. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  214. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  215. n.queue=[];t=b.createElement(e);t.async=!0;
  216. t.src=v;s=b.getElementsByTagName(e)[0];
  217. s.parentNode.insertBefore(t,s)}(window, document,'script',
  218. 'https://connect.facebook.net/en_US/fbevents.js');
  219. fbq('init', '524976641351633');
  220. fbq('track', 'PageView');
  221. </script>
  222. <noscript>< img height="1" width="1" style="display:none"
  223. src="https://www.facebook.com/tr?id=524976641351633&ev=PageView&noscript=1"
  224. /></noscript>
  225. <!-- End Facebook Pixel Code -->
  226. <!-- ptengine统计 -->
  227. <script type="text/javascript">
  228. window._pt_lt = new Date().getTime();
  229. window._pt_sp_2 = [];
  230. _pt_sp_2.push('setAccount,19c40fc9');
  231. var _protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
  232. (function () {
  233. var atag = document.createElement('script');
  234. atag.type = 'text/javascript';
  235. atag.async = true;
  236. atag.src = _protocol + 'js.ptengine.cn/19c40fc9.js';
  237. var s = document.getElementsByTagName('script')[0];
  238. s.parentNode.insertBefore(atag, s);
  239. })();
  240. </script>
  241. <!--&lt;!&ndash; ip地址获取 &ndash;&gt;-->
  242. <!--<script type="text/javascript" src="//js.maxmind.com/js/apis/geoip2/v2.1/geoip2.js"></script>-->
  243. <!--<script type="text/javascript">-->
  244. <!--var onSuccess = function (location) {-->
  245. <!--ipaddress = location;-->
  246. <!--console.log(location);-->
  247. <!--};-->
  248. <!--var onError = function (error) {-->
  249. <!--alert(-->
  250. <!--"Error:\n\n"-->
  251. <!--+ JSON.stringify(error, undefined, 4)-->
  252. <!--);-->
  253. <!--};-->
  254. <!--geoip2.city(onSuccess, onError);-->
  255. <!--</script>-->