Elementor\u4ea7\u54c1\u56fe\u7247\u5c55\u793a\u4e0e\u706f\u7bb1\u6548\u679c - \u5df2\u4fee\u590d<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n \r\n body {\r\n background: #ffffff;\r\n color: #333;\r\n line-height: 1.6;\r\n min-height: 100vh;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n \r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n }\r\n \r\n .product-display {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n background: white;\r\n border-radius: 15px;\r\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\r\n overflow: hidden;\r\n border: 1px solid #eee;\r\n }\r\n \r\n .product-content {\r\n display: flex;\r\n padding: 20px;\r\n gap: 40px;\r\n }\r\n \r\n .product-gallery {\r\n flex: 1;\r\n max-width: 600px;\r\n }\r\n \r\n .main-image-container {\r\n position: relative;\r\n margin-bottom: 20px;\r\n border: 1px solid #eee;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n height: 450px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n background: #fafafa;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .main-image-container:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .main-image {\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .zoom-hint {\r\n position: absolute;\r\n bottom: 15px;\r\n right: 15px;\r\n background: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n padding: 5px 10px;\r\n border-radius: 5px;\r\n font-size: 14px;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n opacity: 0.9;\r\n }\r\n \r\n .thumbnail-wrapper {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n .thumbnail-container {\r\n display: flex;\r\n overflow-x: auto;\r\n gap: 15px;\r\n padding: 15px 10px;\r\n scrollbar-width: thin;\r\n scrollbar-color: #4a89dc transparent;\r\n width: 100%;\r\n scroll-behavior: smooth;\r\n }\r\n \r\n .thumbnail-container::-webkit-scrollbar {\r\n height: 6px;\r\n }\r\n \r\n .thumbnail-container::-webkit-scrollbar-thumb {\r\n background: #4a89dc;\r\n border-radius: 10px;\r\n }\r\n \r\n .thumbnail {\r\n flex: 0 0 auto;\r\n width: 80px;\r\n height: 80px;\r\n border: 2px solid #eee;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n }\r\n \r\n .thumbnail:hover {\r\n border-color: #4a89dc;\r\n transform: translateY(-3px);\r\n }\r\n \r\n .thumbnail.active {\r\n border-color: #4a89dc;\r\n box-shadow: 0 5px 15px rgba(74, 137, 220, 0.3);\r\n }\r\n \r\n .thumbnail img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n \r\n .arrow-btn {\r\n position: left;\r\n top: 50%;\r\n transform: translateY(1%);\r\n width: 0px;\r\n height: 0px;\r\n border-radius: 50%;\r\n background: white;\r\n border: 1px solid #ddd;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n z-index: 10;\r\n transition: all 0.5s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .arrow-btn:hover {\r\n background: #4a89dc;\r\n color: white;\r\n border-color: #4a89dc;\r\n transform: translateY(-50%) scale(1.1);\r\n }\r\n \r\n .arrow-left {\r\n left: 5px;\r\n }\r\n \r\n .arrow-right {\r\n right: 5px;\r\n }\r\n \r\n .arrow-btn i {\r\n font-size: 15px;\r\n }\r\n \r\n \/* \u706f\u7bb1\u6837\u5f0f *\/\r\n .lightbox {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.9);\r\n z-index: 1000;\r\n justify-content: center;\r\n align-items: center;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n \r\n .lightbox.active {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n \r\n .lightbox-content {\r\n position: relative;\r\n max-width: 90%;\r\n max-height: 90%;\r\n }\r\n \r\n .lightbox-img {\r\n max-width: 100%;\r\n max-height: 90vh;\r\n object-fit: contain;\r\n border-radius: 8px;\r\n }\r\n \r\n .lightbox-close {\r\n position: absolute;\r\n top: -40px;\r\n right: 0;\r\n color: white;\r\n font-size: 30px;\r\n cursor: pointer;\r\n background: rgba(0, 0, 0, 0.5);\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .lightbox-close:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n transform: rotate(90deg);\r\n }\r\n \r\n .lightbox-nav {\r\n position: absolute;\r\n top: 50%;\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 0 20px;\r\n transform: translateY(-50%);\r\n }\r\n \r\n .lightbox-prev, .lightbox-next {\r\n color: white;\r\n font-size: 30px;\r\n cursor: pointer;\r\n background: rgba(0, 0, 0, 0.5);\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .lightbox-prev:hover, .lightbox-next:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n }\r\n \r\n .product-info {\r\n flex: 1;\r\n padding: 20px 0;\r\n }\r\n \r\n .product-title {\r\n font-size: 32px;\r\n margin-bottom: 15px;\r\n color: #2c3e50;\r\n }\r\n \r\n .product-price {\r\n font-size: 28px;\r\n color: #e74c3c;\r\n font-weight: bold;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .product-description {\r\n color: #7f8c8d;\r\n margin-bottom: 25px;\r\n line-height: 1.8;\r\n font-size: 16px;\r\n }\r\n \r\n .product-features {\r\n margin-bottom: 25px;\r\n }\r\n \r\n .feature {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .feature i {\r\n color: #4a89dc;\r\n margin-right: 10px;\r\n font-size: 18px;\r\n }\r\n \r\n .add-to-cart {\r\n background: #4a89dc;\r\n color: white;\r\n border: none;\r\n padding: 15px 30px;\r\n border-radius: 8px;\r\n font-size: 18px;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n \r\n .add-to-cart:hover {\r\n background: #3b7bd4;\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 15px rgba(74, 137, 220, 0.4);\r\n }\r\n \r\n .instructions {\r\n background: #e8f4fc;\r\n border-left: 4px solid #4a89dc;\r\n padding: 25px;\r\n border-radius: 8px;\r\n margin-top: 30px;\r\n }\r\n \r\n .instructions h3 {\r\n color: #2c3e50;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n \r\n .instructions ol {\r\n padding-left: 20px;\r\n }\r\n \r\n .instructions li {\r\n margin-bottom: 12px;\r\n line-height: 1.6;\r\n }\r\n \r\n .badge {\r\n display: inline-block;\r\n background: #4a89dc;\r\n color: white;\r\n padding: 5px 15px;\r\n border-radius: 20px;\r\n font-size: 14px;\r\n margin-left: 10px;\r\n }\r\n \r\n .thumbnail-counter {\r\n text-align: center;\r\n margin-top: 10px;\r\n color: #7f8c8d;\r\n font-size: 14px;\r\n }\r\n \r\n @media (max-width: 968px) {\r\n .product-content {\r\n flex-direction: column;\r\n }\r\n \r\n .product-gallery {\r\n max-width: 100%;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .main-image-container {\r\n height: 350px;\r\n }\r\n \r\n .product-title {\r\n font-size: 28px;\r\n }\r\n \r\n .arrow-btn {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n \r\n .arrow-btn i {\r\n font-size: 14px;\r\n }\r\n \r\n .lightbox-prev, .lightbox-next {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 24px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"product-display\">\r\n <div class=\"product-content\">\r\n <div class=\"product-gallery\">\r\n <div class=\"main-image-container\" id=\"mainImageContainer\">\r\n <img decoding=\"async\" src=\"https:\/\/www.ht-kitchenware.com\/tasty\/wp-content\/uploads\/2025\/10\/2604-1.jpg\" alt=\"Product Main Image\" class=\"main-image\" id=\"mainImage\">\r\n <div class=\"zoom-hint\">\r\n <i class=\"fas fa-search-plus\"><\/i> \u70b9\u51fb\u653e\u5927\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"thumbnail-wrapper\">\r\n <button class=\"arrow-btn arrow-left\" id=\"arrowLeft\">\r\n <i class=\"fas fa-chevron-left\"><\/i>\r\n <\/button>\r\n \r\n <div class=\"thumbnail-container\" id=\"thumbnailContainer\">\r\n <div class=\"thumbnail active\" data-image=\"https:\/\/www.ht-kitchenware.com\/tasty\/wp-content\/uploads\/2025\/10\/2604-1.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/www.ht-kitchenware.com\/tasty\/wp-content\/uploads\/2025\/10\/2604-1.jpg\" alt=\"Thumbnail 1\">\r\n <\/div>\r\n <div class=\"thumbnail\" data-image=\"https:\/\/www.ht-kitchenware.com\/tasty\/wp-content\/uploads\/2025\/10\/2604-2.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/www.ht-kitchenware.com\/tasty\/wp-content\/uploads\/2025\/10\/2604-2.jpg\" alt=\"Thumbnail 2\">\r\n <\/div>\r\n <div class=\"thumbnail\" data-image=\"https:\/\/www.ht-kitchenware.com\/tasty\/wp-content\/uploads\/2025\/10\/2604-3.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/www.ht-kitchenware.com\/tasty\/wp-content\/uploads\/2025\/10\/2604-3.jpg\" alt=\"Thumbnail 3\">\r\n <\/div>\r\n <div class=\"thumbnail\" data-image=\"https:\/\/www.ht-kitchenware.com\/tasty\/wp-content\/uploads\/2025\/10\/2604-4.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/www.ht-kitchenware.com\/tasty\/wp-content\/uploads\/2025\/10\/2604-4.jpg\" alt=\"Thumbnail 4\">\r\n <\/div>\r\n <\/div>\r\n \r\n <button class=\"arrow-btn arrow-right\" id=\"arrowRight\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"thumbnail-counter\" id=\"thumbnailCounter\">\r\n 1\/5\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lightbox\" id=\"lightbox\">\r\n <div class=\"lightbox-content\">\r\n <img decoding=\"async\" src=\"\" alt=\"Lightbox Image\" class=\"lightbox-img\" id=\"lightboxImg\">\r\n <div class=\"lightbox-close\" id=\"lightboxClose\">\r\n <i class=\"fas fa-times\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lightbox-nav\">\r\n <div class=\"lightbox-prev\" id=\"lightboxPrev\">\r\n <i class=\"fas fa-chevron-left\"><\/i>\r\n <\/div>\r\n <div class=\"lightbox-next\" id=\"lightboxNext\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n console.log(\"DOM\u5df2\u52a0\u8f7d\uff0c\u521d\u59cb\u5316\u811a\u672c...\");\r\n \r\n \/\/ \u83b7\u53d6\u5143\u7d20\r\n const mainImage = document.getElementById('mainImage');\r\n const mainImageContainer = document.getElementById('mainImageContainer');\r\n const thumbnails = document.querySelectorAll('.thumbnail');\r\n const arrowLeft = document.getElementById('arrowLeft');\r\n const arrowRight = document.getElementById('arrowRight');\r\n const thumbnailContainer = document.getElementById('thumbnailContainer');\r\n const thumbnailCounter = document.getElementById('thumbnailCounter');\r\n \r\n \/\/ \u706f\u7bb1\u5143\u7d20 - \u4f7f\u7528\u66f4\u660e\u786e\u7684\u9009\u62e9\u5668\r\n const lightbox = document.getElementById('lightbox');\r\n const lightboxImg = document.getElementById('lightboxImg');\r\n const lightboxClose = document.getElementById('lightboxClose');\r\n const lightboxPrev = document.getElementById('lightboxPrev');\r\n const lightboxNext = document.getElementById('lightboxNext');\r\n \r\n \/\/ \u8c03\u8bd5\u4fe1\u606f\r\n console.log(\"\u627e\u5230\u7684\u5143\u7d20:\", {\r\n lightbox,\r\n lightboxClose,\r\n lightboxPrev,\r\n lightboxNext,\r\n thumbnails: thumbnails.length\r\n });\r\n \r\n \/\/ \u5f53\u524d\u56fe\u7247\u7d22\u5f15\r\n let currentImageIndex = 0;\r\n const totalImages = thumbnails.length;\r\n \r\n \/\/ \u7f29\u7565\u56fe\u70b9\u51fb\u4e8b\u4ef6\r\n thumbnails.forEach((thumb, index) => {\r\n thumb.addEventListener('click', function() {\r\n \/\/ \u79fb\u9664\u6240\u6709active\u7c7b\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n \/\/ \u6dfb\u52a0active\u7c7b\u5230\u5f53\u524d\u7f29\u7565\u56fe\r\n this.classList.add('active');\r\n \/\/ \u66f4\u6539\u4e3b\u56fe\u7247\r\n const imageUrl = this.dataset.image;\r\n mainImage.src = imageUrl;\r\n \r\n \/\/ \u66f4\u65b0\u5f53\u524d\u7d22\u5f15\r\n currentImageIndex = index;\r\n \r\n \/\/ \u66f4\u65b0\u8ba1\u6570\u5668\r\n updateThumbnailCounter();\r\n });\r\n });\r\n \r\n \/\/ \u4e3b\u56fe\u7247\u70b9\u51fb\u4e8b\u4ef6 - \u6253\u5f00\u706f\u7bb1\r\n mainImageContainer.addEventListener('click', function() {\r\n console.log(\"\u6253\u5f00\u706f\u7bb1\uff0c\u7d22\u5f15:\", currentImageIndex);\r\n openLightbox(currentImageIndex);\r\n });\r\n \r\n \/\/ \u66f4\u65b0\u8ba1\u6570\u5668\r\n function updateThumbnailCounter() {\r\n thumbnailCounter.textContent = `\u56fe\u7247 ${currentImageIndex + 1}\/${totalImages}`;\r\n }\r\n \r\n \/\/ \u521d\u59cb\u5316\u8ba1\u6570\u5668\r\n updateThumbnailCounter();\r\n \r\n \/\/ \u6253\u5f00\u706f\u7bb1\r\n function openLightbox(index) {\r\n currentImageIndex = index;\r\n const imageUrl = thumbnails[index].dataset.image;\r\n lightboxImg.src = imageUrl;\r\n lightbox.classList.add('active');\r\n document.body.style.overflow = 'hidden'; \/\/ \u9632\u6b62\u80cc\u666f\u6eda\u52a8\r\n console.log(\"\u706f\u7bb1\u5df2\u6253\u5f00\uff0c\u663e\u793a\u56fe\u7247:\", imageUrl);\r\n }\r\n \r\n \/\/ \u5173\u95ed\u706f\u7bb1\r\n if (lightboxClose) {\r\n lightboxClose.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n console.log(\"\u5173\u95ed\u706f\u7bb1\");\r\n lightbox.classList.remove('active');\r\n document.body.style.overflow = ''; \/\/ \u6062\u590d\u80cc\u666f\u6eda\u52a8\r\n });\r\n } else {\r\n console.error(\"\u672a\u627e\u5230\u706f\u7bb1\u5173\u95ed\u6309\u94ae\");\r\n }\r\n \r\n \/\/ \u706f\u7bb1\u5bfc\u822a - \u4e0a\u4e00\u5f20\r\n if (lightboxPrev) {\r\n lightboxPrev.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n currentImageIndex = (currentImageIndex - 1 + totalImages) % totalImages;\r\n lightboxImg.src = thumbnails[currentImageIndex].dataset.image;\r\n console.log(\"\u5207\u6362\u5230\u4e0a\u4e00\u5f20\u56fe\u7247\uff0c\u65b0\u7d22\u5f15:\", currentImageIndex);\r\n });\r\n } else {\r\n console.error(\"\u672a\u627e\u5230\u706f\u7bb1\u4e0a\u4e00\u5f20\u6309\u94ae\");\r\n }\r\n \r\n \/\/ \u706f\u7bb1\u5bfc\u822a - \u4e0b\u4e00\u5f20\r\n if (lightboxNext) {\r\n lightboxNext.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n currentImageIndex = (currentImageIndex + 1) % totalImages;\r\n lightboxImg.src = thumbnails[currentImageIndex].dataset.image;\r\n console.log(\"\u5207\u6362\u5230\u4e0b\u4e00\u5f20\u56fe\u7247\uff0c\u65b0\u7d22\u5f15:\", currentImageIndex);\r\n });\r\n } else {\r\n console.error(\"\u672a\u627e\u5230\u706f\u7bb1\u4e0b\u4e00\u5f20\u6309\u94ae\");\r\n }\r\n \r\n \/\/ \u70b9\u51fb\u706f\u7bb1\u80cc\u666f\u5173\u95ed\r\n lightbox.addEventListener('click', function(e) {\r\n if (e.target === lightbox) {\r\n console.log(\"\u70b9\u51fb\u80cc\u666f\u5173\u95ed\u706f\u7bb1\");\r\n lightbox.classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n });\r\n \r\n \/\/ \u952e\u76d8\u5bfc\u822a\r\n document.addEventListener('keydown', function(e) {\r\n if (lightbox.classList.contains('active')) {\r\n if (e.key === 'Escape') {\r\n console.log(\"\u6309ESC\u952e\u5173\u95ed\u706f\u7bb1\");\r\n lightbox.classList.remove('active');\r\n document.body.style.overflow = '';\r\n } else if (e.key === 'ArrowLeft') {\r\n currentImageIndex = (currentImageIndex - 1 + totalImages) % totalImages;\r\n lightboxImg.src = thumbnails[currentImageIndex].dataset.image;\r\n console.log(\"\u952e\u76d8\u5de6\u952e\uff0c\u5207\u6362\u5230\u4e0a\u4e00\u5f20\u56fe\u7247\");\r\n } else if (e.key === 'ArrowRight') {\r\n currentImageIndex = (currentImageIndex + 1) % totalImages;\r\n lightboxImg.src = thumbnails[currentImageIndex].dataset.image;\r\n console.log(\"\u952e\u76d8\u53f3\u952e\uff0c\u5207\u6362\u5230\u4e0b\u4e00\u5f20\u56fe\u7247\");\r\n }\r\n }\r\n });\r\n \r\n \/\/ \u7f29\u7565\u56fe\u6eda\u52a8\u529f\u80fd\r\n const scrollStep = 100; \/\/ \u6bcf\u6b21\u6eda\u52a8\u7684\u50cf\u7d20\u6570\r\n \r\n \/\/ \u5de6\u7bad\u5934\u70b9\u51fb\u4e8b\u4ef6\r\n arrowLeft.addEventListener('click', function() {\r\n thumbnailContainer.scrollBy({\r\n left: -scrollStep,\r\n behavior: 'smooth'\r\n });\r\n });\r\n \r\n \/\/ \u53f3\u7bad\u5934\u70b9\u51fb\u4e8b\u4ef6\r\n arrowRight.addEventListener('click', function() {\r\n thumbnailContainer.scrollBy({\r\n left: scrollStep,\r\n behavior: 'smooth'\r\n });\r\n });\r\n \r\n \/\/ \u521d\u59cb\u9690\u85cf\u5de6\u7bad\u5934\r\n arrowLeft.style.opacity = 0.5;\r\n arrowLeft.style.cursor = 'not-allowed';\r\n \r\n \/\/ \u76d1\u542c\u6eda\u52a8\u4e8b\u4ef6\u66f4\u65b0\u7bad\u5934\u72b6\u6001\r\n thumbnailContainer.addEventListener('scroll', function() {\r\n const maxScroll = thumbnailContainer.scrollWidth - thumbnailContainer.clientWidth;\r\n const currentScroll = thumbnailContainer.scrollLeft;\r\n \r\n \/\/ \u66f4\u65b0\u5de6\u7bad\u5934\u72b6\u6001\r\n if (currentScroll <= 0) {\r\n arrowLeft.style.opacity = 0.5;\r\n arrowLeft.style.cursor = 'not-allowed';\r\n } else {\r\n arrowLeft.style.opacity = 1;\r\n arrowLeft.style.cursor = 'pointer';\r\n }\r\n \r\n \/\/ \u66f4\u65b0\u53f3\u7bad\u5934\u72b6\u6001\r\n if (currentScroll >= maxScroll) {\r\n arrowRight.style.opacity = 0.5;\r\n arrowRight.style.cursor = 'not-allowed';\r\n } else {\r\n arrowRight.style.opacity = 1;\r\n arrowRight.style.cursor = 'pointer';\r\n }\r\n });\r\n \r\n console.log(\"\u811a\u672c\u521d\u59cb\u5316\u5b8c\u6210\");\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b596247 e-flex e-con-boxed e-con e-parent\" data-id=\"5b596247\" data-element_type=\"container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64cea56b elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"64cea56b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"margin-top: 1em; margin-bottom: 1em; color: black; font-size: 20px; font-family: Arial, sans-serif; font-style: normal; font-weight: 400;\">Model: HTZJD-025\/HTZJD-025E<\/p><p style=\"margin-top: 1em; margin-bottom: 1em; color: black; font-size: 20px; font-family: Arial, sans-serif; font-style: normal; font-weight: 400;\">Material: Stainless Steel(electroplatable)<\/p><p style=\"margin-top: 1em; margin-bottom: 1em; color: black; font-size: 20px; font-family: Arial, sans-serif; font-style: normal; font-weight: 400;\">Size: 20*2*8cm<\/p><p style=\"margin-top: 1em; margin-bottom: 1em; color: black; font-size: 20px; font-family: Arial, sans-serif; font-style: normal; font-weight: 400;\">Weight:<\/p><p style=\"margin-top: 1em; margin-bottom: 1em; color: black; font-size: 20px; font-family: Arial, sans-serif; font-style: normal; font-weight: 400;\">Color: Refer to Photo<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-567da7c4 e-flex e-con-boxed e-con e-parent\" data-id=\"567da7c4\" data-element_type=\"container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4823248a elementor-absolute elementor-widget elementor-widget-button\" data-id=\"4823248a\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.ht-kitchenware.com\/tasty\/index.php\/contact-us-2\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Inquiry<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15a5fd81 e-con-full e-flex e-con e-parent\" data-id=\"15a5fd81\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","position":"absolute"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e9ca8c2 elementor-widget elementor-widget-image\" data-id=\"7e9ca8c2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"433\" src=\"https:\/\/www.ht-kitchenware.com\/tasty\/wp-content\/uploads\/2025\/09\/bottom-1024x433.jpg\" class=\"attachment-large size-large wp-image-2273\" alt=\"\" srcset=\"https:\/\/www.ht-kitchenware.com\/tasty\/wp-content\/uploads\/2025\/09\/bottom-1024x433.jpg 1024w, https:\/\/www.ht-kitchenware.com\/tasty\/wp-content\/uploads\/2025\/09\/bottom-300x127.jpg 300w, https:\/\/www.ht-kitchenware.com\/tasty\/wp-content\/uploads\/2025\/09\/bottom-768x325.jpg 768w, https:\/\/www.ht-kitchenware.com\/tasty\/wp-content\/uploads\/2025\/09\/bottom-1536x650.jpg 1536w, https:\/\/www.ht-kitchenware.com\/tasty\/wp-content\/uploads\/2025\/09\/bottom.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PRODUCT-KITCHEN TOOL […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5520","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ht-kitchenware.com\/tasty\/index.php\/wp-json\/wp\/v2\/pages\/5520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ht-kitchenware.com\/tasty\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ht-kitchenware.com\/tasty\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ht-kitchenware.com\/tasty\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ht-kitchenware.com\/tasty\/index.php\/wp-json\/wp\/v2\/comments?post=5520"}],"version-history":[{"count":4,"href":"https:\/\/www.ht-kitchenware.com\/tasty\/index.php\/wp-json\/wp\/v2\/pages\/5520\/revisions"}],"predecessor-version":[{"id":5528,"href":"https:\/\/www.ht-kitchenware.com\/tasty\/index.php\/wp-json\/wp\/v2\/pages\/5520\/revisions\/5528"}],"wp:attachment":[{"href":"https:\/\/www.ht-kitchenware.com\/tasty\/index.php\/wp-json\/wp\/v2\/media?parent=5520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}