shop.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274
  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. Click to return to the main interface
  41. </a>
  42. </div>
  43. <div class="explain">
  44. <h1>Check Information</h1>
  45. <p>Tips support cash on delivery + including postage,Support returns within 7 days without affecting the second sale,If you have any questions after receiving the goods, you can contact the online customer service or send an email to:
  46. <a>After-sales service Mailbox on the express delivery list</a>Please include your name and phone number and order number in the email, thank you.
  47. </p>
  48. <div style="font-size:12px;font-weight:900;">Please enter the correct phone number and email address,We will mail you to you faster.
  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="Name - last name" id="UserReallyName"></div>
  54. <div class="flex tab_two">
  55. <input required="required" id="tha_postal" type="number" name="postal" placeholder="Postal code">
  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="Wrong Postal code!" 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">Malaysia</div>
  67. </div>
  68. <div class="table-row">
  69. <input type="text" required="required" id="Address" name="address"
  70. placeholder="Concrete street living house">
  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. Please provide a clear address (for example, house number, etc.)
  75. </div>
  76. <div class="flexbox">
  77. <div class="flex tab_two">
  78. <input type="number" required="required" name="mob" id="thaphone" error="Please enter a valid phone number"
  79. placeholder="cellphone number">
  80. </div>
  81. <div class="flex tab_two">
  82. <input type="email" name="email" placeholder="e-mail" id="UserEMail">
  83. </div>
  84. </div>
  85. <div class="table-row">
  86. <input type="text" maxlength="248" name="guest" id="Remarks" placeholder="Message note">
  87. </div>
  88. <div class="flexbox">
  89. <div class="flex tab_two tab_sele action" rel="0"><i class="icon"></i>Cash on delivery</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">Freight </span>
  114. <span class="tips2">RM0.00</span>
  115. </li>
  116. <li>
  117. <span class="tips">Offer </span>
  118. <span class="tips2" id="payment_amount">1199</span>
  119. <span class="tips2">RM</span>
  120. </li>
  121. <li>
  122. <span class="tips">TotalPrice </span>
  123. <span class="tips2 total" style="color: #ff5a5f;font-weight: bold;">RM
  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);">Confirm
  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. Product change or return 7 days
  141. </li>
  142. <li class="flex" style="padding-right:16px;">
  143. <i class="checkout-icons icon-cod"></i>
  144. Cash on delivery
  145. </li>
  146. </ul>
  147. </div>
  148. </div>
  149. <div style="width: 100%;height: 100%;display: none" id="TS">
  150. <div class="box" style="width: 100%;height: 100%;">
  151. <div class="header" style="margin-top: 20px;">
  152. <div class="true">√</div>
  153. <div class="success">Order Successfully!</div>
  154. </div>
  155. <div class="content">
  156. <div class="show">
  157. <div class="showcontent">OrderId:</div>
  158. <span class="textContent" id="ts_OrderNum">1</span></div>
  159. <div class="show">
  160. <div class="showcontent">Name:</div>
  161. <span class="textContent" id="ts_UserReallyName">1</span></div>
  162. <div class="show">
  163. <div class="showcontent">Product:</div>
  164. <span class="textContent" id="ts_ProductName">1</span></div>
  165. <div class="show">
  166. <div class="showcontent">Price:</div>
  167. <span class="textContent" id="ts_Payment">1</span></div>
  168. <div class="show">
  169. <div class="showcontent">Phone No:</div>
  170. <span class="textContent" id="ts_UserPhoneNum">1</span></div>
  171. <div class="show">
  172. <div class="showcontent">Adress:</div>
  173. <span class="textContent" id="ts_Address">1</span></div>
  174. </div>
  175. <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>
  176. <div class="footer">
  177. <center>
  178. <button id="ts_back">Buy More</button>
  179. <button id="ts_lx">
  180. <a href="https://www.facebook.com/pg/MinimatterTimes" style="color: #fff;">
  181. Contack us
  182. </a>
  183. </button>
  184. </center>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. </body>
  190. </html>
  191. <!-- 谷歌统计 -->
  192. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-122583135-1"></script>
  193. <script>
  194. window.dataLayer = window.dataLayer || [];
  195. function gtag() {
  196. dataLayer.push(arguments);
  197. }
  198. gtag('js', new Date());
  199. gtag('config', 'UA-122583135-1');
  200. </script>
  201. <!-- Facebook Pixel Code -->
  202. <script>
  203. !function(f,b,e,v,n,t,s)
  204. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  205. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  206. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  207. n.queue=[];t=b.createElement(e);t.async=!0;
  208. t.src=v;s=b.getElementsByTagName(e)[0];
  209. s.parentNode.insertBefore(t,s)}(window, document,'script',
  210. 'https://connect.facebook.net/en_US/fbevents.js');
  211. fbq('init', '524976641351633');
  212. fbq('track', 'PageView');
  213. </script>
  214. <noscript>< img height="1" width="1" style="display:none"
  215. src="https://www.facebook.com/tr?id=524976641351633&ev=PageView&noscript=1"
  216. /></noscript>
  217. <!-- End Facebook Pixel Code -->
  218. <!-- ptengine统计 -->
  219. <script type="text/javascript">
  220. window._pt_lt = new Date().getTime();
  221. window._pt_sp_2 = [];
  222. _pt_sp_2.push('setAccount,19c40fc9');
  223. var _protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
  224. (function () {
  225. var atag = document.createElement('script');
  226. atag.type = 'text/javascript';
  227. atag.async = true;
  228. atag.src = _protocol + 'js.ptengine.cn/19c40fc9.js';
  229. var s = document.getElementsByTagName('script')[0];
  230. s.parentNode.insertBefore(atag, s);
  231. })();
  232. </script>
  233. <!--&lt;!&ndash; ip地址获取 &ndash;&gt;-->
  234. <!--<script type="text/javascript" src="//js.maxmind.com/js/apis/geoip2/v2.1/geoip2.js"></script>-->
  235. <!--<script type="text/javascript">-->
  236. <!--var onSuccess = function (location) {-->
  237. <!--ipaddress = location;-->
  238. <!--console.log(location);-->
  239. <!--};-->
  240. <!--var onError = function (error) {-->
  241. <!--alert(-->
  242. <!--"Error:\n\n"-->
  243. <!--+ JSON.stringify(error, undefined, 4)-->
  244. <!--);-->
  245. <!--};-->
  246. <!--geoip2.city(onSuccess, onError);-->
  247. <!--</script>-->