goods.html 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449
  1. <html lang="en">
  2. <head>
  3. <meta charset="UTF-8">
  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/new.css">
  17. <link rel="stylesheet" href="css/new2.css">
  18. <link rel="stylesheet" href="css/app.min.css">
  19. <link rel="stylesheet" href="css/swiper.min.css">
  20. <script src="js/jquery-2.2.3.min.js"></script>
  21. <script src="js/glide.min.js"></script>
  22. <script src="js/new.js"></script>
  23. <script src="js/swiper.min.js"></script>
  24. </head>
  25. <body>
  26. <!--页面加载loading-->
  27. <div id="PageLoading" style="position: fixed;top: 50%;left: 50%;margin-left: -64px;margin-top: -64px;">
  28. <img src="../images/loading.gif">
  29. </div>
  30. <!--页面内容-->
  31. <div id="PageWarp" class="page" style="display: none">
  32. <!--&lt;!&ndash;头部导航&ndash;&gt;-->
  33. <!--<div class="detail-header-bg">-->
  34. <!--&lt;!&ndash;transparent&ndash;&gt;-->
  35. <!--<div id="head" class="header-dom">-->
  36. <!--<div class="mui-flex main-dom">-->
  37. <!--<ul class="cell header-nav">-->
  38. <!--<li class="active" onclick="ToTop()">สินค้า</li>-->
  39. <!--<li onclick="ToProductInfo()">รายละเอียดสินค้า</li>-->
  40. <!--&lt;!&ndash; <li onclick="ToProductEvaluate()">การประเมิน</li> &ndash;&gt;-->
  41. <!--</ul>-->
  42. <!--</div>-->
  43. <!--</div>-->
  44. <!--</div>
  45. <!--banner区域-->
  46. <div id="content" class="content">
  47. <div class="container">
  48. <div class="group-warp">
  49. <div class="module-wrap">
  50. <div class="module-preview glide">
  51. <div class="nav">
  52. <!--<i class="current">-->
  53. <!--<span class="pagination">1/5</span>-->
  54. <!--</i>-->
  55. <!--<i class="">-->
  56. <!--<span class="pagination">2/5</span>-->
  57. <!--</i>-->
  58. <!--<i class="">-->
  59. <!--<span class="pagination">3/5</span>-->
  60. <!--</i>-->
  61. <!--<i class="">-->
  62. <!--<span class="pagination">4/5</span>-->
  63. <!--</i>-->
  64. <!--<i class="">-->
  65. <!--<span class="pagination">5/5</span>-->
  66. <!--</i>-->
  67. </div>
  68. <div class="mui-slider preview-slider glide__track" data-glide-el="track">
  69. <ul class="scroller preview-scroller glide__slides">
  70. <!--<li class="item slide">-->
  71. <!--<img src="//img.alicdn.com/imgextra/i3/515258907/TB2b0FZC1OSBuNjy0FdXXbDnVXa_!!515258907-0-item_pic.jpg_760x760Q50s50.jpg_.webp">-->
  72. <!--</li>-->
  73. </ul>
  74. </div>
  75. </div>
  76. </div>
  77. <div class="module-wrap">
  78. <div class="module-jhs">
  79. <div class="pricebar">
  80. <div class="subleft avil ">
  81. <div class="price">฿<strong id="ProductPrice">3000</strong></div>
  82. <div class="information" style="display: inline-block;padding: 0;">
  83. <div class="soldcount"><span id="Discount">ลดราคา54%</span></div>
  84. </div>
  85. <div class="information">
  86. <div class="oprice">฿
  87. <del id="ProductPrimeCost">149</del>
  88. </div>
  89. <div class="soldcount"><span id="Sold">ยอดขาย1000ชิ้น</span></div>
  90. </div>
  91. </div>
  92. <div class="countdown">
  93. <div id="J_CountDownTxt" class="txt">จบจากที่เหลืออยู่</div>
  94. <div class="clockrun">
  95. <span class="tuan" id="J_tuanTime"></span>
  96. <span class="num" id="J_TimeHour">36</span><span class="dot">:</span>
  97. <span class="num" id="J_TimeMin">37</span><span class="dot">:</span>
  98. <span class="num" id="J_TimeSec">02</span>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. <!--产品标题-->
  108. <div class="module-wrap">
  109. <div class="module-title">
  110. <div class="share-warp mui-flex">
  111. <div class="main cell" id="ProductName" style="font-size: 18px;">
  112. หูฟังบรูทูธไร้สายแบบเสียบหู4.1หูฟังแบบเอียร์บัดรองรับ4.0หูฟังสำหรับการขับรถ3
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. <!--产品说明-->
  118. <div class="module-wrap">
  119. <div class="module-adds">
  120. <span class="postage" id="Promotion" style="font-size: 16px;font-weight: bolder;">เก็บเงินปลายทาง ค่าไปรษณีย์ฟรี ราคาพิเศษในเวลาจำกัด </span>
  121. </div>
  122. </div>
  123. <!--产品详情-->
  124. <div class="group-warp ProductInfo">
  125. <div class="module-wrap">
  126. <div class="module-desc" id="p-desc">
  127. <div class="scrolltips">
  128. <div class="part-title mui-flex align-center" style="padding:10px 0;color: #fff;background: -webkit-gradient(linear, 0 0, 0 100%, from(#fa215f), to(#fa215f));text-align: left;position: relative;">
  129. <span class="txt fixed" style="color:#fff">รายละเอียดสินค้า</span>
  130. <span class="txt fixed" style="color:#fff;text-align: right;position: absolute;right: 0;top: 5px;">∨</span>
  131. <span class="txt fixed" style="color:#fff;text-align: right;position: absolute;right: 0;top: 15px;">∨</span></div>
  132. </div>
  133. <div class= "ProductReview">
  134. <!--产品评价-->
  135. <div class="group-warp ProductEvaluate">
  136. <div class="module-wrap">
  137. <div class="module-review">
  138. <div class="mui-tagscloud">
  139. <div class="mui-tagscloud-main">
  140. <div class="mui-tagscloud-title" style="font-size: 16px;">การประเมิน</div>
  141. <div class="mui-tagscloud-comments">
  142. <div class="marquee">
  143. <ul id="comment" style="width: 100%">
  144. <li>
  145. <div>
  146. <span>Oliver </span>
  147. <span style="float: right;"><span
  148. lass="reviewStar size1 star5"></span></span>
  149. </div>
  150. <div>
  151. <p style="margin-bottom: 8px;font-size: 14px">
  152. ได้รับสินค้าแล้วคุณภาพดีมาก
  153. ละเอียดประณีตดูเรียบง่ายและมีระดับ</p>
  154. <p style="position: relative;min-height: 10px;">
  155. <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">05/08/2018</span>
  156. </p>
  157. </div>
  158. </li>
  159. <li>
  160. <div>
  161. <span>Muhammed</span>
  162. <span style="float: right;"><span
  163. lass="reviewStar size1 star5"></span></span>
  164. </div>
  165. <div>
  166. <p style="margin-bottom: 8px;font-size: 14px">
  167. ได้รับสินค้าแล้ว คุณภาพดีมาก ละเอียดประณีต
  168. ดูเรียบง่ายและมีระดับ</p>
  169. <p style="position: relative;min-height: 10px;">
  170. <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">23/06/2018</span>
  171. </p>
  172. </div>
  173. </li>
  174. <li>
  175. <div>
  176. <span>Harley</span>
  177. <span style="float: right;"><span
  178. lass="reviewStar size1 star5"></span></span>
  179. </div>
  180. <div>
  181. <p style="margin-bottom: 8px;font-size: 14px">
  182. คุณภาพดีมาก บริการลูกค้าดีมาก ส่งของเร็ว ฉันรู้สึกพอใจมาก</p>
  183. <p style="position: relative;min-height: 10px;">
  184. <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">23/06/2018</span>
  185. </p>
  186. </div>
  187. </li>
  188. <li>
  189. <div>
  190. <span>Harper </span>
  191. <span style="float: right;"><span
  192. lass="reviewStar size1 star5"></span></span>
  193. </div>
  194. <div>
  195. <p style="margin-bottom: 8px;font-size: 14px">
  196. สินค้ารุ่นนี้คุณภาพดีเยี่ยม จัดส่งรวดเร็ว
  197. พนักงานร้านค้าอัธยาศัยดี</p>
  198. <p style="position: relative;min-height: 10px;">
  199. <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">20/04/2018</span>
  200. </p>
  201. </div>
  202. </li>
  203. <li>
  204. <div>
  205. <span>Jenson </span>
  206. <span style="float: right;"><span
  207. lass="reviewStar size1 star5"></span></span>
  208. </div>
  209. <div>
  210. <p style="margin-bottom: 8px;font-size: 14px">
  211. คุ้มค่ามาก</p>
  212. <p style="position: relative;min-height: 10px;">
  213. <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">17/07/2018</span>
  214. </p>
  215. </div>
  216. </li>
  217. <li>
  218. <div>
  219. <span>Stanley</span>
  220. <span style="float: right;"><span
  221. lass="reviewStar size1 star5"></span></span>
  222. </div>
  223. <div>
  224. <p style="margin-bottom: 8px;font-size: 14px">
  225. คุณภาพดี วันหลังจะมาซื้อใหม่</p>
  226. <p style="position: relative;min-height: 10px;">
  227. <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">25/07/2018</span>
  228. </p>
  229. </div>
  230. </li>
  231. <li>
  232. <div>
  233. <span>Darcie</span>
  234. <span style="float: right;"><span
  235. lass="reviewStar size1 star5"></span></span>
  236. </div>
  237. <div>
  238. <p style="margin-bottom: 8px;font-size: 14px">
  239. ไม่รับของแล้ว ดีมาก</p>
  240. <p style="position: relative;min-height: 10px;">
  241. <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">10/05/2018</span>
  242. </p>
  243. </div>
  244. </li>
  245. <li>
  246. <div>
  247. <span>Luna </span>
  248. <span style="float: right;"><span
  249. lass="reviewStar size1 star5"></span></span>
  250. </div>
  251. <div>
  252. <p style="margin-bottom: 8px;font-size: 14px">
  253. ได้รับพัสดุแล้ว พนักงานร้านค้าอัธยาศัยดีมาก</p>
  254. <p style="position: relative;min-height: 10px;">
  255. <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">05/6/2018</span>
  256. </p>
  257. </div>
  258. </li>
  259. <li>
  260. <div>
  261. <span>Bluebell</span>
  262. <span style="float: right;"><span
  263. lass="reviewStar size1 star5"></span></span>
  264. </div>
  265. <div>
  266. <p style="margin-bottom: 8px;font-size: 14px">
  267. พนักงานอบอุ่นดี คุณภาพสินค้าก็โอเค</p>
  268. <p style="position: relative;min-height: 10px;">
  269. <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">02/07/2018</span>
  270. </p>
  271. </div>
  272. </li>
  273. </ul>
  274. </div>
  275. </div>
  276. </div>
  277. </div>
  278. </div>
  279. </div>
  280. </div>
  281. </div>
  282. <div class="container" style="" id="ProductInfo">
  283. </div>
  284. </div>
  285. </div>
  286. </div>
  287. <!--购买按钮-->
  288. <section class="actionBar-bg">
  289. <div id="s-actionBar-container">
  290. <div class="action-bar-wrap j-bottom-bar">
  291. <div class="trade">
  292. <a class="buy" onclick="showPage()" href="javascript:void(0);">สั่งซื้อ</a>
  293. </div>
  294. </div>
  295. </div>
  296. </section>
  297. <!--客服按钮-->
  298. <div class="show_contact" style="display: block;position: fixed;bottom: 75px;right: 15px;z-index: 99;">
  299. <div class="show_contact_box"
  300. style="background: #129BF4;border-radius: 50%;width: 50px;height: 50px;display: block;text-align: center;">
  301. <a href="https://www.facebook.com/pg/MinimatterTimes" style="display: block">
  302. <img src="images/kf.png" style="margin-top: 5px;width: 40px;display: inline-block;">
  303. </a>
  304. </div>
  305. </div>
  306.  
  307. </div>
  308. <div class="big_img">
  309. <div class="swiper-container2 swiper-container-horizontal">
  310. <div class="swiper-wrapper"> </div>
  311. </div>
  312. </div>
  313. <div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:1000;width:100%;height:100%;display:none;">
  314. <div id="innerdiv" style="position:absolute;">
  315. <img id="bigimg" style="border:5px solid #fff;" src="" />
  316. </div>
  317. </div>
  318. <div id="page-order">
  319. <div class="tt" style="font-size: 16px;">
  320. <div class="back" onclick="showPage()" href="javascript:void(0);"></div>
  321. เลือกคุณลักษณะของผลิตภัณฑ์
  322. </div>
  323. <div class="dt-paramselect">
  324. <div class="u-format count_classs">
  325. <div class="tt">ชุด</div>
  326. <div class="con">
  327. </div>
  328. </div>
  329. <div class="meal">
  330. <div class="u-format count_atrr">
  331. <div class="tt">การจำแนกสี:<span></span></div>
  332. <div class="con">
  333. </div>
  334. </div>
  335. <div class="u-format count_size">
  336. <div class="tt">ขนาด</div>
  337. <div class="con">
  338. </div>
  339. </div>
  340. </div>
  341. <!--<div class="meal secondsetmeal" style="display:none">-->
  342. <!--</div>-->
  343. <div class="u-fornum">
  344. <span>ปริมาณการซื้อ :</span>
  345. <div class="con">
  346. <div class="m-selnum dr">
  347. <div onclick="minnumber()" class="less z-dis">-</div>
  348. <div class="textWrap">
  349. <div class="num" id="number">1</div>
  350. </div>
  351. <div onclick="addnumber()" class="more">+</div>
  352. </div>
  353. <div>
  354. <a onclick="goShop()" href="javascript:void(0);">รีบซื้อเลย</a>
  355. </div>
  356. </div>
  357. </div>
  358. </div>
  359. </div>
  360. <!--position: fixed;-->
  361. <!--top: 0px;-->
  362. <!--scroll-behavior: unset;-->
  363. <script type="text/javascript">
  364. window._pt_lt = new Date().getTime();
  365. window._pt_sp_2 = [];
  366. _pt_sp_2.push('setAccount,19c40fc9');
  367. var _protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
  368. (function () {
  369. var atag = document.createElement('script');
  370. atag.type = 'text/javascript';
  371. atag.async = true;
  372. atag.src = _protocol + 'js.ptengine.cn/19c40fc9.js';
  373. var s = document.getElementsByTagName('script')[0];
  374. s.parentNode.insertBefore(atag, s);
  375. })();
  376. </script>
  377. </body>
  378. </html>
  379. <!-- Global site tag (gtag.js) - Google Analytics -->
  380. <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-122583135-1"></script>
  381. <script>
  382. window.dataLayer = window.dataLayer || [];
  383. function gtag() {
  384. dataLayer.push(arguments);
  385. }
  386. gtag('js', new Date());
  387. gtag('config', 'UA-122583135-1');
  388. </script>
  389. <!-- Facebook Pixel Code -->
  390. <script>
  391. !function(f,b,e,v,n,t,s)
  392. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  393. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  394. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  395. n.queue=[];t=b.createElement(e);t.async=!0;
  396. t.src=v;s=b.getElementsByTagName(e)[0];
  397. s.parentNode.insertBefore(t,s)}(window, document,'script',
  398. 'https://connect.facebook.net/en_US/fbevents.js');
  399. fbq('init', '524976641351633');
  400. fbq('track', 'PageView');
  401. </script>
  402. <noscript>< img height="1" width="1" style="display:none"
  403. src="https://www.facebook.com/tr?id=524976641351633&ev=PageView&noscript=1"
  404. /></noscript>
  405. <!-- End Facebook Pixel Code -->