{"id":5779,"date":"2026-06-11T16:08:36","date_gmt":"2026-06-11T08:08:36","guid":{"rendered":"https:\/\/weedza.co\/zh\/?p=5779"},"modified":"2026-06-11T16:59:32","modified_gmt":"2026-06-11T08:59:32","slug":"module-orderguide","status":"publish","type":"post","link":"https:\/\/weedza.co\/zh\/module-orderguide\/","title":{"rendered":"Module-OrderGuide"},"content":{"rendered":"  <section class=\"OrderGuide_01\" aria-label=\"Weedza App \u4e0b\u55ae\u6559\u5b78\">\r\n    <div class=\"OrderGuide_01-inner\">\r\n      <div class=\"OrderGuide_01-carousel\" data-orderguide-carousel>\r\n        <button class=\"OrderGuide_01-arrow OrderGuide_01-arrow--prev\" type=\"button\" aria-label=\"\u4e0a\u4e00\u5f35\u4e0b\u55ae\u6559\u5b78\">\r\n          \u2039\r\n        <\/button>\r\n\r\n        <div class=\"OrderGuide_01-viewport\">\r\n          <div class=\"OrderGuide_01-track\">\r\n\r\n            <article class=\"OrderGuide_01-slide\">\r\n              <div class=\"OrderGuide_01-card\">\r\n                <div class=\"OrderGuide_01-text\">\r\n                  <span class=\"OrderGuide_01-step\">STEP 01<\/span>\r\n                  <h3 class=\"OrderGuide_01-cardTitle\">\u9032\u5165\u5b98\u7db2\uff0c\u9ede\u64ca\u7acb\u5373\u8cfc\u8cb7<\/h3>\r\n                  <p class=\"OrderGuide_01-cardDesc\">\r\n                    \u5f9e Weedza \u5b98\u7db2\u9ede\u64ca\u300c\u7acb\u5373\u8cfc\u8cb7\u300d\uff0c\u524d\u5f80\u5b98\u65b9 Telegram \u4e0b\u55ae\u5165\u53e3\u3002\r\n                  <\/p>\r\n                <\/div>\r\n                <figure class=\"OrderGuide_01-phone\">\r\n                  <img loading=\"lazy\" src=\"https:\/\/weedza.co\/zh\/wp-content\/uploads\/2026\/06\/01-weedza-official-website-buy-now-telegram-order-guide.webp\"\r\n                    alt=\"Weedza \u5b98\u65b9\u7db2\u7ad9\u9ede\u64ca\u7acb\u5373\u8cfc\u8cb7\u524d\u5f80 Telegram \u4e0b\u55ae\u6559\u5b78\" width=\"332\" height=\"678\" loading=\"lazy\" decoding=\"async\">\r\n                <\/figure>\r\n              <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"OrderGuide_01-slide\">\r\n              <div class=\"OrderGuide_01-card\">\r\n                <div class=\"OrderGuide_01-text\">\r\n                  <span class=\"OrderGuide_01-step\">STEP 02<\/span>\r\n                  <h3 class=\"OrderGuide_01-cardTitle\">\u958b\u555f\u5b98\u65b9\u4e0b\u55ae\u6a5f\u5668\u4eba<\/h3>\r\n                  <p class=\"OrderGuide_01-cardDesc\">\r\n                    \u9032\u5165\u5b98\u65b9 Telegram \u5f8c\uff0c\u9ede\u64ca\u300cOrder Now\uff5c\u7acb\u5373\u4e0b\u55ae\u300d\u958b\u59cb\u8cfc\u8cb7\u3002\r\n                  <\/p>\r\n                <\/div>\r\n                <figure class=\"OrderGuide_01-phone\">\r\n                  <img loading=\"lazy\" src=\"https:\/\/weedza.co\/zh\/wp-content\/uploads\/2026\/06\/02-weedza-telegram-bot-order-now-mini-app.webp\"\r\n                    alt=\"Weedza Telegram \u667a\u80fd\u6a5f\u5668\u4eba\u7acb\u5373\u4e0b\u55ae\u6559\u5b78\" width=\"332\" height=\"678\" loading=\"lazy\" decoding=\"async\">\r\n                <\/figure>\r\n              <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"OrderGuide_01-slide\">\r\n              <div class=\"OrderGuide_01-card\">\r\n                <div class=\"OrderGuide_01-text\">\r\n                  <span class=\"OrderGuide_01-step\">STEP 03<\/span>\r\n                  <h3 class=\"OrderGuide_01-cardTitle\">\u67e5\u770b\u5546\u54c1\u8a73\u60c5<\/h3>\r\n                  <p class=\"OrderGuide_01-cardDesc\">\r\n                    \u78ba\u8a8d\u5546\u54c1\u540d\u7a31\u3001\u50f9\u683c\u3001\u54c1\u7a2e\u8cc7\u8a0a\u8207\u6578\u91cf\u5f8c\uff0c\u9ede\u64ca\u52a0\u5165\u8cfc\u7269\u8eca\u3002\r\n                  <\/p>\r\n                <\/div>\r\n                <figure class=\"OrderGuide_01-phone\">\r\n                  <img loading=\"lazy\" src=\"https:\/\/weedza.co\/zh\/wp-content\/uploads\/2026\/06\/03-weedza-product-detail-add-to-cart-guide.webp\"\r\n                    alt=\"Weedza \u5546\u54c1\u8a73\u60c5\u9801\u52a0\u5165\u8cfc\u7269\u8eca\u6559\u5b78\" width=\"332\" height=\"678\" loading=\"lazy\" decoding=\"async\">\r\n                <\/figure>\r\n              <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"OrderGuide_01-slide\">\r\n              <div class=\"OrderGuide_01-card\">\r\n                <div class=\"OrderGuide_01-text\">\r\n                  <span class=\"OrderGuide_01-step\">STEP 04<\/span>\r\n                  <h3 class=\"OrderGuide_01-cardTitle\">\u78ba\u8a8d\u8cfc\u7269\u8eca\u5546\u54c1<\/h3>\r\n                  <p class=\"OrderGuide_01-cardDesc\">\r\n                    \u6aa2\u67e5\u8cfc\u7269\u8eca\u5167\u7684\u5546\u54c1\u3001\u6578\u91cf\u3001\u55ae\u50f9\u8207\u5c0f\u8a08\u91d1\u984d\u662f\u5426\u6b63\u78ba\u3002\r\n                  <\/p>\r\n                <\/div>\r\n                <figure class=\"OrderGuide_01-phone\">\r\n                  <img loading=\"lazy\" src=\"https:\/\/weedza.co\/zh\/wp-content\/uploads\/2026\/06\/04-weedza-shopping-cart-product-quantity-checkout.webp\"\r\n                    alt=\"Weedza \u8cfc\u7269\u8eca\u78ba\u8a8d\u5546\u54c1\u6578\u91cf\u8207\u91d1\u984d\u6559\u5b78\" width=\"332\" height=\"678\" loading=\"lazy\" decoding=\"async\">\r\n                <\/figure>\r\n              <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"OrderGuide_01-slide\">\r\n              <div class=\"OrderGuide_01-card\">\r\n                <div class=\"OrderGuide_01-text\">\r\n                  <span class=\"OrderGuide_01-step\">STEP 05<\/span>\r\n                  <h3 class=\"OrderGuide_01-cardTitle\">\u586b\u5beb\u914d\u9001\u8cc7\u6599<\/h3>\r\n                  <p class=\"OrderGuide_01-cardDesc\">\r\n                    \u586b\u5beb\u98ef\u5e97 \/ \u6c11\u5bbf\u540d\u7a31\u3001\u8a02\u623f\u59d3\u540d\u3001\u9810\u8a08\u9001\u9054\u6642\u9593\u8207\u623f\u865f\u3002\r\n                  <\/p>\r\n                <\/div>\r\n                <figure class=\"OrderGuide_01-phone\">\r\n                  <img loading=\"lazy\" src=\"https:\/\/weedza.co\/zh\/wp-content\/uploads\/2026\/06\/05-weedza-delivery-information-hotel-address-form.webp\"\r\n                    alt=\"Weedza \u586b\u5beb\u98ef\u5e97\u5730\u5740\u8207\u914d\u9001\u8cc7\u6599\u6559\u5b78\" width=\"332\" height=\"678\" loading=\"lazy\" decoding=\"async\">\r\n                <\/figure>\r\n              <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"OrderGuide_01-slide\">\r\n              <div class=\"OrderGuide_01-card\">\r\n                <div class=\"OrderGuide_01-text\">\r\n                  <span class=\"OrderGuide_01-step\">STEP 06<\/span>\r\n                  <h3 class=\"OrderGuide_01-cardTitle\">\u78ba\u8a8d\u8a02\u55ae\u660e\u7d30<\/h3>\r\n                  <p class=\"OrderGuide_01-cardDesc\">\r\n                    \u78ba\u8a8d\u5546\u54c1\u91d1\u984d\u3001\u914d\u9001\u8cc7\u8a0a\u3001\u904b\u8cbb\u6298\u62b5\u8207\u7e3d\u91d1\u984d\u5f8c\uff0c\u7e7c\u7e8c\u7d50\u5e33\u3002\r\n                  <\/p>\r\n                <\/div>\r\n                <figure class=\"OrderGuide_01-phone\">\r\n                  <img loading=\"lazy\" src=\"https:\/\/weedza.co\/zh\/wp-content\/uploads\/2026\/06\/06-weedza-order-summary-delivery-discount-checkout.webp\"\r\n                    alt=\"Weedza \u78ba\u8a8d\u8a02\u55ae\u660e\u7d30\u8207\u904b\u8cbb\u6298\u6263\u6559\u5b78\" width=\"332\" height=\"678\" loading=\"lazy\" decoding=\"async\">\r\n                <\/figure>\r\n              <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"OrderGuide_01-slide\">\r\n              <div class=\"OrderGuide_01-card\">\r\n                <div class=\"OrderGuide_01-text\">\r\n                  <span class=\"OrderGuide_01-step\">STEP 07<\/span>\r\n                  <h3 class=\"OrderGuide_01-cardTitle\">\u4ed8\u6b3e\u6210\u529f\uff0c\u5b8c\u6210\u8a02\u55ae<\/h3>\r\n                  <p class=\"OrderGuide_01-cardDesc\">\r\n                    \u770b\u5230\u4ed8\u6b3e\u6210\u529f\u8207\u8a02\u55ae\u7de8\u865f\uff0c\u5373\u4ee3\u8868\u8a02\u55ae\u5df2\u9001\u51fa\u4e26\u6b63\u5728\u8655\u7406\u4e2d\u3002\r\n                  <\/p>\r\n                <\/div>\r\n                <figure class=\"OrderGuide_01-phone\">\r\n                  <img loading=\"lazy\" src=\"https:\/\/weedza.co\/zh\/wp-content\/uploads\/2026\/06\/07-weedza-payment-success-order-completed.webp\" alt=\"Weedza \u4ed8\u6b3e\u6210\u529f\u5b8c\u6210\u8a02\u55ae\u6559\u5b78\"\r\n                    width=\"332\" height=\"678\" loading=\"lazy\" decoding=\"async\">\r\n                <\/figure>\r\n              <\/div>\r\n            <\/article>\r\n\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <button class=\"OrderGuide_01-arrow OrderGuide_01-arrow--next\" type=\"button\" aria-label=\"\u4e0b\u4e00\u5f35\u4e0b\u55ae\u6559\u5b78\">\r\n          \u203a\r\n        <\/button>\r\n\r\n        <div class=\"OrderGuide_01-dots\" aria-label=\"\u4e0b\u55ae\u6559\u5b78\u8f2a\u64ad\u5206\u9801\"><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n      const carousels = document.querySelectorAll('[data-orderguide-carousel]');\r\n\r\n      carousels.forEach(function (carousel) {\r\n        if (carousel.dataset.orderguideReady === '1') {\r\n          return;\r\n        }\r\n\r\n        carousel.dataset.orderguideReady = '1';\r\n\r\n        const viewport = carousel.querySelector('.OrderGuide_01-viewport');\r\n        const track = carousel.querySelector('.OrderGuide_01-track');\r\n        const prevBtn = carousel.querySelector('.OrderGuide_01-arrow--prev');\r\n        const nextBtn = carousel.querySelector('.OrderGuide_01-arrow--next');\r\n        const dotsWrap = carousel.querySelector('.OrderGuide_01-dots');\r\n\r\n        if (!viewport || !track || !prevBtn || !nextBtn || !dotsWrap) {\r\n          return;\r\n        }\r\n\r\n        let slides = Array.from(track.querySelectorAll('.OrderGuide_01-slide'));\r\n        const totalSlides = slides.length;\r\n\r\n        if (totalSlides <= 1) {\r\n          return;\r\n        }\r\n\r\n        slides.forEach(function (slide, index) {\r\n          slide.dataset.orderguideIndex = index;\r\n        });\r\n\r\n        let perView = 4;\r\n        let isMoving = false;\r\n        let autoplayTimer = null;\r\n        let resizeTimer = null;\r\n        let touchStartX = 0;\r\n        let touchEndX = 0;\r\n\r\n        const autoplayDelay = 3800;\r\n        const transitionTime = 450;\r\n\r\n        function getPerView() {\r\n          const width = carousel.offsetWidth;\r\n\r\n          if (width <= 560) {\r\n            return 1;\r\n          }\r\n\r\n          if (width <= 860) {\r\n            return 2;\r\n          }\r\n\r\n          if (width <= 1180) {\r\n            return 3;\r\n          }\r\n\r\n          return 4;\r\n        }\r\n\r\n        function refreshSlides() {\r\n          slides = Array.from(track.querySelectorAll('.OrderGuide_01-slide'));\r\n        }\r\n\r\n        function setSlideWidth() {\r\n          perView = getPerView();\r\n\r\n          refreshSlides();\r\n\r\n          slides.forEach(function (slide) {\r\n            slide.style.flex = '0 0 ' + (100 \/ perView) + '%';\r\n          });\r\n        }\r\n\r\n        function getStepWidth() {\r\n          return viewport.clientWidth \/ perView;\r\n        }\r\n\r\n        function setTranslate(value, animate) {\r\n          if (animate) {\r\n            track.style.transition = 'transform ' + transitionTime + 'ms ease';\r\n          } else {\r\n            track.style.transition = 'none';\r\n          }\r\n\r\n          track.style.transform = 'translate3d(' + value + 'px, 0, 0)';\r\n        }\r\n\r\n        function getActiveIndex() {\r\n          const firstSlide = track.querySelector('.OrderGuide_01-slide');\r\n\r\n          if (!firstSlide) {\r\n            return 0;\r\n          }\r\n\r\n          return Number(firstSlide.dataset.orderguideIndex || 0);\r\n        }\r\n\r\n        function buildDots() {\r\n          dotsWrap.innerHTML = '';\r\n\r\n          for (let i = 0; i < totalSlides; i += 1) {\r\n            const dot = document.createElement('button');\r\n            dot.type = 'button';\r\n            dot.className = 'OrderGuide_01-dot';\r\n            dot.setAttribute('aria-label', '\u524d\u5f80\u4e0b\u55ae\u6559\u5b78 Step ' + String(i + 1).padStart(2, '0'));\r\n\r\n            dot.addEventListener('click', function () {\r\n              stopAutoplay();\r\n              jumpTo(i);\r\n              startAutoplay();\r\n            });\r\n\r\n            dotsWrap.appendChild(dot);\r\n          }\r\n\r\n          updateDots();\r\n        }\r\n\r\n        function updateDots() {\r\n          const activeIndex = getActiveIndex();\r\n          const dots = dotsWrap.querySelectorAll('.OrderGuide_01-dot');\r\n\r\n          dots.forEach(function (dot, index) {\r\n            if (index === activeIndex) {\r\n              dot.classList.add('is-active');\r\n              dot.setAttribute('aria-current', 'true');\r\n            } else {\r\n              dot.classList.remove('is-active');\r\n              dot.removeAttribute('aria-current');\r\n            }\r\n          });\r\n        }\r\n\r\n        function nextSlide() {\r\n          if (isMoving) {\r\n            return;\r\n          }\r\n\r\n          isMoving = true;\r\n\r\n          const stepWidth = getStepWidth();\r\n\r\n          setTranslate(-stepWidth, true);\r\n\r\n          window.setTimeout(function () {\r\n            const firstSlide = track.querySelector('.OrderGuide_01-slide');\r\n\r\n            if (firstSlide) {\r\n              track.appendChild(firstSlide);\r\n            }\r\n\r\n            setTranslate(0, false);\r\n            updateDots();\r\n            isMoving = false;\r\n          }, transitionTime);\r\n        }\r\n\r\n        function prevSlide() {\r\n          if (isMoving) {\r\n            return;\r\n          }\r\n\r\n          isMoving = true;\r\n\r\n          const stepWidth = getStepWidth();\r\n          const lastSlide = track.querySelector('.OrderGuide_01-slide:last-child');\r\n\r\n          if (lastSlide) {\r\n            track.insertBefore(lastSlide, track.firstElementChild);\r\n          }\r\n\r\n          setTranslate(-stepWidth, false);\r\n\r\n          track.offsetHeight;\r\n\r\n          setTranslate(0, true);\r\n\r\n          window.setTimeout(function () {\r\n            updateDots();\r\n            isMoving = false;\r\n          }, transitionTime);\r\n        }\r\n\r\n        function jumpTo(targetIndex) {\r\n          if (isMoving) {\r\n            return;\r\n          }\r\n\r\n          const currentSlides = Array.from(track.querySelectorAll('.OrderGuide_01-slide'));\r\n          const orderedSlides = [];\r\n\r\n          for (let i = 0; i < totalSlides; i += 1) {\r\n            const realIndex = (targetIndex + i) % totalSlides;\r\n\r\n            const targetSlide = currentSlides.find(function (slide) {\r\n              return Number(slide.dataset.orderguideIndex) === realIndex;\r\n            });\r\n\r\n            if (targetSlide) {\r\n              orderedSlides.push(targetSlide);\r\n            }\r\n          }\r\n\r\n          orderedSlides.forEach(function (slide) {\r\n            track.appendChild(slide);\r\n          });\r\n\r\n          setTranslate(0, false);\r\n          updateDots();\r\n        }\r\n\r\n        function startAutoplay() {\r\n          stopAutoplay();\r\n\r\n          autoplayTimer = window.setInterval(function () {\r\n            nextSlide();\r\n          }, autoplayDelay);\r\n        }\r\n\r\n        function stopAutoplay() {\r\n          if (autoplayTimer) {\r\n            window.clearInterval(autoplayTimer);\r\n            autoplayTimer = null;\r\n          }\r\n        }\r\n\r\n        nextBtn.addEventListener('click', function () {\r\n          stopAutoplay();\r\n          nextSlide();\r\n          startAutoplay();\r\n        });\r\n\r\n        prevBtn.addEventListener('click', function () {\r\n          stopAutoplay();\r\n          prevSlide();\r\n          startAutoplay();\r\n        });\r\n\r\n        carousel.addEventListener('mouseenter', function () {\r\n          stopAutoplay();\r\n        });\r\n\r\n        carousel.addEventListener('mouseleave', function () {\r\n          startAutoplay();\r\n        });\r\n\r\n        carousel.addEventListener('focusin', function () {\r\n          stopAutoplay();\r\n        });\r\n\r\n        carousel.addEventListener('focusout', function () {\r\n          startAutoplay();\r\n        });\r\n\r\n        viewport.addEventListener('touchstart', function (event) {\r\n          touchStartX = event.changedTouches[0].clientX;\r\n        }, { passive: true });\r\n\r\n        viewport.addEventListener('touchend', function (event) {\r\n          touchEndX = event.changedTouches[0].clientX;\r\n\r\n          if (Math.abs(touchStartX - touchEndX) < 40) {\r\n            return;\r\n          }\r\n\r\n          stopAutoplay();\r\n\r\n          if (touchStartX > touchEndX) {\r\n            nextSlide();\r\n          } else {\r\n            prevSlide();\r\n          }\r\n\r\n          startAutoplay();\r\n        }, { passive: true });\r\n\r\n        window.addEventListener('resize', function () {\r\n          window.clearTimeout(resizeTimer);\r\n\r\n          resizeTimer = window.setTimeout(function () {\r\n            setSlideWidth();\r\n            setTranslate(0, false);\r\n            updateDots();\r\n          }, 180);\r\n        });\r\n\r\n        setSlideWidth();\r\n        setTranslate(0, false);\r\n        buildDots();\r\n        startAutoplay();\r\n      });\r\n    });\r\n  <\/script>\r\n","protected":false},"excerpt":{"rendered":"\u2039 STEP 01 \u9032\u5165\u5b98\u7db2\uff0c\u9ede\u64ca\u7acb\u5373\u8cfc\u8cb7 \u5f9e Weedza \u5b98\u7db2\u9ede\u64ca\u300c\u7acb\u5373\u8cfc\u8cb7\u300d\uff0c\u524d\u5f80\u5b98\u65b9 Telegram [&hellip;]","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[101],"tags":[],"class_list":["post-5779","post","type-post","status-publish","format-standard","hentry","category-module"],"acf":[],"_links":{"self":[{"href":"https:\/\/weedza.co\/zh\/wp-json\/wp\/v2\/posts\/5779","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/weedza.co\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/weedza.co\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/weedza.co\/zh\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/weedza.co\/zh\/wp-json\/wp\/v2\/comments?post=5779"}],"version-history":[{"count":3,"href":"https:\/\/weedza.co\/zh\/wp-json\/wp\/v2\/posts\/5779\/revisions"}],"predecessor-version":[{"id":5799,"href":"https:\/\/weedza.co\/zh\/wp-json\/wp\/v2\/posts\/5779\/revisions\/5799"}],"wp:attachment":[{"href":"https:\/\/weedza.co\/zh\/wp-json\/wp\/v2\/media?parent=5779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/weedza.co\/zh\/wp-json\/wp\/v2\/categories?post=5779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/weedza.co\/zh\/wp-json\/wp\/v2\/tags?post=5779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}