shop.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270
  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="../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>
  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>ทิปส์ รองรับบริการเก็บเงินปลายทาง +รวมค่าขนส่ง+ในกรณีที่ไม่มีผลกระทบต่อการขายครั้งที่สอง
  46. คืนสินค้าได้ภายใน 7
  47. วัน หลังจากท่านได้รับสินค้าแล้ว มีคำถามใดๆ โปรดติดต่อบริการลูกค้าออนไลน์ หรือติดต่อ email:
  48. <a>mailboxฝ่ายบริการลูกค้าหลังการขายที่เขียนในใบพัสดุ</a> กรุณาใส่ชื่อและเบอร์มือถือของท่าน
  49. พร้อมใส่เลขที่ใบสั่งซื้ออยู่ในอีเมลด้วย ขอบคุณค่ะ
  50. </p>
  51. <div style="font-size:12px;font-weight:900;">กรุณากรอกเบอร์โทรและรหัสไปรษณีย์ที่ถูกต้อง
  52. เราจะจัดส่งให้เร็วขึ้นค่ะ
  53. </div>
  54. </div>
  55. <div class="table">
  56. <div class="flexbox ">
  57. <div class="flex tab_two"><input type="text" required="required" name="name" placeholder="ชื่อ-นามสกุล"
  58. id="UserReallyName"></div>
  59. <div class="flex tab_two">
  60. <input required="required" id="tha_postal" type="number" name="postal" placeholder="รหัสไปรษณีย์">
  61. </div>
  62. </div>
  63. <div class="flexbox">
  64. <div class="flex marleft" style="margin-left:0;">
  65. <div class="ui-col ui-col-100 ui-select">
  66. <input type="hidden" required="required" name="city" error="รหัสไปรษณีย์ ผิด!" value="">
  67. <select name="district" class="regions-city tha_district" required="" id="Area">
  68. <option>ตำบล อำเภอ</option>
  69. </select>
  70. </div>
  71. </div>
  72. <div class="flex regions" style="margin-left: 4px;" id="Province">จังหวัด</div>
  73. </div>
  74. <div class="table-row">
  75. <input type="text" required="required" id="Address" name="address"
  76. placeholder="ที่อยู่ต้องมีเลขที่บ้าน……ถ.……ต.…… อ……จ.……">
  77. </div>
  78. <div class="flexbox"
  79. style="width: 95%;margin: 0 auto;line-height: 30px;padding: 10px 0;font-size: 12px;color: #ff5a5f;">
  80. กรุณาระบุที่อยู่ที่ชัดเจน(เช่นบ้านเลขที่ หมู่ ซ. ถ. ต. อ. จ. ฯลฯ)
  81. </div>
  82. <div class="flexbox">
  83. <div class="flex tab_two">
  84. <input type="number" required="required" name="mob" id="thaphone" error="กรุณากรอกเบอร์ที่ถูกต้อง"
  85. placeholder="เบอร์มือถือ">
  86. </div>
  87. <div class="flex tab_two">
  88. <input type="email" name="email" placeholder="อีเมล" id="UserEMail">
  89. </div>
  90. </div>
  91. <div class="table-row">
  92. <input type="text" maxlength="248" name="guest" id="Remarks" placeholder="ฝากข้อความ">
  93. </div>
  94. <div class="flexbox">
  95. <div class="flex tab_two tab_sele action" rel="0"><i class="icon"></i>เก็บเงินปลายทาง</div>
  96. </div>
  97. <input name="payment_type" value="0" type="hidden">
  98. </div>
  99. <div class="this_box">
  100. <div class="m-orderItem">
  101. <div class="row-2 flexbox">
  102. <div class="goodImg">
  103. <img src="">
  104. </div>
  105. <div class="goodInfo flex">
  106. <div class="goodName"></div>
  107. <div class="goodName ti">
  108. <span>【ราคาต่ำมาก ซื้อ 2 ได้ 6 】฿1199</span>
  109. <span>【ราคาต่ำมาก ซื้อ 2 ได้ 6 】฿1199</span>
  110. <span>【ราคาต่ำมาก ซื้อ 2 ได้ 6 】฿1199</span>
  111. <span>【ราคาต่ำมาก ซื้อ 2 ได้ 6 】฿1199</span>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. <ul class="row-2" id="list_cost">
  118. <li>
  119. <span class="tips">ค่าขนส่ง </span>
  120. <span class="tips2">฿0.00</span>
  121. </li>
  122. <li>
  123. <span class="tips">ยอดเงิน </span>
  124. <span class="tips2" id="payment_amount">1199</span>
  125. <span class="tips2">฿</span>
  126. </li>
  127. <li>
  128. <span class="tips">ชำระเงิน </span>
  129. <span class="tips2 total" style="color: #ff5a5f;font-weight: bold;">฿
  130. <span id="total">1199</span>
  131. </span>
  132. </li>
  133. </ul>
  134. <input type="hidden" name="product_id" value="306964">
  135. <div>
  136. <a class="btn" data-wating-text="กำลังส่งค่ะ์" onclick="submit();" style="cursor: pointer"
  137. href="javascript:void(0);">ยืนยัน
  138. </a>
  139. <input type="hidden" data-cuckootag="confirm_order">
  140. </div>
  141. </div>
  142. <div class="timetips">
  143. <ul class="flexbox">
  144. <li class="flex" style="padding-left:16px;">
  145. <i class="checkout-icons icon-7day"></i>
  146. สินค้าเปลี่ยนหรือคืนได้ 7วัน
  147. </li>
  148. <li class="flex" style="padding-right:16px;">
  149. <i class="checkout-icons icon-cod"></i>
  150. เก็บเงินปลายทาง
  151. </li>
  152. </ul>
  153. </div>
  154. </div>
  155. <div style="width: 100%;height: 100%;display: none" id="TS">
  156. <div class="box" style="width: 100%;height: 100%;">
  157. <div class="header" style="margin-top: 20px;">
  158. <div class="true">√</div>
  159. <div class="success">การสั่งซื้อสำเร็จ</div>
  160. </div>
  161. <div class="content">
  162. <div class="show">
  163. <div class="showcontent">หมายเลขคำสั่งซื้อ:</div>
  164. <span class="textContent" id="ts_OrderNum">1</span></div>
  165. <div class="show">
  166. <div class="showcontent">ชื่อ:</div>
  167. <span class="textContent" id="ts_UserReallyName">1</span></div>
  168. <div class="show">
  169. <div class="showcontent">สินค้า:</div>
  170. <span class="textContent" id="ts_ProductName">1</span></div>
  171. <div class="show">
  172. <div class="showcontent">ราคา:</div>
  173. <span class="textContent" id="ts_Payment">1</span></div>
  174. <div class="show">
  175. <div class="showcontent">เบอร์โทร:</div>
  176. <span class="textContent" id="ts_UserPhoneNum">1</span></div>
  177. <div class="show">
  178. <div class="showcontent">ที่อยู่:</div>
  179. <span class="textContent" id="ts_Address">1</span></div>
  180. </div>
  181. <div class="notice">สินค้าของคุณจะใช้เวลา10-15วันในการจัดส่ง เก็บเงินปลายทาง ของคุณค่ะ</div>
  182. <div class="footer">
  183. <center>
  184. <button id="ts_back">สั่งเพิ่ม</button>
  185. <button id="ts_lx">
  186. <a href="https://www.facebook.com/pg/MinimatterTimes" style="color: #fff;">
  187. ติดต่อเรา
  188. </a>
  189. </button>
  190. </center>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. </body>
  197. </html>
  198. <!-- 谷歌统计 -->
  199. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-122583135-1"></script>
  200. <script>
  201. window.dataLayer = window.dataLayer || [];
  202. function gtag() {
  203. dataLayer.push(arguments);
  204. }
  205. gtag('js', new Date());
  206. gtag('config', 'UA-122583135-1');
  207. </script>
  208. <!-- Facebook Pixel Code -->
  209. <script>
  210. !function(f,b,e,v,n,t,s)
  211. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  212. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  213. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  214. n.queue=[];t=b.createElement(e);t.async=!0;
  215. t.src=v;s=b.getElementsByTagName(e)[0];
  216. s.parentNode.insertBefore(t,s)}(window, document,'script',
  217. 'https://connect.facebook.net/en_US/fbevents.js');
  218. fbq('init', '524976641351633');
  219. fbq('track', 'PageView');
  220. </script>
  221. <noscript>< img height="1" width="1" style="display:none"
  222. src="https://www.facebook.com/tr?id=524976641351633&ev=PageView&noscript=1"
  223. /></noscript>
  224. <!-- End Facebook Pixel Code -->
  225. <!-- ptengine统计 -->
  226. <script type="text/javascript">
  227. window._pt_lt = new Date().getTime();
  228. window._pt_sp_2 = [];
  229. _pt_sp_2.push('setAccount,19c40fc9');
  230. var _protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
  231. (function () {
  232. var atag = document.createElement('script');
  233. atag.type = 'text/javascript';
  234. atag.async = true;
  235. atag.src = _protocol + 'js.ptengine.cn/19c40fc9.js';
  236. var s = document.getElementsByTagName('script')[0];
  237. s.parentNode.insertBefore(atag, s);
  238. })();
  239. </script>
  240. <script src="https://pv.sohu.com/cityjson?ie=utf-8" language="Javascript">
  241. </script>