{"title":"New In","description":"","products":[{"product_id":"25-6v-100ah-wall-mounted-lifepo4-battery","title":"Wall Mounted 25.6V 100Ah LiFePO4 Home Energy Storage Battery","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n Optimized Version - Web3Forms Compatible\n ======================================== --\u003e\n\u003cdiv class=\"yuegu-product-module\"\u003e\n\u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n\u003cdiv class=\"product-highlights-section\"\u003e\n\u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n\u003cdiv class=\"highlights-grid\"\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n\u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n\u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n\u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n\u003cp\u003e10+ years warranty support\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch4\u003eCustomizable\u003c\/h4\u003e\n\u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n\u003cdiv class=\"inquiry-form-section\"\u003e\n\u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n\u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n\u003cform method=\"POST\" action=\"https:\/\/api.web3forms.com\/submit\" id=\"yuegu-inquiry-form\"\u003e\n\u003c!-- ========== Web3Forms Required Fields ========== --\u003e \u003cinput value=\"b68df192-f9bf-4dac-9e27-54f84e54cbf6\" name=\"access_key\" type=\"hidden\"\u003e \u003c!-- Success Redirect URL for Google Analytics Tracking --\u003e \u003cinput value=\"https:\/\/www.yvalleyenergy.com\/pages\/inquiry-success\" name=\"redirect\" type=\"hidden\"\u003e \u003c!-- Custom Email Subject --\u003e \u003cinput value=\"New Product Inquiry from Yuegu Website\" name=\"subject\" type=\"hidden\"\u003e \u003c!-- ========== Auto-Tracking Fields ========== --\u003e \u003c!-- Current Page URL --\u003e \u003cinput value=\"\" id=\"page-url-field\" name=\"Page_URL\" type=\"hidden\"\u003e \u003c!-- Product Name (extracted from page) --\u003e \u003cinput value=\"\" id=\"product-name-field\" name=\"Product_Name\" type=\"hidden\"\u003e \u003c!-- Referrer Source --\u003e \u003cinput value=\"\" id=\"referrer-field\" name=\"Referrer_Source\" type=\"hidden\"\u003e \u003c!-- Inquiry Timestamp --\u003e \u003cinput value=\"\" id=\"timestamp-field\" name=\"Inquiry_Time\" type=\"hidden\"\u003e \u003c!-- User Device Info --\u003e \u003cinput value=\"\" id=\"user-agent-field\" name=\"Device_Info\" type=\"hidden\"\u003e \u003c!-- ========== Visible Form Fields ========== --\u003e\n\u003cdiv class=\"form-row\"\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e \u003cinput required=\"\" placeholder=\"John Doe\" id=\"inquiry-name\" type=\"text\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e \u003cinput required=\"\" placeholder=\"john@example.com\" name=\"email\" id=\"inquiry-email\" type=\"email\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-company\"\u003eCompany Name (Optional)\u003c\/label\u003e \u003cinput placeholder=\"Your Company\" name=\"company\" id=\"inquiry-company\" type=\"text\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e \u003cinput required=\"\" placeholder=\"+1 234 567 8900\" name=\"whatsapp\" id=\"inquiry-whatsapp\" type=\"tel\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-message\"\u003eYour Message *\u003c\/label\u003e \u003ctextarea required=\"\" placeholder=\"Tell us about your energy storage requirements...\" rows=\"4\" name=\"message\" id=\"inquiry-message\"\u003e\u003c\/textarea\u003e\n\u003c\/div\u003e\n\u003c!-- Honeypot for Spam Protection --\u003e \u003cinput style=\"display: none;\" class=\"hidden\" name=\"botcheck\" type=\"checkbox\"\u003e \u003c!-- Submit Button --\u003e \u003cbutton class=\"inquiry-submit-btn\" type=\"submit\"\u003e Send Inquiry \u003c\/button\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n box-shadow: 0 2px 8px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n transform: none;\n}\n\n\/* Hidden Fields *\/\n.hidden {\n display: none !important;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n \n .inquiry-submit-btn {\n font-size: 14px;\n padding: 13px 25px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n JavaScript for Auto-Tracking\n ======================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ========================================\n Google Analytics Event Tracking (Optional)\n Uncomment and add your GA4 Measurement ID\n ======================================== --\u003e","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47093522792635,"sku":"Wall Mounted 25.6V 100Ah","price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/3.jpg?v=1760264057"},{"product_id":"25-6v-200ah-wall-mounted-lifepo4-battery","title":"Wall Mounted 25.6V 200Ah LiFePO4 Battery for Home Energy Storage","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\n\u003cdiv class=\"yuegu-product-module\"\u003e\n \n \u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n \u003cdiv class=\"product-highlights-section\"\u003e\n \u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n \n \u003cdiv class=\"highlights-grid\"\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n \u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n \u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n \u003cp\u003e10+ years warranty support\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch4\u003eCustomizable\u003c\/h4\u003e\n \u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n \u003cdiv class=\"inquiry-form-section\"\u003e\n \u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n \u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n \n \u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n \n \u003c!-- Hidden Fields for Web3Forms --\u003e\n \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e\n \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e\n \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e\n \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e\n \n \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e\n \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e\n \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e\n \n \u003c!-- Form Fields --\u003e\n \u003cdiv class=\"form-row\"\u003e\n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e\n \u003cinput type=\"text\" id=\"inquiry-name\" name=\"name\" placeholder=\"John Doe\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e\n \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e\n \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e\n \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n \u003c\/div\u003e\n \n \u003c!-- Submit Button --\u003e\n \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e\n \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e\n \u003cspan class=\"btn-loader\" style=\"display:none;\"\u003e⏳ Sending...\u003c\/span\u003e\n \u003c\/button\u003e\n \n \u003c!-- Success\/Error Message --\u003e\n \u003cdiv id=\"form-message\" class=\"form-message\" style=\"display:none;\"\u003e\u003c\/div\u003e\n \n \u003c\/form\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ========== 🔹 自动获取产品信息 ========== \/\/\n const productNameField = document.getElementById('product-name-field');\n const productUrlField = document.getElementById('product-url-field');\n \n \/\/ 方法1: 从Ella主题的产品标题元素获取\n const titleSelectors = [\n '.product-single__title', \/\/ Ella主题常用类名\n '.product__title',\n 'h1.product-title',\n '[itemprop=\"name\"]', \/\/ Schema.org标记\n '.product-meta h1',\n '.product_title',\n 'h1' \/\/ 备用方案\n ];\n \n let productName = '';\n for (let selector of titleSelectors) {\n const element = document.querySelector(selector);\n if (element \u0026\u0026 element.textContent.trim()) {\n productName = element.textContent.trim();\n break;\n }\n }\n \n \/\/ 方法2: 从URL路径提取(备用方案)\n if (!productName) {\n const pathParts = window.location.pathname.split('\/');\n const productIndex = pathParts.indexOf('products');\n if (productIndex !== -1 \u0026\u0026 pathParts[productIndex + 1]) {\n const slug = pathParts[productIndex + 1];\n productName = slug.replace(\/-\/g, ' ').replace(\/\\b\\w\/g, l =\u003e l.toUpperCase());\n }\n }\n \n \/\/ 方法3: 从页面标题提取(最后备用)\n if (!productName \u0026\u0026 document.title) {\n productName = document.title.split('|')[0].split('-')[0].trim();\n }\n \n \/\/ 填充产品信息\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ 调试输出(可选,发布前可删除)\n console.log('📦 Product Name:', productNameField.value);\n console.log('🔗 Product URL:', productUrlField.value);\n \n \n \/\/ ========== 🔹 表单提交处理 ========== \/\/\n const form = document.getElementById('yuegu-inquiry-form');\n const submitBtn = document.getElementById('submit-btn');\n const btnText = submitBtn.querySelector('.btn-text');\n const btnLoader = submitBtn.querySelector('.btn-loader');\n const formMessage = document.getElementById('form-message');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n btnText.style.display = 'none';\n btnLoader.style.display = 'inline';\n formMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = new FormData(form);\n \n try {\n \/\/ Submit to Web3Forms\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n body: formData\n });\n \n const data = await response.json();\n \n if (data.success) {\n \/\/ Show success message\n formMessage.textContent = '✅ Thank you! Your inquiry has been sent successfully. We will contact you soon.';\n formMessage.className = 'form-message success';\n formMessage.style.display = 'block';\n \n \/\/ Reset form\n form.reset();\n \n \/\/ 重新填充产品信息(因为reset会清空)\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ Optional: Redirect after 2 seconds\n setTimeout(() =\u003e {\n const redirectUrl = 'https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success';\n if (redirectUrl) {\n window.location.href = redirectUrl;\n }\n }, 2000);\n \n } else {\n throw new Error(data.message || 'Submission failed');\n }\n \n } catch (error) {\n \/\/ Show error message\n formMessage.textContent = '❌ Sorry, something went wrong. Please try again or contact us directly.';\n formMessage.className = 'form-message error';\n formMessage.style.display = 'block';\n console.error('Form submission error:', error);\n } finally {\n \/\/ Reset button state\n submitBtn.disabled = false;\n btnText.style.display = 'inline';\n btnLoader.style.display = 'none';\n }\n });\n \n \/\/ Auto-hide messages after 8 seconds\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.target.style.display === 'block') {\n setTimeout(() =\u003e {\n formMessage.style.display = 'none';\n }, 8000);\n }\n });\n });\n \n observer.observe(formMessage, {\n attributes: true,\n attributeFilter: ['style']\n });\n});\n\u003c\/script\u003e\n","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095771791547,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/4_9e44c252-1e38-4b17-9e07-0c4ff75d855a.jpg?v=1760370010"},{"product_id":"51-2v-100ah-wall-mounted-lifepo4-battery","title":"Wall Mounted 51.2V 100Ah LiFePO4 Battery for Solar Energy Storage","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\n\u003cdiv class=\"yuegu-product-module\"\u003e\n \n \u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n \u003cdiv class=\"product-highlights-section\"\u003e\n \u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n \n \u003cdiv class=\"highlights-grid\"\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n \u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n \u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n \u003cp\u003e10+ years warranty support\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch4\u003eCustomizable\u003c\/h4\u003e\n \u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n \u003cdiv class=\"inquiry-form-section\"\u003e\n \u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n \u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n \n \u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n \n \u003c!-- Hidden Fields for Web3Forms --\u003e\n \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e\n \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e\n \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e\n \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e\n \n \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e\n \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e\n \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e\n \n \u003c!-- Form Fields --\u003e\n \u003cdiv class=\"form-row\"\u003e\n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e\n \u003cinput type=\"text\" id=\"inquiry-name\" name=\"name\" placeholder=\"John Doe\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e\n \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e\n \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e\n \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n \u003c\/div\u003e\n \n \u003c!-- Submit Button --\u003e\n \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e\n \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e\n \u003cspan class=\"btn-loader\" style=\"display:none;\"\u003e⏳ Sending...\u003c\/span\u003e\n \u003c\/button\u003e\n \n \u003c!-- Success\/Error Message --\u003e\n \u003cdiv id=\"form-message\" class=\"form-message\" style=\"display:none;\"\u003e\u003c\/div\u003e\n \n \u003c\/form\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ========== 🔹 自动获取产品信息 ========== \/\/\n const productNameField = document.getElementById('product-name-field');\n const productUrlField = document.getElementById('product-url-field');\n \n \/\/ 方法1: 从Ella主题的产品标题元素获取\n const titleSelectors = [\n '.product-single__title', \/\/ Ella主题常用类名\n '.product__title',\n 'h1.product-title',\n '[itemprop=\"name\"]', \/\/ Schema.org标记\n '.product-meta h1',\n '.product_title',\n 'h1' \/\/ 备用方案\n ];\n \n let productName = '';\n for (let selector of titleSelectors) {\n const element = document.querySelector(selector);\n if (element \u0026\u0026 element.textContent.trim()) {\n productName = element.textContent.trim();\n break;\n }\n }\n \n \/\/ 方法2: 从URL路径提取(备用方案)\n if (!productName) {\n const pathParts = window.location.pathname.split('\/');\n const productIndex = pathParts.indexOf('products');\n if (productIndex !== -1 \u0026\u0026 pathParts[productIndex + 1]) {\n const slug = pathParts[productIndex + 1];\n productName = slug.replace(\/-\/g, ' ').replace(\/\\b\\w\/g, l =\u003e l.toUpperCase());\n }\n }\n \n \/\/ 方法3: 从页面标题提取(最后备用)\n if (!productName \u0026\u0026 document.title) {\n productName = document.title.split('|')[0].split('-')[0].trim();\n }\n \n \/\/ 填充产品信息\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ 调试输出(可选,发布前可删除)\n console.log('📦 Product Name:', productNameField.value);\n console.log('🔗 Product URL:', productUrlField.value);\n \n \n \/\/ ========== 🔹 表单提交处理 ========== \/\/\n const form = document.getElementById('yuegu-inquiry-form');\n const submitBtn = document.getElementById('submit-btn');\n const btnText = submitBtn.querySelector('.btn-text');\n const btnLoader = submitBtn.querySelector('.btn-loader');\n const formMessage = document.getElementById('form-message');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n btnText.style.display = 'none';\n btnLoader.style.display = 'inline';\n formMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = new FormData(form);\n \n try {\n \/\/ Submit to Web3Forms\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n body: formData\n });\n \n const data = await response.json();\n \n if (data.success) {\n \/\/ Show success message\n formMessage.textContent = '✅ Thank you! Your inquiry has been sent successfully. We will contact you soon.';\n formMessage.className = 'form-message success';\n formMessage.style.display = 'block';\n \n \/\/ Reset form\n form.reset();\n \n \/\/ 重新填充产品信息(因为reset会清空)\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ Optional: Redirect after 2 seconds\n setTimeout(() =\u003e {\n const redirectUrl = 'https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success';\n if (redirectUrl) {\n window.location.href = redirectUrl;\n }\n }, 2000);\n \n } else {\n throw new Error(data.message || 'Submission failed');\n }\n \n } catch (error) {\n \/\/ Show error message\n formMessage.textContent = '❌ Sorry, something went wrong. Please try again or contact us directly.';\n formMessage.className = 'form-message error';\n formMessage.style.display = 'block';\n console.error('Form submission error:', error);\n } finally {\n \/\/ Reset button state\n submitBtn.disabled = false;\n btnText.style.display = 'inline';\n btnLoader.style.display = 'none';\n }\n });\n \n \/\/ Auto-hide messages after 8 seconds\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.target.style.display === 'block') {\n setTimeout(() =\u003e {\n formMessage.style.display = 'none';\n }, 8000);\n }\n });\n });\n \n observer.observe(formMessage, {\n attributes: true,\n attributeFilter: ['style']\n });\n});\n\u003c\/script\u003e\n","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095773561019,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/3.jpg?v=1760264057"},{"product_id":"51-2v-200ah-wall-mounted-lifepo4-battery","title":"Wall Mounted 51.2V 200Ah LiFePO4 Battery for Home Energy Storage","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\n\u003cdiv class=\"yuegu-product-module\"\u003e\n \n \u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n \u003cdiv class=\"product-highlights-section\"\u003e\n \u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n \n \u003cdiv class=\"highlights-grid\"\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n \u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n \u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n \u003cp\u003e10+ years warranty support\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch4\u003eCustomizable\u003c\/h4\u003e\n \u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n \u003cdiv class=\"inquiry-form-section\"\u003e\n \u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n \u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n \n \u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n \n \u003c!-- Hidden Fields for Web3Forms --\u003e\n \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e\n \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e\n \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e\n \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e\n \n \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e\n \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e\n \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e\n \n \u003c!-- Form Fields --\u003e\n \u003cdiv class=\"form-row\"\u003e\n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e\n \u003cinput type=\"text\" id=\"inquiry-name\" name=\"name\" placeholder=\"John Doe\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e\n \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e\n \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e\n \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n \u003c\/div\u003e\n \n \u003c!-- Submit Button --\u003e\n \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e\n \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e\n \u003cspan class=\"btn-loader\" style=\"display:none;\"\u003e⏳ Sending...\u003c\/span\u003e\n \u003c\/button\u003e\n \n \u003c!-- Success\/Error Message --\u003e\n \u003cdiv id=\"form-message\" class=\"form-message\" style=\"display:none;\"\u003e\u003c\/div\u003e\n \n \u003c\/form\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ========== 🔹 自动获取产品信息 ========== \/\/\n const productNameField = document.getElementById('product-name-field');\n const productUrlField = document.getElementById('product-url-field');\n \n \/\/ 方法1: 从Ella主题的产品标题元素获取\n const titleSelectors = [\n '.product-single__title', \/\/ Ella主题常用类名\n '.product__title',\n 'h1.product-title',\n '[itemprop=\"name\"]', \/\/ Schema.org标记\n '.product-meta h1',\n '.product_title',\n 'h1' \/\/ 备用方案\n ];\n \n let productName = '';\n for (let selector of titleSelectors) {\n const element = document.querySelector(selector);\n if (element \u0026\u0026 element.textContent.trim()) {\n productName = element.textContent.trim();\n break;\n }\n }\n \n \/\/ 方法2: 从URL路径提取(备用方案)\n if (!productName) {\n const pathParts = window.location.pathname.split('\/');\n const productIndex = pathParts.indexOf('products');\n if (productIndex !== -1 \u0026\u0026 pathParts[productIndex + 1]) {\n const slug = pathParts[productIndex + 1];\n productName = slug.replace(\/-\/g, ' ').replace(\/\\b\\w\/g, l =\u003e l.toUpperCase());\n }\n }\n \n \/\/ 方法3: 从页面标题提取(最后备用)\n if (!productName \u0026\u0026 document.title) {\n productName = document.title.split('|')[0].split('-')[0].trim();\n }\n \n \/\/ 填充产品信息\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ 调试输出(可选,发布前可删除)\n console.log('📦 Product Name:', productNameField.value);\n console.log('🔗 Product URL:', productUrlField.value);\n \n \n \/\/ ========== 🔹 表单提交处理 ========== \/\/\n const form = document.getElementById('yuegu-inquiry-form');\n const submitBtn = document.getElementById('submit-btn');\n const btnText = submitBtn.querySelector('.btn-text');\n const btnLoader = submitBtn.querySelector('.btn-loader');\n const formMessage = document.getElementById('form-message');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n btnText.style.display = 'none';\n btnLoader.style.display = 'inline';\n formMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = new FormData(form);\n \n try {\n \/\/ Submit to Web3Forms\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n body: formData\n });\n \n const data = await response.json();\n \n if (data.success) {\n \/\/ Show success message\n formMessage.textContent = '✅ Thank you! Your inquiry has been sent successfully. We will contact you soon.';\n formMessage.className = 'form-message success';\n formMessage.style.display = 'block';\n \n \/\/ Reset form\n form.reset();\n \n \/\/ 重新填充产品信息(因为reset会清空)\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ Optional: Redirect after 2 seconds\n setTimeout(() =\u003e {\n const redirectUrl = 'https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success';\n if (redirectUrl) {\n window.location.href = redirectUrl;\n }\n }, 2000);\n \n } else {\n throw new Error(data.message || 'Submission failed');\n }\n \n } catch (error) {\n \/\/ Show error message\n formMessage.textContent = '❌ Sorry, something went wrong. Please try again or contact us directly.';\n formMessage.className = 'form-message error';\n formMessage.style.display = 'block';\n console.error('Form submission error:', error);\n } finally {\n \/\/ Reset button state\n submitBtn.disabled = false;\n btnText.style.display = 'inline';\n btnLoader.style.display = 'none';\n }\n });\n \n \/\/ Auto-hide messages after 8 seconds\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.target.style.display === 'block') {\n setTimeout(() =\u003e {\n formMessage.style.display = 'none';\n }, 8000);\n }\n });\n });\n \n observer.observe(formMessage, {\n attributes: true,\n attributeFilter: ['style']\n });\n});\n\u003c\/script\u003e\n","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095774216379,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/1_ad77a550-ba06-4cb9-84b3-6730808e1438.jpg?v=1760370506"},{"product_id":"51-2v-300ah-wall-mounted-lifepo4-battery","title":"51.2V 300Ah Wall Mounted LiFePO4 Battery for Home Energy Storage","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\n\u003cdiv class=\"yuegu-product-module\"\u003e\n \n \u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n \u003cdiv class=\"product-highlights-section\"\u003e\n \u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n \n \u003cdiv class=\"highlights-grid\"\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n \u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n \u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n \u003cp\u003e10+ years warranty support\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch4\u003eCustomizable\u003c\/h4\u003e\n \u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n \u003cdiv class=\"inquiry-form-section\"\u003e\n \u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n \u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n \n \u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n \n \u003c!-- Hidden Fields for Web3Forms --\u003e\n \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e\n \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e\n \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e\n \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e\n \n \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e\n \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e\n \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e\n \n \u003c!-- Form Fields --\u003e\n \u003cdiv class=\"form-row\"\u003e\n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e\n \u003cinput type=\"text\" id=\"inquiry-name\" name=\"name\" placeholder=\"John Doe\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e\n \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e\n \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e\n \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n \u003c\/div\u003e\n \n \u003c!-- Submit Button --\u003e\n \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e\n \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e\n \u003cspan class=\"btn-loader\" style=\"display:none;\"\u003e⏳ Sending...\u003c\/span\u003e\n \u003c\/button\u003e\n \n \u003c!-- Success\/Error Message --\u003e\n \u003cdiv id=\"form-message\" class=\"form-message\" style=\"display:none;\"\u003e\u003c\/div\u003e\n \n \u003c\/form\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ========== 🔹 自动获取产品信息 ========== \/\/\n const productNameField = document.getElementById('product-name-field');\n const productUrlField = document.getElementById('product-url-field');\n \n \/\/ 方法1: 从Ella主题的产品标题元素获取\n const titleSelectors = [\n '.product-single__title', \/\/ Ella主题常用类名\n '.product__title',\n 'h1.product-title',\n '[itemprop=\"name\"]', \/\/ Schema.org标记\n '.product-meta h1',\n '.product_title',\n 'h1' \/\/ 备用方案\n ];\n \n let productName = '';\n for (let selector of titleSelectors) {\n const element = document.querySelector(selector);\n if (element \u0026\u0026 element.textContent.trim()) {\n productName = element.textContent.trim();\n break;\n }\n }\n \n \/\/ 方法2: 从URL路径提取(备用方案)\n if (!productName) {\n const pathParts = window.location.pathname.split('\/');\n const productIndex = pathParts.indexOf('products');\n if (productIndex !== -1 \u0026\u0026 pathParts[productIndex + 1]) {\n const slug = pathParts[productIndex + 1];\n productName = slug.replace(\/-\/g, ' ').replace(\/\\b\\w\/g, l =\u003e l.toUpperCase());\n }\n }\n \n \/\/ 方法3: 从页面标题提取(最后备用)\n if (!productName \u0026\u0026 document.title) {\n productName = document.title.split('|')[0].split('-')[0].trim();\n }\n \n \/\/ 填充产品信息\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ 调试输出(可选,发布前可删除)\n console.log('📦 Product Name:', productNameField.value);\n console.log('🔗 Product URL:', productUrlField.value);\n \n \n \/\/ ========== 🔹 表单提交处理 ========== \/\/\n const form = document.getElementById('yuegu-inquiry-form');\n const submitBtn = document.getElementById('submit-btn');\n const btnText = submitBtn.querySelector('.btn-text');\n const btnLoader = submitBtn.querySelector('.btn-loader');\n const formMessage = document.getElementById('form-message');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n btnText.style.display = 'none';\n btnLoader.style.display = 'inline';\n formMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = new FormData(form);\n \n try {\n \/\/ Submit to Web3Forms\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n body: formData\n });\n \n const data = await response.json();\n \n if (data.success) {\n \/\/ Show success message\n formMessage.textContent = '✅ Thank you! Your inquiry has been sent successfully. We will contact you soon.';\n formMessage.className = 'form-message success';\n formMessage.style.display = 'block';\n \n \/\/ Reset form\n form.reset();\n \n \/\/ 重新填充产品信息(因为reset会清空)\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ Optional: Redirect after 2 seconds\n setTimeout(() =\u003e {\n const redirectUrl = 'https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success';\n if (redirectUrl) {\n window.location.href = redirectUrl;\n }\n }, 2000);\n \n } else {\n throw new Error(data.message || 'Submission failed');\n }\n \n } catch (error) {\n \/\/ Show error message\n formMessage.textContent = '❌ Sorry, something went wrong. Please try again or contact us directly.';\n formMessage.className = 'form-message error';\n formMessage.style.display = 'block';\n console.error('Form submission error:', error);\n } finally {\n \/\/ Reset button state\n submitBtn.disabled = false;\n btnText.style.display = 'inline';\n btnLoader.style.display = 'none';\n }\n });\n \n \/\/ Auto-hide messages after 8 seconds\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.target.style.display === 'block') {\n setTimeout(() =\u003e {\n formMessage.style.display = 'none';\n }, 8000);\n }\n });\n });\n \n observer.observe(formMessage, {\n attributes: true,\n attributeFilter: ['style']\n });\n});\n\u003c\/script\u003e\n","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095774707899,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/3.jpg?v=1760264057"},{"product_id":"51-2v-300ah-mobile-lifepo4-battery","title":"Mobile 51.2V 300Ah LiFePO4 Energy Storage Battery with Wheels","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\n\u003cdiv class=\"yuegu-product-module\"\u003e\n \n \u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n \u003cdiv class=\"product-highlights-section\"\u003e\n \u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n \n \u003cdiv class=\"highlights-grid\"\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n \u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n \u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n \u003cp\u003e10+ years warranty support\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch4\u003eCustomizable\u003c\/h4\u003e\n \u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n \u003cdiv class=\"inquiry-form-section\"\u003e\n \u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n \u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n \n \u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n \n \u003c!-- Hidden Fields for Web3Forms --\u003e\n \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e\n \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e\n \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e\n \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e\n \n \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e\n \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e\n \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e\n \n \u003c!-- Form Fields --\u003e\n \u003cdiv class=\"form-row\"\u003e\n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e\n \u003cinput type=\"text\" id=\"inquiry-name\" name=\"name\" placeholder=\"John Doe\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e\n \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e\n \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e\n \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n \u003c\/div\u003e\n \n \u003c!-- Submit Button --\u003e\n \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e\n \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e\n \u003cspan class=\"btn-loader\" style=\"display:none;\"\u003e⏳ Sending...\u003c\/span\u003e\n \u003c\/button\u003e\n \n \u003c!-- Success\/Error Message --\u003e\n \u003cdiv id=\"form-message\" class=\"form-message\" style=\"display:none;\"\u003e\u003c\/div\u003e\n \n \u003c\/form\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ========== 🔹 自动获取产品信息 ========== \/\/\n const productNameField = document.getElementById('product-name-field');\n const productUrlField = document.getElementById('product-url-field');\n \n \/\/ 方法1: 从Ella主题的产品标题元素获取\n const titleSelectors = [\n '.product-single__title', \/\/ Ella主题常用类名\n '.product__title',\n 'h1.product-title',\n '[itemprop=\"name\"]', \/\/ Schema.org标记\n '.product-meta h1',\n '.product_title',\n 'h1' \/\/ 备用方案\n ];\n \n let productName = '';\n for (let selector of titleSelectors) {\n const element = document.querySelector(selector);\n if (element \u0026\u0026 element.textContent.trim()) {\n productName = element.textContent.trim();\n break;\n }\n }\n \n \/\/ 方法2: 从URL路径提取(备用方案)\n if (!productName) {\n const pathParts = window.location.pathname.split('\/');\n const productIndex = pathParts.indexOf('products');\n if (productIndex !== -1 \u0026\u0026 pathParts[productIndex + 1]) {\n const slug = pathParts[productIndex + 1];\n productName = slug.replace(\/-\/g, ' ').replace(\/\\b\\w\/g, l =\u003e l.toUpperCase());\n }\n }\n \n \/\/ 方法3: 从页面标题提取(最后备用)\n if (!productName \u0026\u0026 document.title) {\n productName = document.title.split('|')[0].split('-')[0].trim();\n }\n \n \/\/ 填充产品信息\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ 调试输出(可选,发布前可删除)\n console.log('📦 Product Name:', productNameField.value);\n console.log('🔗 Product URL:', productUrlField.value);\n \n \n \/\/ ========== 🔹 表单提交处理 ========== \/\/\n const form = document.getElementById('yuegu-inquiry-form');\n const submitBtn = document.getElementById('submit-btn');\n const btnText = submitBtn.querySelector('.btn-text');\n const btnLoader = submitBtn.querySelector('.btn-loader');\n const formMessage = document.getElementById('form-message');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n btnText.style.display = 'none';\n btnLoader.style.display = 'inline';\n formMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = new FormData(form);\n \n try {\n \/\/ Submit to Web3Forms\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n body: formData\n });\n \n const data = await response.json();\n \n if (data.success) {\n \/\/ Show success message\n formMessage.textContent = '✅ Thank you! Your inquiry has been sent successfully. We will contact you soon.';\n formMessage.className = 'form-message success';\n formMessage.style.display = 'block';\n \n \/\/ Reset form\n form.reset();\n \n \/\/ 重新填充产品信息(因为reset会清空)\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ Optional: Redirect after 2 seconds\n setTimeout(() =\u003e {\n const redirectUrl = 'https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success';\n if (redirectUrl) {\n window.location.href = redirectUrl;\n }\n }, 2000);\n \n } else {\n throw new Error(data.message || 'Submission failed');\n }\n \n } catch (error) {\n \/\/ Show error message\n formMessage.textContent = '❌ Sorry, something went wrong. Please try again or contact us directly.';\n formMessage.className = 'form-message error';\n formMessage.style.display = 'block';\n console.error('Form submission error:', error);\n } finally {\n \/\/ Reset button state\n submitBtn.disabled = false;\n btnText.style.display = 'inline';\n btnLoader.style.display = 'none';\n }\n });\n \n \/\/ Auto-hide messages after 8 seconds\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.target.style.display === 'block') {\n setTimeout(() =\u003e {\n formMessage.style.display = 'none';\n }, 8000);\n }\n });\n });\n \n observer.observe(formMessage, {\n attributes: true,\n attributeFilter: ['style']\n });\n});\n\u003c\/script\u003e\n","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095777165499,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/1.png?v=1760370898"},{"product_id":"51-2v-400ah-mobile-lifepo4-battery","title":"Mobile 51.2V 400Ah LiFePO4 Battery for Residential Solar Storage","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\n\u003cdiv class=\"yuegu-product-module\"\u003e\n \n \u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n \u003cdiv class=\"product-highlights-section\"\u003e\n \u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n \n \u003cdiv class=\"highlights-grid\"\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n \u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n \u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n \u003cp\u003e10+ years warranty support\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch4\u003eCustomizable\u003c\/h4\u003e\n \u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n \u003cdiv class=\"inquiry-form-section\"\u003e\n \u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n \u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n \n \u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n \n \u003c!-- Hidden Fields for Web3Forms --\u003e\n \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e\n \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e\n \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e\n \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e\n \n \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e\n \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e\n \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e\n \n \u003c!-- Form Fields --\u003e\n \u003cdiv class=\"form-row\"\u003e\n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e\n \u003cinput type=\"text\" id=\"inquiry-name\" name=\"name\" placeholder=\"John Doe\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e\n \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e\n \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e\n \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n \u003c\/div\u003e\n \n \u003c!-- Submit Button --\u003e\n \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e\n \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e\n \u003cspan class=\"btn-loader\" style=\"display:none;\"\u003e⏳ Sending...\u003c\/span\u003e\n \u003c\/button\u003e\n \n \u003c!-- Success\/Error Message --\u003e\n \u003cdiv id=\"form-message\" class=\"form-message\" style=\"display:none;\"\u003e\u003c\/div\u003e\n \n \u003c\/form\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ========== 🔹 自动获取产品信息 ========== \/\/\n const productNameField = document.getElementById('product-name-field');\n const productUrlField = document.getElementById('product-url-field');\n \n \/\/ 方法1: 从Ella主题的产品标题元素获取\n const titleSelectors = [\n '.product-single__title', \/\/ Ella主题常用类名\n '.product__title',\n 'h1.product-title',\n '[itemprop=\"name\"]', \/\/ Schema.org标记\n '.product-meta h1',\n '.product_title',\n 'h1' \/\/ 备用方案\n ];\n \n let productName = '';\n for (let selector of titleSelectors) {\n const element = document.querySelector(selector);\n if (element \u0026\u0026 element.textContent.trim()) {\n productName = element.textContent.trim();\n break;\n }\n }\n \n \/\/ 方法2: 从URL路径提取(备用方案)\n if (!productName) {\n const pathParts = window.location.pathname.split('\/');\n const productIndex = pathParts.indexOf('products');\n if (productIndex !== -1 \u0026\u0026 pathParts[productIndex + 1]) {\n const slug = pathParts[productIndex + 1];\n productName = slug.replace(\/-\/g, ' ').replace(\/\\b\\w\/g, l =\u003e l.toUpperCase());\n }\n }\n \n \/\/ 方法3: 从页面标题提取(最后备用)\n if (!productName \u0026\u0026 document.title) {\n productName = document.title.split('|')[0].split('-')[0].trim();\n }\n \n \/\/ 填充产品信息\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ 调试输出(可选,发布前可删除)\n console.log('📦 Product Name:', productNameField.value);\n console.log('🔗 Product URL:', productUrlField.value);\n \n \n \/\/ ========== 🔹 表单提交处理 ========== \/\/\n const form = document.getElementById('yuegu-inquiry-form');\n const submitBtn = document.getElementById('submit-btn');\n const btnText = submitBtn.querySelector('.btn-text');\n const btnLoader = submitBtn.querySelector('.btn-loader');\n const formMessage = document.getElementById('form-message');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n btnText.style.display = 'none';\n btnLoader.style.display = 'inline';\n formMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = new FormData(form);\n \n try {\n \/\/ Submit to Web3Forms\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n body: formData\n });\n \n const data = await response.json();\n \n if (data.success) {\n \/\/ Show success message\n formMessage.textContent = '✅ Thank you! Your inquiry has been sent successfully. We will contact you soon.';\n formMessage.className = 'form-message success';\n formMessage.style.display = 'block';\n \n \/\/ Reset form\n form.reset();\n \n \/\/ 重新填充产品信息(因为reset会清空)\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ Optional: Redirect after 2 seconds\n setTimeout(() =\u003e {\n const redirectUrl = 'https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success';\n if (redirectUrl) {\n window.location.href = redirectUrl;\n }\n }, 2000);\n \n } else {\n throw new Error(data.message || 'Submission failed');\n }\n \n } catch (error) {\n \/\/ Show error message\n formMessage.textContent = '❌ Sorry, something went wrong. Please try again or contact us directly.';\n formMessage.className = 'form-message error';\n formMessage.style.display = 'block';\n console.error('Form submission error:', error);\n } finally {\n \/\/ Reset button state\n submitBtn.disabled = false;\n btnText.style.display = 'inline';\n btnLoader.style.display = 'none';\n }\n });\n \n \/\/ Auto-hide messages after 8 seconds\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.target.style.display === 'block') {\n setTimeout(() =\u003e {\n formMessage.style.display = 'none';\n }, 8000);\n }\n });\n });\n \n observer.observe(formMessage, {\n attributes: true,\n attributeFilter: ['style']\n });\n});\n\u003c\/script\u003e\n","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095780278459,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/1.png?v=1760370898"},{"product_id":"51-2v-600ah-mobile-lifepo4-battery","title":"Mobile 51.2V 600Ah LiFePO4 Battery for Home Energy Storage","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\n\u003cdiv class=\"yuegu-product-module\"\u003e\n \n \u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n \u003cdiv class=\"product-highlights-section\"\u003e\n \u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n \n \u003cdiv class=\"highlights-grid\"\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n \u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n \u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n \u003cp\u003e10+ years warranty support\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch4\u003eCustomizable\u003c\/h4\u003e\n \u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n \u003cdiv class=\"inquiry-form-section\"\u003e\n \u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n \u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n \n \u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n \n \u003c!-- Hidden Fields for Web3Forms --\u003e\n \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e\n \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e\n \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e\n \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e\n \n \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e\n \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e\n \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e\n \n \u003c!-- Form Fields --\u003e\n \u003cdiv class=\"form-row\"\u003e\n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e\n \u003cinput type=\"text\" id=\"inquiry-name\" name=\"name\" placeholder=\"John Doe\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e\n \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e\n \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e\n \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n \u003c\/div\u003e\n \n \u003c!-- Submit Button --\u003e\n \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e\n \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e\n \u003cspan class=\"btn-loader\" style=\"display:none;\"\u003e⏳ Sending...\u003c\/span\u003e\n \u003c\/button\u003e\n \n \u003c!-- Success\/Error Message --\u003e\n \u003cdiv id=\"form-message\" class=\"form-message\" style=\"display:none;\"\u003e\u003c\/div\u003e\n \n \u003c\/form\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ========== 🔹 自动获取产品信息 ========== \/\/\n const productNameField = document.getElementById('product-name-field');\n const productUrlField = document.getElementById('product-url-field');\n \n \/\/ 方法1: 从Ella主题的产品标题元素获取\n const titleSelectors = [\n '.product-single__title', \/\/ Ella主题常用类名\n '.product__title',\n 'h1.product-title',\n '[itemprop=\"name\"]', \/\/ Schema.org标记\n '.product-meta h1',\n '.product_title',\n 'h1' \/\/ 备用方案\n ];\n \n let productName = '';\n for (let selector of titleSelectors) {\n const element = document.querySelector(selector);\n if (element \u0026\u0026 element.textContent.trim()) {\n productName = element.textContent.trim();\n break;\n }\n }\n \n \/\/ 方法2: 从URL路径提取(备用方案)\n if (!productName) {\n const pathParts = window.location.pathname.split('\/');\n const productIndex = pathParts.indexOf('products');\n if (productIndex !== -1 \u0026\u0026 pathParts[productIndex + 1]) {\n const slug = pathParts[productIndex + 1];\n productName = slug.replace(\/-\/g, ' ').replace(\/\\b\\w\/g, l =\u003e l.toUpperCase());\n }\n }\n \n \/\/ 方法3: 从页面标题提取(最后备用)\n if (!productName \u0026\u0026 document.title) {\n productName = document.title.split('|')[0].split('-')[0].trim();\n }\n \n \/\/ 填充产品信息\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ 调试输出(可选,发布前可删除)\n console.log('📦 Product Name:', productNameField.value);\n console.log('🔗 Product URL:', productUrlField.value);\n \n \n \/\/ ========== 🔹 表单提交处理 ========== \/\/\n const form = document.getElementById('yuegu-inquiry-form');\n const submitBtn = document.getElementById('submit-btn');\n const btnText = submitBtn.querySelector('.btn-text');\n const btnLoader = submitBtn.querySelector('.btn-loader');\n const formMessage = document.getElementById('form-message');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n btnText.style.display = 'none';\n btnLoader.style.display = 'inline';\n formMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = new FormData(form);\n \n try {\n \/\/ Submit to Web3Forms\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n body: formData\n });\n \n const data = await response.json();\n \n if (data.success) {\n \/\/ Show success message\n formMessage.textContent = '✅ Thank you! Your inquiry has been sent successfully. We will contact you soon.';\n formMessage.className = 'form-message success';\n formMessage.style.display = 'block';\n \n \/\/ Reset form\n form.reset();\n \n \/\/ 重新填充产品信息(因为reset会清空)\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ Optional: Redirect after 2 seconds\n setTimeout(() =\u003e {\n const redirectUrl = 'https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success';\n if (redirectUrl) {\n window.location.href = redirectUrl;\n }\n }, 2000);\n \n } else {\n throw new Error(data.message || 'Submission failed');\n }\n \n } catch (error) {\n \/\/ Show error message\n formMessage.textContent = '❌ Sorry, something went wrong. Please try again or contact us directly.';\n formMessage.className = 'form-message error';\n formMessage.style.display = 'block';\n console.error('Form submission error:', error);\n } finally {\n \/\/ Reset button state\n submitBtn.disabled = false;\n btnText.style.display = 'inline';\n btnLoader.style.display = 'none';\n }\n });\n \n \/\/ Auto-hide messages after 8 seconds\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.target.style.display === 'block') {\n setTimeout(() =\u003e {\n formMessage.style.display = 'none';\n }, 8000);\n }\n });\n });\n \n observer.observe(formMessage, {\n attributes: true,\n attributeFilter: ['style']\n });\n});\n\u003c\/script\u003e\n","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095783620795,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/2.png?v=1760371199"},{"product_id":"51-2v-100ah-tower-lifepo4-battery","title":"Tower Type 51.2V 100Ah LiFePO4 Battery for Home Energy Storage","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\n\u003cdiv class=\"yuegu-product-module\"\u003e\n \n \u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n \u003cdiv class=\"product-highlights-section\"\u003e\n \u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n \n \u003cdiv class=\"highlights-grid\"\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n \u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n \u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n \u003cp\u003e10+ years warranty support\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch4\u003eCustomizable\u003c\/h4\u003e\n \u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n \u003cdiv class=\"inquiry-form-section\"\u003e\n \u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n \u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n \n \u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n \n \u003c!-- Hidden Fields for Web3Forms --\u003e\n \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e\n \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e\n \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e\n \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e\n \n \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e\n \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e\n \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e\n \n \u003c!-- Form Fields --\u003e\n \u003cdiv class=\"form-row\"\u003e\n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e\n \u003cinput type=\"text\" id=\"inquiry-name\" name=\"name\" placeholder=\"John Doe\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e\n \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e\n \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e\n \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n \u003c\/div\u003e\n \n \u003c!-- Submit Button --\u003e\n \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e\n \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e\n \u003cspan class=\"btn-loader\" style=\"display:none;\"\u003e⏳ Sending...\u003c\/span\u003e\n \u003c\/button\u003e\n \n \u003c!-- Success\/Error Message --\u003e\n \u003cdiv id=\"form-message\" class=\"form-message\" style=\"display:none;\"\u003e\u003c\/div\u003e\n \n \u003c\/form\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ========== 🔹 自动获取产品信息 ========== \/\/\n const productNameField = document.getElementById('product-name-field');\n const productUrlField = document.getElementById('product-url-field');\n \n \/\/ 方法1: 从Ella主题的产品标题元素获取\n const titleSelectors = [\n '.product-single__title', \/\/ Ella主题常用类名\n '.product__title',\n 'h1.product-title',\n '[itemprop=\"name\"]', \/\/ Schema.org标记\n '.product-meta h1',\n '.product_title',\n 'h1' \/\/ 备用方案\n ];\n \n let productName = '';\n for (let selector of titleSelectors) {\n const element = document.querySelector(selector);\n if (element \u0026\u0026 element.textContent.trim()) {\n productName = element.textContent.trim();\n break;\n }\n }\n \n \/\/ 方法2: 从URL路径提取(备用方案)\n if (!productName) {\n const pathParts = window.location.pathname.split('\/');\n const productIndex = pathParts.indexOf('products');\n if (productIndex !== -1 \u0026\u0026 pathParts[productIndex + 1]) {\n const slug = pathParts[productIndex + 1];\n productName = slug.replace(\/-\/g, ' ').replace(\/\\b\\w\/g, l =\u003e l.toUpperCase());\n }\n }\n \n \/\/ 方法3: 从页面标题提取(最后备用)\n if (!productName \u0026\u0026 document.title) {\n productName = document.title.split('|')[0].split('-')[0].trim();\n }\n \n \/\/ 填充产品信息\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ 调试输出(可选,发布前可删除)\n console.log('📦 Product Name:', productNameField.value);\n console.log('🔗 Product URL:', productUrlField.value);\n \n \n \/\/ ========== 🔹 表单提交处理 ========== \/\/\n const form = document.getElementById('yuegu-inquiry-form');\n const submitBtn = document.getElementById('submit-btn');\n const btnText = submitBtn.querySelector('.btn-text');\n const btnLoader = submitBtn.querySelector('.btn-loader');\n const formMessage = document.getElementById('form-message');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n btnText.style.display = 'none';\n btnLoader.style.display = 'inline';\n formMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = new FormData(form);\n \n try {\n \/\/ Submit to Web3Forms\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n body: formData\n });\n \n const data = await response.json();\n \n if (data.success) {\n \/\/ Show success message\n formMessage.textContent = '✅ Thank you! Your inquiry has been sent successfully. We will contact you soon.';\n formMessage.className = 'form-message success';\n formMessage.style.display = 'block';\n \n \/\/ Reset form\n form.reset();\n \n \/\/ 重新填充产品信息(因为reset会清空)\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ Optional: Redirect after 2 seconds\n setTimeout(() =\u003e {\n const redirectUrl = 'https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success';\n if (redirectUrl) {\n window.location.href = redirectUrl;\n }\n }, 2000);\n \n } else {\n throw new Error(data.message || 'Submission failed');\n }\n \n } catch (error) {\n \/\/ Show error message\n formMessage.textContent = '❌ Sorry, something went wrong. Please try again or contact us directly.';\n formMessage.className = 'form-message error';\n formMessage.style.display = 'block';\n console.error('Form submission error:', error);\n } finally {\n \/\/ Reset button state\n submitBtn.disabled = false;\n btnText.style.display = 'inline';\n btnLoader.style.display = 'none';\n }\n });\n \n \/\/ Auto-hide messages after 8 seconds\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.target.style.display === 'block') {\n setTimeout(() =\u003e {\n formMessage.style.display = 'none';\n }, 8000);\n }\n });\n });\n \n observer.observe(formMessage, {\n attributes: true,\n attributeFilter: ['style']\n });\n});\n\u003c\/script\u003e\n","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095784112315,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/1_adfa6007-e847-4fee-949b-8c5c28dc1afd.png?v=1760371327"},{"product_id":"51-2v-200ah-tower-lifepo4-battery","title":"Tower 51.2V 200Ah LiFePO4 Home Energy Storage Battery","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\n\u003cdiv class=\"yuegu-product-module\"\u003e\n \n \u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n \u003cdiv class=\"product-highlights-section\"\u003e\n \u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n \n \u003cdiv class=\"highlights-grid\"\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n \u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n \u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n \u003cp\u003e10+ years warranty support\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch4\u003eCustomizable\u003c\/h4\u003e\n \u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n \u003cdiv class=\"inquiry-form-section\"\u003e\n \u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n \u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n \n \u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n \n \u003c!-- Hidden Fields for Web3Forms --\u003e\n \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e\n \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e\n \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e\n \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e\n \n \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e\n \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e\n \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e\n \n \u003c!-- Form Fields --\u003e\n \u003cdiv class=\"form-row\"\u003e\n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e\n \u003cinput type=\"text\" id=\"inquiry-name\" name=\"name\" placeholder=\"John Doe\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e\n \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e\n \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e\n \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n \u003c\/div\u003e\n \n \u003c!-- Submit Button --\u003e\n \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e\n \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e\n \u003cspan class=\"btn-loader\" style=\"display:none;\"\u003e⏳ Sending...\u003c\/span\u003e\n \u003c\/button\u003e\n \n \u003c!-- Success\/Error Message --\u003e\n \u003cdiv id=\"form-message\" class=\"form-message\" style=\"display:none;\"\u003e\u003c\/div\u003e\n \n \u003c\/form\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ========== 🔹 自动获取产品信息 ========== \/\/\n const productNameField = document.getElementById('product-name-field');\n const productUrlField = document.getElementById('product-url-field');\n \n \/\/ 方法1: 从Ella主题的产品标题元素获取\n const titleSelectors = [\n '.product-single__title', \/\/ Ella主题常用类名\n '.product__title',\n 'h1.product-title',\n '[itemprop=\"name\"]', \/\/ Schema.org标记\n '.product-meta h1',\n '.product_title',\n 'h1' \/\/ 备用方案\n ];\n \n let productName = '';\n for (let selector of titleSelectors) {\n const element = document.querySelector(selector);\n if (element \u0026\u0026 element.textContent.trim()) {\n productName = element.textContent.trim();\n break;\n }\n }\n \n \/\/ 方法2: 从URL路径提取(备用方案)\n if (!productName) {\n const pathParts = window.location.pathname.split('\/');\n const productIndex = pathParts.indexOf('products');\n if (productIndex !== -1 \u0026\u0026 pathParts[productIndex + 1]) {\n const slug = pathParts[productIndex + 1];\n productName = slug.replace(\/-\/g, ' ').replace(\/\\b\\w\/g, l =\u003e l.toUpperCase());\n }\n }\n \n \/\/ 方法3: 从页面标题提取(最后备用)\n if (!productName \u0026\u0026 document.title) {\n productName = document.title.split('|')[0].split('-')[0].trim();\n }\n \n \/\/ 填充产品信息\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ 调试输出(可选,发布前可删除)\n console.log('📦 Product Name:', productNameField.value);\n console.log('🔗 Product URL:', productUrlField.value);\n \n \n \/\/ ========== 🔹 表单提交处理 ========== \/\/\n const form = document.getElementById('yuegu-inquiry-form');\n const submitBtn = document.getElementById('submit-btn');\n const btnText = submitBtn.querySelector('.btn-text');\n const btnLoader = submitBtn.querySelector('.btn-loader');\n const formMessage = document.getElementById('form-message');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n btnText.style.display = 'none';\n btnLoader.style.display = 'inline';\n formMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = new FormData(form);\n \n try {\n \/\/ Submit to Web3Forms\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n body: formData\n });\n \n const data = await response.json();\n \n if (data.success) {\n \/\/ Show success message\n formMessage.textContent = '✅ Thank you! Your inquiry has been sent successfully. We will contact you soon.';\n formMessage.className = 'form-message success';\n formMessage.style.display = 'block';\n \n \/\/ Reset form\n form.reset();\n \n \/\/ 重新填充产品信息(因为reset会清空)\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ Optional: Redirect after 2 seconds\n setTimeout(() =\u003e {\n const redirectUrl = 'https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success';\n if (redirectUrl) {\n window.location.href = redirectUrl;\n }\n }, 2000);\n \n } else {\n throw new Error(data.message || 'Submission failed');\n }\n \n } catch (error) {\n \/\/ Show error message\n formMessage.textContent = '❌ Sorry, something went wrong. Please try again or contact us directly.';\n formMessage.className = 'form-message error';\n formMessage.style.display = 'block';\n console.error('Form submission error:', error);\n } finally {\n \/\/ Reset button state\n submitBtn.disabled = false;\n btnText.style.display = 'inline';\n btnLoader.style.display = 'none';\n }\n });\n \n \/\/ Auto-hide messages after 8 seconds\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.target.style.display === 'block') {\n setTimeout(() =\u003e {\n formMessage.style.display = 'none';\n }, 8000);\n }\n });\n });\n \n observer.observe(formMessage, {\n attributes: true,\n attributeFilter: ['style']\n });\n});\n\u003c\/script\u003e\n","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095788961979,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/1_adfa6007-e847-4fee-949b-8c5c28dc1afd.png?v=1760371327"},{"product_id":"51-2v-200ah-stacking-lifepo4-battery","title":"Stacking 51.2V 200Ah LiFePO4 Battery for Home Energy Storage","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\n\u003cdiv class=\"yuegu-product-module\"\u003e\n \n \u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n \u003cdiv class=\"product-highlights-section\"\u003e\n \u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n \n \u003cdiv class=\"highlights-grid\"\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n \u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n \u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n \u003cp\u003e10+ years warranty support\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch4\u003eCustomizable\u003c\/h4\u003e\n \u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n \u003cdiv class=\"inquiry-form-section\"\u003e\n \u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n \u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n \n \u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n \n \u003c!-- Hidden Fields for Web3Forms --\u003e\n \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e\n \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e\n \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e\n \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e\n \n \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e\n \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e\n \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e\n \n \u003c!-- Form Fields --\u003e\n \u003cdiv class=\"form-row\"\u003e\n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e\n \u003cinput type=\"text\" id=\"inquiry-name\" name=\"name\" placeholder=\"John Doe\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e\n \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e\n \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e\n \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n \u003c\/div\u003e\n \n \u003c!-- Submit Button --\u003e\n \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e\n \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e\n \u003cspan class=\"btn-loader\" style=\"display:none;\"\u003e⏳ Sending...\u003c\/span\u003e\n \u003c\/button\u003e\n \n \u003c!-- Success\/Error Message --\u003e\n \u003cdiv id=\"form-message\" class=\"form-message\" style=\"display:none;\"\u003e\u003c\/div\u003e\n \n \u003c\/form\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ========== 🔹 自动获取产品信息 ========== \/\/\n const productNameField = document.getElementById('product-name-field');\n const productUrlField = document.getElementById('product-url-field');\n \n \/\/ 方法1: 从Ella主题的产品标题元素获取\n const titleSelectors = [\n '.product-single__title', \/\/ Ella主题常用类名\n '.product__title',\n 'h1.product-title',\n '[itemprop=\"name\"]', \/\/ Schema.org标记\n '.product-meta h1',\n '.product_title',\n 'h1' \/\/ 备用方案\n ];\n \n let productName = '';\n for (let selector of titleSelectors) {\n const element = document.querySelector(selector);\n if (element \u0026\u0026 element.textContent.trim()) {\n productName = element.textContent.trim();\n break;\n }\n }\n \n \/\/ 方法2: 从URL路径提取(备用方案)\n if (!productName) {\n const pathParts = window.location.pathname.split('\/');\n const productIndex = pathParts.indexOf('products');\n if (productIndex !== -1 \u0026\u0026 pathParts[productIndex + 1]) {\n const slug = pathParts[productIndex + 1];\n productName = slug.replace(\/-\/g, ' ').replace(\/\\b\\w\/g, l =\u003e l.toUpperCase());\n }\n }\n \n \/\/ 方法3: 从页面标题提取(最后备用)\n if (!productName \u0026\u0026 document.title) {\n productName = document.title.split('|')[0].split('-')[0].trim();\n }\n \n \/\/ 填充产品信息\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ 调试输出(可选,发布前可删除)\n console.log('📦 Product Name:', productNameField.value);\n console.log('🔗 Product URL:', productUrlField.value);\n \n \n \/\/ ========== 🔹 表单提交处理 ========== \/\/\n const form = document.getElementById('yuegu-inquiry-form');\n const submitBtn = document.getElementById('submit-btn');\n const btnText = submitBtn.querySelector('.btn-text');\n const btnLoader = submitBtn.querySelector('.btn-loader');\n const formMessage = document.getElementById('form-message');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n btnText.style.display = 'none';\n btnLoader.style.display = 'inline';\n formMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = new FormData(form);\n \n try {\n \/\/ Submit to Web3Forms\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n body: formData\n });\n \n const data = await response.json();\n \n if (data.success) {\n \/\/ Show success message\n formMessage.textContent = '✅ Thank you! Your inquiry has been sent successfully. We will contact you soon.';\n formMessage.className = 'form-message success';\n formMessage.style.display = 'block';\n \n \/\/ Reset form\n form.reset();\n \n \/\/ 重新填充产品信息(因为reset会清空)\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ Optional: Redirect after 2 seconds\n setTimeout(() =\u003e {\n const redirectUrl = 'https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success';\n if (redirectUrl) {\n window.location.href = redirectUrl;\n }\n }, 2000);\n \n } else {\n throw new Error(data.message || 'Submission failed');\n }\n \n } catch (error) {\n \/\/ Show error message\n formMessage.textContent = '❌ Sorry, something went wrong. Please try again or contact us directly.';\n formMessage.className = 'form-message error';\n formMessage.style.display = 'block';\n console.error('Form submission error:', error);\n } finally {\n \/\/ Reset button state\n submitBtn.disabled = false;\n btnText.style.display = 'inline';\n btnLoader.style.display = 'none';\n }\n });\n \n \/\/ Auto-hide messages after 8 seconds\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.target.style.display === 'block') {\n setTimeout(() =\u003e {\n formMessage.style.display = 'none';\n }, 8000);\n }\n });\n });\n \n observer.observe(formMessage, {\n attributes: true,\n attributeFilter: ['style']\n });\n});\n\u003c\/script\u003e\n","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095805870267,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/1_3b38531e-975b-46b7-b059-b19cc82fcd43.png?v=1760371592"},{"product_id":"51-2v-300ah-stacking-lifepo4-battery","title":"51.2V 300Ah Stackable LiFePO4 Battery for Home Energy Storage","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\n\u003cdiv class=\"yuegu-product-module\"\u003e\n \n \u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n \u003cdiv class=\"product-highlights-section\"\u003e\n \u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n \n \u003cdiv class=\"highlights-grid\"\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n \u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n \u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n \u003cp\u003e10+ years warranty support\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch4\u003eCustomizable\u003c\/h4\u003e\n \u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n \u003cdiv class=\"inquiry-form-section\"\u003e\n \u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n \u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n \n \u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n \n \u003c!-- Hidden Fields for Web3Forms --\u003e\n \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e\n \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e\n \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e\n \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e\n \n \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e\n \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e\n \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e\n \n \u003c!-- Form Fields --\u003e\n \u003cdiv class=\"form-row\"\u003e\n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e\n \u003cinput type=\"text\" id=\"inquiry-name\" name=\"name\" placeholder=\"John Doe\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e\n \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e\n \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e\n \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n \u003c\/div\u003e\n \n \u003c!-- Submit Button --\u003e\n \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e\n \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e\n \u003cspan class=\"btn-loader\" style=\"display:none;\"\u003e⏳ Sending...\u003c\/span\u003e\n \u003c\/button\u003e\n \n \u003c!-- Success\/Error Message --\u003e\n \u003cdiv id=\"form-message\" class=\"form-message\" style=\"display:none;\"\u003e\u003c\/div\u003e\n \n \u003c\/form\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ========== 🔹 自动获取产品信息 ========== \/\/\n const productNameField = document.getElementById('product-name-field');\n const productUrlField = document.getElementById('product-url-field');\n \n \/\/ 方法1: 从Ella主题的产品标题元素获取\n const titleSelectors = [\n '.product-single__title', \/\/ Ella主题常用类名\n '.product__title',\n 'h1.product-title',\n '[itemprop=\"name\"]', \/\/ Schema.org标记\n '.product-meta h1',\n '.product_title',\n 'h1' \/\/ 备用方案\n ];\n \n let productName = '';\n for (let selector of titleSelectors) {\n const element = document.querySelector(selector);\n if (element \u0026\u0026 element.textContent.trim()) {\n productName = element.textContent.trim();\n break;\n }\n }\n \n \/\/ 方法2: 从URL路径提取(备用方案)\n if (!productName) {\n const pathParts = window.location.pathname.split('\/');\n const productIndex = pathParts.indexOf('products');\n if (productIndex !== -1 \u0026\u0026 pathParts[productIndex + 1]) {\n const slug = pathParts[productIndex + 1];\n productName = slug.replace(\/-\/g, ' ').replace(\/\\b\\w\/g, l =\u003e l.toUpperCase());\n }\n }\n \n \/\/ 方法3: 从页面标题提取(最后备用)\n if (!productName \u0026\u0026 document.title) {\n productName = document.title.split('|')[0].split('-')[0].trim();\n }\n \n \/\/ 填充产品信息\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ 调试输出(可选,发布前可删除)\n console.log('📦 Product Name:', productNameField.value);\n console.log('🔗 Product URL:', productUrlField.value);\n \n \n \/\/ ========== 🔹 表单提交处理 ========== \/\/\n const form = document.getElementById('yuegu-inquiry-form');\n const submitBtn = document.getElementById('submit-btn');\n const btnText = submitBtn.querySelector('.btn-text');\n const btnLoader = submitBtn.querySelector('.btn-loader');\n const formMessage = document.getElementById('form-message');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n btnText.style.display = 'none';\n btnLoader.style.display = 'inline';\n formMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = new FormData(form);\n \n try {\n \/\/ Submit to Web3Forms\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n body: formData\n });\n \n const data = await response.json();\n \n if (data.success) {\n \/\/ Show success message\n formMessage.textContent = '✅ Thank you! Your inquiry has been sent successfully. We will contact you soon.';\n formMessage.className = 'form-message success';\n formMessage.style.display = 'block';\n \n \/\/ Reset form\n form.reset();\n \n \/\/ 重新填充产品信息(因为reset会清空)\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ Optional: Redirect after 2 seconds\n setTimeout(() =\u003e {\n const redirectUrl = 'https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success';\n if (redirectUrl) {\n window.location.href = redirectUrl;\n }\n }, 2000);\n \n } else {\n throw new Error(data.message || 'Submission failed');\n }\n \n } catch (error) {\n \/\/ Show error message\n formMessage.textContent = '❌ Sorry, something went wrong. Please try again or contact us directly.';\n formMessage.className = 'form-message error';\n formMessage.style.display = 'block';\n console.error('Form submission error:', error);\n } finally {\n \/\/ Reset button state\n submitBtn.disabled = false;\n btnText.style.display = 'inline';\n btnLoader.style.display = 'none';\n }\n });\n \n \/\/ Auto-hide messages after 8 seconds\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.target.style.display === 'block') {\n setTimeout(() =\u003e {\n formMessage.style.display = 'none';\n }, 8000);\n }\n });\n });\n \n observer.observe(formMessage, {\n attributes: true,\n attributeFilter: ['style']\n });\n});\n\u003c\/script\u003e\n","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095808590011,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/2_3ab00284-f7fe-4b02-b2d2-2932a0af5dbc.png?v=1760371682"},{"product_id":"10kwh-6-2kw-wall-mounted-all-in-one-system","title":"Wall-Mounted 10kWh 6.2KW All-in-One Solar Energy Storage System","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\n\u003cdiv class=\"yuegu-product-module\"\u003e\n \n \u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n \u003cdiv class=\"product-highlights-section\"\u003e\n \u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n \n \u003cdiv class=\"highlights-grid\"\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n \u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n \u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n \u003cp\u003e10+ years warranty support\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch4\u003eCustomizable\u003c\/h4\u003e\n \u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n \u003cdiv class=\"inquiry-form-section\"\u003e\n \u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n \u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n \n \u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n \n \u003c!-- Hidden Fields for Web3Forms --\u003e\n \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e\n \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e\n \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e\n \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e\n \n \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e\n \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e\n \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e\n \n \u003c!-- Form Fields --\u003e\n \u003cdiv class=\"form-row\"\u003e\n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e\n \u003cinput type=\"text\" id=\"inquiry-name\" name=\"name\" placeholder=\"John Doe\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e\n \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e\n \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e\n \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n \u003c\/div\u003e\n \n \u003c!-- Submit Button --\u003e\n \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e\n \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e\n \u003cspan class=\"btn-loader\" style=\"display:none;\"\u003e⏳ Sending...\u003c\/span\u003e\n \u003c\/button\u003e\n \n \u003c!-- Success\/Error Message --\u003e\n \u003cdiv id=\"form-message\" class=\"form-message\" style=\"display:none;\"\u003e\u003c\/div\u003e\n \n \u003c\/form\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ========== 🔹 自动获取产品信息 ========== \/\/\n const productNameField = document.getElementById('product-name-field');\n const productUrlField = document.getElementById('product-url-field');\n \n \/\/ 方法1: 从Ella主题的产品标题元素获取\n const titleSelectors = [\n '.product-single__title', \/\/ Ella主题常用类名\n '.product__title',\n 'h1.product-title',\n '[itemprop=\"name\"]', \/\/ Schema.org标记\n '.product-meta h1',\n '.product_title',\n 'h1' \/\/ 备用方案\n ];\n \n let productName = '';\n for (let selector of titleSelectors) {\n const element = document.querySelector(selector);\n if (element \u0026\u0026 element.textContent.trim()) {\n productName = element.textContent.trim();\n break;\n }\n }\n \n \/\/ 方法2: 从URL路径提取(备用方案)\n if (!productName) {\n const pathParts = window.location.pathname.split('\/');\n const productIndex = pathParts.indexOf('products');\n if (productIndex !== -1 \u0026\u0026 pathParts[productIndex + 1]) {\n const slug = pathParts[productIndex + 1];\n productName = slug.replace(\/-\/g, ' ').replace(\/\\b\\w\/g, l =\u003e l.toUpperCase());\n }\n }\n \n \/\/ 方法3: 从页面标题提取(最后备用)\n if (!productName \u0026\u0026 document.title) {\n productName = document.title.split('|')[0].split('-')[0].trim();\n }\n \n \/\/ 填充产品信息\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ 调试输出(可选,发布前可删除)\n console.log('📦 Product Name:', productNameField.value);\n console.log('🔗 Product URL:', productUrlField.value);\n \n \n \/\/ ========== 🔹 表单提交处理 ========== \/\/\n const form = document.getElementById('yuegu-inquiry-form');\n const submitBtn = document.getElementById('submit-btn');\n const btnText = submitBtn.querySelector('.btn-text');\n const btnLoader = submitBtn.querySelector('.btn-loader');\n const formMessage = document.getElementById('form-message');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n btnText.style.display = 'none';\n btnLoader.style.display = 'inline';\n formMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = new FormData(form);\n \n try {\n \/\/ Submit to Web3Forms\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n body: formData\n });\n \n const data = await response.json();\n \n if (data.success) {\n \/\/ Show success message\n formMessage.textContent = '✅ Thank you! Your inquiry has been sent successfully. We will contact you soon.';\n formMessage.className = 'form-message success';\n formMessage.style.display = 'block';\n \n \/\/ Reset form\n form.reset();\n \n \/\/ 重新填充产品信息(因为reset会清空)\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ Optional: Redirect after 2 seconds\n setTimeout(() =\u003e {\n const redirectUrl = 'https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success';\n if (redirectUrl) {\n window.location.href = redirectUrl;\n }\n }, 2000);\n \n } else {\n throw new Error(data.message || 'Submission failed');\n }\n \n } catch (error) {\n \/\/ Show error message\n formMessage.textContent = '❌ Sorry, something went wrong. Please try again or contact us directly.';\n formMessage.className = 'form-message error';\n formMessage.style.display = 'block';\n console.error('Form submission error:', error);\n } finally {\n \/\/ Reset button state\n submitBtn.disabled = false;\n btnText.style.display = 'inline';\n btnLoader.style.display = 'none';\n }\n });\n \n \/\/ Auto-hide messages after 8 seconds\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.target.style.display === 'block') {\n setTimeout(() =\u003e {\n formMessage.style.display = 'none';\n }, 8000);\n }\n });\n });\n \n observer.observe(formMessage, {\n attributes: true,\n attributeFilter: ['style']\n });\n});\n\u003c\/script\u003e\n","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095810261179,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/6.png?v=1765963798"},{"product_id":"5kwh-6-2kw-wall-mounted-all-in-one","title":"Wall-Mounted 5kWh 6.2KW All-in-One Energy Storage System","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\u003cdiv class=\"yuegu-product-module\"\u003e\n\u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n\u003cdiv class=\"product-highlights-section\"\u003e\n\u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n\u003cdiv class=\"highlights-grid\"\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n\u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n\u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n\u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n\u003cp\u003e10+ years warranty support\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch4\u003eCustomizable\u003c\/h4\u003e\n\u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n\u003cdiv class=\"inquiry-form-section\"\u003e\n\u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n\u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n\u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n\u003c!-- Hidden Fields for Web3Forms --\u003e \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e \u003c!-- Form Fields --\u003e\n\u003cdiv class=\"form-row\"\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e \u003cinput type=\"text\" id=\"inquiry-name\" placeholder=\"John Doe\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n\u003c\/div\u003e\n\u003c!-- Submit Button --\u003e \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e \u003cspan class=\"btn-loader\" style=\"display: none;\"\u003e⏳ Sending...\u003c\/span\u003e \u003c\/button\u003e \u003c!-- Success\/Error Message --\u003e\n\u003cdiv id=\"form-message\" class=\"form-message\" style=\"display: none;\"\u003e\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095813865659,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/6_5a240586-774b-4282-8a9e-c84a739b248d.png?v=1760372119"},{"product_id":"5kwh-3-5kw-wall-mounted-all-in-one","title":"5kWh 3.5KW Wall-Mounted All-in-One Energy Storage System","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\u003cdiv class=\"yuegu-product-module\"\u003e\n\u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n\u003cdiv class=\"product-highlights-section\"\u003e\n\u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n\u003cdiv class=\"highlights-grid\"\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n\u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n\u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n\u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n\u003cp\u003e10+ years warranty support\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch4\u003eCustomizable\u003c\/h4\u003e\n\u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n\u003cdiv class=\"inquiry-form-section\"\u003e\n\u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n\u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n\u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n\u003c!-- Hidden Fields for Web3Forms --\u003e \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e \u003c!-- Form Fields --\u003e\n\u003cdiv class=\"form-row\"\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e \u003cinput type=\"text\" id=\"inquiry-name\" placeholder=\"John Doe\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n\u003c\/div\u003e\n\u003c!-- Submit Button --\u003e \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e \u003cspan class=\"btn-loader\" style=\"display: none;\"\u003e⏳ Sending...\u003c\/span\u003e \u003c\/button\u003e \u003c!-- Success\/Error Message --\u003e\n\u003cdiv id=\"form-message\" class=\"form-message\" style=\"display: none;\"\u003e\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095814291643,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/9_f09150e8-1087-4305-a549-ab7d209bfadf.png?v=1765963077"},{"product_id":"2-5kwh-3-5kw-wall-mounted-all-in-one","title":"2.5kWh 3.5KW Wall-Mounted All-in-One Solar Storage System","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\u003cdiv class=\"yuegu-product-module\"\u003e\n\u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n\u003cdiv class=\"product-highlights-section\"\u003e\n\u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n\u003cdiv class=\"highlights-grid\"\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n\u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n\u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n\u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n\u003cp\u003e10+ years warranty support\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch4\u003eCustomizable\u003c\/h4\u003e\n\u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n\u003cdiv class=\"inquiry-form-section\"\u003e\n\u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n\u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n\u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n\u003c!-- Hidden Fields for Web3Forms --\u003e \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e \u003c!-- Form Fields --\u003e\n\u003cdiv class=\"form-row\"\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e \u003cinput type=\"text\" id=\"inquiry-name\" placeholder=\"John Doe\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n\u003c\/div\u003e\n\u003c!-- Submit Button --\u003e \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e \u003cspan class=\"btn-loader\" style=\"display: none;\"\u003e⏳ Sending...\u003c\/span\u003e \u003c\/button\u003e \u003c!-- Success\/Error Message --\u003e\n\u003cdiv id=\"form-message\" class=\"form-message\" style=\"display: none;\"\u003e\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095815372987,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/4_895b8872-b574-4d38-932a-176b4766cf58.png?v=1760372414"},{"product_id":"15kwh-11kw-mobile-all-in-one","title":"15kWh 11KW Mobile All-in-One Energy Storage System","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\n\u003cdiv class=\"yuegu-product-module\"\u003e\n \n \u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n \u003cdiv class=\"product-highlights-section\"\u003e\n \u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n \n \u003cdiv class=\"highlights-grid\"\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n \u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n \u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n \u003cp\u003e10+ years warranty support\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch4\u003eCustomizable\u003c\/h4\u003e\n \u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n \u003cdiv class=\"inquiry-form-section\"\u003e\n \u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n \u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n \n \u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n \n \u003c!-- Hidden Fields for Web3Forms --\u003e\n \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e\n \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e\n \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e\n \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e\n \n \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e\n \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e\n \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e\n \n \u003c!-- Form Fields --\u003e\n \u003cdiv class=\"form-row\"\u003e\n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e\n \u003cinput type=\"text\" id=\"inquiry-name\" name=\"name\" placeholder=\"John Doe\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e\n \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e\n \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e\n \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n \u003c\/div\u003e\n \n \u003c!-- Submit Button --\u003e\n \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e\n \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e\n \u003cspan class=\"btn-loader\" style=\"display:none;\"\u003e⏳ Sending...\u003c\/span\u003e\n \u003c\/button\u003e\n \n \u003c!-- Success\/Error Message --\u003e\n \u003cdiv id=\"form-message\" class=\"form-message\" style=\"display:none;\"\u003e\u003c\/div\u003e\n \n \u003c\/form\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ========== 🔹 自动获取产品信息 ========== \/\/\n const productNameField = document.getElementById('product-name-field');\n const productUrlField = document.getElementById('product-url-field');\n \n \/\/ 方法1: 从Ella主题的产品标题元素获取\n const titleSelectors = [\n '.product-single__title', \/\/ Ella主题常用类名\n '.product__title',\n 'h1.product-title',\n '[itemprop=\"name\"]', \/\/ Schema.org标记\n '.product-meta h1',\n '.product_title',\n 'h1' \/\/ 备用方案\n ];\n \n let productName = '';\n for (let selector of titleSelectors) {\n const element = document.querySelector(selector);\n if (element \u0026\u0026 element.textContent.trim()) {\n productName = element.textContent.trim();\n break;\n }\n }\n \n \/\/ 方法2: 从URL路径提取(备用方案)\n if (!productName) {\n const pathParts = window.location.pathname.split('\/');\n const productIndex = pathParts.indexOf('products');\n if (productIndex !== -1 \u0026\u0026 pathParts[productIndex + 1]) {\n const slug = pathParts[productIndex + 1];\n productName = slug.replace(\/-\/g, ' ').replace(\/\\b\\w\/g, l =\u003e l.toUpperCase());\n }\n }\n \n \/\/ 方法3: 从页面标题提取(最后备用)\n if (!productName \u0026\u0026 document.title) {\n productName = document.title.split('|')[0].split('-')[0].trim();\n }\n \n \/\/ 填充产品信息\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ 调试输出(可选,发布前可删除)\n console.log('📦 Product Name:', productNameField.value);\n console.log('🔗 Product URL:', productUrlField.value);\n \n \n \/\/ ========== 🔹 表单提交处理 ========== \/\/\n const form = document.getElementById('yuegu-inquiry-form');\n const submitBtn = document.getElementById('submit-btn');\n const btnText = submitBtn.querySelector('.btn-text');\n const btnLoader = submitBtn.querySelector('.btn-loader');\n const formMessage = document.getElementById('form-message');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n btnText.style.display = 'none';\n btnLoader.style.display = 'inline';\n formMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = new FormData(form);\n \n try {\n \/\/ Submit to Web3Forms\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n body: formData\n });\n \n const data = await response.json();\n \n if (data.success) {\n \/\/ Show success message\n formMessage.textContent = '✅ Thank you! Your inquiry has been sent successfully. We will contact you soon.';\n formMessage.className = 'form-message success';\n formMessage.style.display = 'block';\n \n \/\/ Reset form\n form.reset();\n \n \/\/ 重新填充产品信息(因为reset会清空)\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ Optional: Redirect after 2 seconds\n setTimeout(() =\u003e {\n const redirectUrl = 'https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success';\n if (redirectUrl) {\n window.location.href = redirectUrl;\n }\n }, 2000);\n \n } else {\n throw new Error(data.message || 'Submission failed');\n }\n \n } catch (error) {\n \/\/ Show error message\n formMessage.textContent = '❌ Sorry, something went wrong. Please try again or contact us directly.';\n formMessage.className = 'form-message error';\n formMessage.style.display = 'block';\n console.error('Form submission error:', error);\n } finally {\n \/\/ Reset button state\n submitBtn.disabled = false;\n btnText.style.display = 'inline';\n btnLoader.style.display = 'none';\n }\n });\n \n \/\/ Auto-hide messages after 8 seconds\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.target.style.display === 'block') {\n setTimeout(() =\u003e {\n formMessage.style.display = 'none';\n }, 8000);\n }\n });\n });\n \n observer.observe(formMessage, {\n attributes: true,\n attributeFilter: ['style']\n });\n});\n\u003c\/script\u003e\n","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095816782011,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/1_26bfba8b-46cb-4a05-a33e-bed9aa108e7d.png?v=1760372601"},{"product_id":"20kwh-11kw-mobile-all-in-one","title":"20kWh 11KW Mobile All-in-One Solar Energy Storage System","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\n\u003cdiv class=\"yuegu-product-module\"\u003e\n \n \u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n \u003cdiv class=\"product-highlights-section\"\u003e\n \u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n \n \u003cdiv class=\"highlights-grid\"\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n \u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n \u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n \u003cp\u003e10+ years warranty support\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch4\u003eCustomizable\u003c\/h4\u003e\n \u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n \u003cdiv class=\"inquiry-form-section\"\u003e\n \u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n \u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n \n \u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n \n \u003c!-- Hidden Fields for Web3Forms --\u003e\n \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e\n \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e\n \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e\n \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e\n \n \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e\n \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e\n \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e\n \n \u003c!-- Form Fields --\u003e\n \u003cdiv class=\"form-row\"\u003e\n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e\n \u003cinput type=\"text\" id=\"inquiry-name\" name=\"name\" placeholder=\"John Doe\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e\n \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e\n \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e\n \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n \u003c\/div\u003e\n \n \u003c!-- Submit Button --\u003e\n \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e\n \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e\n \u003cspan class=\"btn-loader\" style=\"display:none;\"\u003e⏳ Sending...\u003c\/span\u003e\n \u003c\/button\u003e\n \n \u003c!-- Success\/Error Message --\u003e\n \u003cdiv id=\"form-message\" class=\"form-message\" style=\"display:none;\"\u003e\u003c\/div\u003e\n \n \u003c\/form\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ========== 🔹 自动获取产品信息 ========== \/\/\n const productNameField = document.getElementById('product-name-field');\n const productUrlField = document.getElementById('product-url-field');\n \n \/\/ 方法1: 从Ella主题的产品标题元素获取\n const titleSelectors = [\n '.product-single__title', \/\/ Ella主题常用类名\n '.product__title',\n 'h1.product-title',\n '[itemprop=\"name\"]', \/\/ Schema.org标记\n '.product-meta h1',\n '.product_title',\n 'h1' \/\/ 备用方案\n ];\n \n let productName = '';\n for (let selector of titleSelectors) {\n const element = document.querySelector(selector);\n if (element \u0026\u0026 element.textContent.trim()) {\n productName = element.textContent.trim();\n break;\n }\n }\n \n \/\/ 方法2: 从URL路径提取(备用方案)\n if (!productName) {\n const pathParts = window.location.pathname.split('\/');\n const productIndex = pathParts.indexOf('products');\n if (productIndex !== -1 \u0026\u0026 pathParts[productIndex + 1]) {\n const slug = pathParts[productIndex + 1];\n productName = slug.replace(\/-\/g, ' ').replace(\/\\b\\w\/g, l =\u003e l.toUpperCase());\n }\n }\n \n \/\/ 方法3: 从页面标题提取(最后备用)\n if (!productName \u0026\u0026 document.title) {\n productName = document.title.split('|')[0].split('-')[0].trim();\n }\n \n \/\/ 填充产品信息\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ 调试输出(可选,发布前可删除)\n console.log('📦 Product Name:', productNameField.value);\n console.log('🔗 Product URL:', productUrlField.value);\n \n \n \/\/ ========== 🔹 表单提交处理 ========== \/\/\n const form = document.getElementById('yuegu-inquiry-form');\n const submitBtn = document.getElementById('submit-btn');\n const btnText = submitBtn.querySelector('.btn-text');\n const btnLoader = submitBtn.querySelector('.btn-loader');\n const formMessage = document.getElementById('form-message');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n btnText.style.display = 'none';\n btnLoader.style.display = 'inline';\n formMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = new FormData(form);\n \n try {\n \/\/ Submit to Web3Forms\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n body: formData\n });\n \n const data = await response.json();\n \n if (data.success) {\n \/\/ Show success message\n formMessage.textContent = '✅ Thank you! Your inquiry has been sent successfully. We will contact you soon.';\n formMessage.className = 'form-message success';\n formMessage.style.display = 'block';\n \n \/\/ Reset form\n form.reset();\n \n \/\/ 重新填充产品信息(因为reset会清空)\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ Optional: Redirect after 2 seconds\n setTimeout(() =\u003e {\n const redirectUrl = 'https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success';\n if (redirectUrl) {\n window.location.href = redirectUrl;\n }\n }, 2000);\n \n } else {\n throw new Error(data.message || 'Submission failed');\n }\n \n } catch (error) {\n \/\/ Show error message\n formMessage.textContent = '❌ Sorry, something went wrong. Please try again or contact us directly.';\n formMessage.className = 'form-message error';\n formMessage.style.display = 'block';\n console.error('Form submission error:', error);\n } finally {\n \/\/ Reset button state\n submitBtn.disabled = false;\n btnText.style.display = 'inline';\n btnLoader.style.display = 'none';\n }\n });\n \n \/\/ Auto-hide messages after 8 seconds\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.target.style.display === 'block') {\n setTimeout(() =\u003e {\n formMessage.style.display = 'none';\n }, 8000);\n }\n });\n });\n \n observer.observe(formMessage, {\n attributes: true,\n attributeFilter: ['style']\n });\n});\n\u003c\/script\u003e\n","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095817044155,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/1_26bfba8b-46cb-4a05-a33e-bed9aa108e7d.png?v=1760372601"},{"product_id":"10kwh-5kw-mobile-all-in-one","title":"10kWh 5KW Mobile All-in-One Home Energy Storage System","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\n\u003cdiv class=\"yuegu-product-module\"\u003e\n \n \u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n \u003cdiv class=\"product-highlights-section\"\u003e\n \u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n \n \u003cdiv class=\"highlights-grid\"\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n \u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n \u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n \u003cp\u003e10+ years warranty support\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch4\u003eCustomizable\u003c\/h4\u003e\n \u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n \u003cdiv class=\"inquiry-form-section\"\u003e\n \u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n \u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n \n \u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n \n \u003c!-- Hidden Fields for Web3Forms --\u003e\n \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e\n \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e\n \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e\n \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e\n \n \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e\n \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e\n \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e\n \n \u003c!-- Form Fields --\u003e\n \u003cdiv class=\"form-row\"\u003e\n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e\n \u003cinput type=\"text\" id=\"inquiry-name\" name=\"name\" placeholder=\"John Doe\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e\n \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e\n \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e\n \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n \u003c\/div\u003e\n \n \u003c!-- Submit Button --\u003e\n \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e\n \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e\n \u003cspan class=\"btn-loader\" style=\"display:none;\"\u003e⏳ Sending...\u003c\/span\u003e\n \u003c\/button\u003e\n \n \u003c!-- Success\/Error Message --\u003e\n \u003cdiv id=\"form-message\" class=\"form-message\" style=\"display:none;\"\u003e\u003c\/div\u003e\n \n \u003c\/form\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ========== 🔹 自动获取产品信息 ========== \/\/\n const productNameField = document.getElementById('product-name-field');\n const productUrlField = document.getElementById('product-url-field');\n \n \/\/ 方法1: 从Ella主题的产品标题元素获取\n const titleSelectors = [\n '.product-single__title', \/\/ Ella主题常用类名\n '.product__title',\n 'h1.product-title',\n '[itemprop=\"name\"]', \/\/ Schema.org标记\n '.product-meta h1',\n '.product_title',\n 'h1' \/\/ 备用方案\n ];\n \n let productName = '';\n for (let selector of titleSelectors) {\n const element = document.querySelector(selector);\n if (element \u0026\u0026 element.textContent.trim()) {\n productName = element.textContent.trim();\n break;\n }\n }\n \n \/\/ 方法2: 从URL路径提取(备用方案)\n if (!productName) {\n const pathParts = window.location.pathname.split('\/');\n const productIndex = pathParts.indexOf('products');\n if (productIndex !== -1 \u0026\u0026 pathParts[productIndex + 1]) {\n const slug = pathParts[productIndex + 1];\n productName = slug.replace(\/-\/g, ' ').replace(\/\\b\\w\/g, l =\u003e l.toUpperCase());\n }\n }\n \n \/\/ 方法3: 从页面标题提取(最后备用)\n if (!productName \u0026\u0026 document.title) {\n productName = document.title.split('|')[0].split('-')[0].trim();\n }\n \n \/\/ 填充产品信息\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ 调试输出(可选,发布前可删除)\n console.log('📦 Product Name:', productNameField.value);\n console.log('🔗 Product URL:', productUrlField.value);\n \n \n \/\/ ========== 🔹 表单提交处理 ========== \/\/\n const form = document.getElementById('yuegu-inquiry-form');\n const submitBtn = document.getElementById('submit-btn');\n const btnText = submitBtn.querySelector('.btn-text');\n const btnLoader = submitBtn.querySelector('.btn-loader');\n const formMessage = document.getElementById('form-message');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n btnText.style.display = 'none';\n btnLoader.style.display = 'inline';\n formMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = new FormData(form);\n \n try {\n \/\/ Submit to Web3Forms\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n body: formData\n });\n \n const data = await response.json();\n \n if (data.success) {\n \/\/ Show success message\n formMessage.textContent = '✅ Thank you! Your inquiry has been sent successfully. We will contact you soon.';\n formMessage.className = 'form-message success';\n formMessage.style.display = 'block';\n \n \/\/ Reset form\n form.reset();\n \n \/\/ 重新填充产品信息(因为reset会清空)\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ Optional: Redirect after 2 seconds\n setTimeout(() =\u003e {\n const redirectUrl = 'https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success';\n if (redirectUrl) {\n window.location.href = redirectUrl;\n }\n }, 2000);\n \n } else {\n throw new Error(data.message || 'Submission failed');\n }\n \n } catch (error) {\n \/\/ Show error message\n formMessage.textContent = '❌ Sorry, something went wrong. Please try again or contact us directly.';\n formMessage.className = 'form-message error';\n formMessage.style.display = 'block';\n console.error('Form submission error:', error);\n } finally {\n \/\/ Reset button state\n submitBtn.disabled = false;\n btnText.style.display = 'inline';\n btnLoader.style.display = 'none';\n }\n });\n \n \/\/ Auto-hide messages after 8 seconds\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.target.style.display === 'block') {\n setTimeout(() =\u003e {\n formMessage.style.display = 'none';\n }, 8000);\n }\n });\n });\n \n observer.observe(formMessage, {\n attributes: true,\n attributeFilter: ['style']\n });\n});\n\u003c\/script\u003e\n","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095827169467,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/5_4f0c771d-0098-454c-9048-d73e6acf787a.png?v=1760372873"},{"product_id":"5kwh-3kw-mobile-all-in-one","title":"5kWh 3KW Mobile All-in-One LiFePO4 Energy Storage System","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\n\u003cdiv class=\"yuegu-product-module\"\u003e\n \n \u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n \u003cdiv class=\"product-highlights-section\"\u003e\n \u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n \n \u003cdiv class=\"highlights-grid\"\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n \u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n \u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n \u003cp\u003e10+ years warranty support\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch4\u003eCustomizable\u003c\/h4\u003e\n \u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n \u003cdiv class=\"inquiry-form-section\"\u003e\n \u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n \u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n \n \u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n \n \u003c!-- Hidden Fields for Web3Forms --\u003e\n \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e\n \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e\n \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e\n \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e\n \n \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e\n \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e\n \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e\n \n \u003c!-- Form Fields --\u003e\n \u003cdiv class=\"form-row\"\u003e\n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e\n \u003cinput type=\"text\" id=\"inquiry-name\" name=\"name\" placeholder=\"John Doe\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e\n \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e\n \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e\n \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n \u003c\/div\u003e\n \n \u003c!-- Submit Button --\u003e\n \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e\n \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e\n \u003cspan class=\"btn-loader\" style=\"display:none;\"\u003e⏳ Sending...\u003c\/span\u003e\n \u003c\/button\u003e\n \n \u003c!-- Success\/Error Message --\u003e\n \u003cdiv id=\"form-message\" class=\"form-message\" style=\"display:none;\"\u003e\u003c\/div\u003e\n \n \u003c\/form\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ========== 🔹 自动获取产品信息 ========== \/\/\n const productNameField = document.getElementById('product-name-field');\n const productUrlField = document.getElementById('product-url-field');\n \n \/\/ 方法1: 从Ella主题的产品标题元素获取\n const titleSelectors = [\n '.product-single__title', \/\/ Ella主题常用类名\n '.product__title',\n 'h1.product-title',\n '[itemprop=\"name\"]', \/\/ Schema.org标记\n '.product-meta h1',\n '.product_title',\n 'h1' \/\/ 备用方案\n ];\n \n let productName = '';\n for (let selector of titleSelectors) {\n const element = document.querySelector(selector);\n if (element \u0026\u0026 element.textContent.trim()) {\n productName = element.textContent.trim();\n break;\n }\n }\n \n \/\/ 方法2: 从URL路径提取(备用方案)\n if (!productName) {\n const pathParts = window.location.pathname.split('\/');\n const productIndex = pathParts.indexOf('products');\n if (productIndex !== -1 \u0026\u0026 pathParts[productIndex + 1]) {\n const slug = pathParts[productIndex + 1];\n productName = slug.replace(\/-\/g, ' ').replace(\/\\b\\w\/g, l =\u003e l.toUpperCase());\n }\n }\n \n \/\/ 方法3: 从页面标题提取(最后备用)\n if (!productName \u0026\u0026 document.title) {\n productName = document.title.split('|')[0].split('-')[0].trim();\n }\n \n \/\/ 填充产品信息\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ 调试输出(可选,发布前可删除)\n console.log('📦 Product Name:', productNameField.value);\n console.log('🔗 Product URL:', productUrlField.value);\n \n \n \/\/ ========== 🔹 表单提交处理 ========== \/\/\n const form = document.getElementById('yuegu-inquiry-form');\n const submitBtn = document.getElementById('submit-btn');\n const btnText = submitBtn.querySelector('.btn-text');\n const btnLoader = submitBtn.querySelector('.btn-loader');\n const formMessage = document.getElementById('form-message');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n btnText.style.display = 'none';\n btnLoader.style.display = 'inline';\n formMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = new FormData(form);\n \n try {\n \/\/ Submit to Web3Forms\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n body: formData\n });\n \n const data = await response.json();\n \n if (data.success) {\n \/\/ Show success message\n formMessage.textContent = '✅ Thank you! Your inquiry has been sent successfully. We will contact you soon.';\n formMessage.className = 'form-message success';\n formMessage.style.display = 'block';\n \n \/\/ Reset form\n form.reset();\n \n \/\/ 重新填充产品信息(因为reset会清空)\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ Optional: Redirect after 2 seconds\n setTimeout(() =\u003e {\n const redirectUrl = 'https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success';\n if (redirectUrl) {\n window.location.href = redirectUrl;\n }\n }, 2000);\n \n } else {\n throw new Error(data.message || 'Submission failed');\n }\n \n } catch (error) {\n \/\/ Show error message\n formMessage.textContent = '❌ Sorry, something went wrong. Please try again or contact us directly.';\n formMessage.className = 'form-message error';\n formMessage.style.display = 'block';\n console.error('Form submission error:', error);\n } finally {\n \/\/ Reset button state\n submitBtn.disabled = false;\n btnText.style.display = 'inline';\n btnLoader.style.display = 'none';\n }\n });\n \n \/\/ Auto-hide messages after 8 seconds\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.target.style.display === 'block') {\n setTimeout(() =\u003e {\n formMessage.style.display = 'none';\n }, 8000);\n }\n });\n });\n \n observer.observe(formMessage, {\n attributes: true,\n attributeFilter: ['style']\n });\n});\n\u003c\/script\u003e\n","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095846928571,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/4_c498b1b2-0bbd-465e-8653-3d3efc79de69.png?v=1760372978"},{"product_id":"12v-24v-lead-to-lithium-battery-pack","title":"12V\/24V Lead to Lithium Battery Pack for Home Energy Storage","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\n\u003cdiv class=\"yuegu-product-module\"\u003e\n \n \u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n \u003cdiv class=\"product-highlights-section\"\u003e\n \u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n \n \u003cdiv class=\"highlights-grid\"\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n \u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n \u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n \u003cp\u003e10+ years warranty support\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch4\u003eCustomizable\u003c\/h4\u003e\n \u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n \u003cdiv class=\"inquiry-form-section\"\u003e\n \u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n \u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n \n \u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n \n \u003c!-- Hidden Fields for Web3Forms --\u003e\n \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e\n \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e\n \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e\n \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e\n \n \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e\n \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e\n \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e\n \n \u003c!-- Form Fields --\u003e\n \u003cdiv class=\"form-row\"\u003e\n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e\n \u003cinput type=\"text\" id=\"inquiry-name\" name=\"name\" placeholder=\"John Doe\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e\n \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e\n \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e\n \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n \u003c\/div\u003e\n \n \u003c!-- Submit Button --\u003e\n \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e\n \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e\n \u003cspan class=\"btn-loader\" style=\"display:none;\"\u003e⏳ Sending...\u003c\/span\u003e\n \u003c\/button\u003e\n \n \u003c!-- Success\/Error Message --\u003e\n \u003cdiv id=\"form-message\" class=\"form-message\" style=\"display:none;\"\u003e\u003c\/div\u003e\n \n \u003c\/form\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ========== 🔹 自动获取产品信息 ========== \/\/\n const productNameField = document.getElementById('product-name-field');\n const productUrlField = document.getElementById('product-url-field');\n \n \/\/ 方法1: 从Ella主题的产品标题元素获取\n const titleSelectors = [\n '.product-single__title', \/\/ Ella主题常用类名\n '.product__title',\n 'h1.product-title',\n '[itemprop=\"name\"]', \/\/ Schema.org标记\n '.product-meta h1',\n '.product_title',\n 'h1' \/\/ 备用方案\n ];\n \n let productName = '';\n for (let selector of titleSelectors) {\n const element = document.querySelector(selector);\n if (element \u0026\u0026 element.textContent.trim()) {\n productName = element.textContent.trim();\n break;\n }\n }\n \n \/\/ 方法2: 从URL路径提取(备用方案)\n if (!productName) {\n const pathParts = window.location.pathname.split('\/');\n const productIndex = pathParts.indexOf('products');\n if (productIndex !== -1 \u0026\u0026 pathParts[productIndex + 1]) {\n const slug = pathParts[productIndex + 1];\n productName = slug.replace(\/-\/g, ' ').replace(\/\\b\\w\/g, l =\u003e l.toUpperCase());\n }\n }\n \n \/\/ 方法3: 从页面标题提取(最后备用)\n if (!productName \u0026\u0026 document.title) {\n productName = document.title.split('|')[0].split('-')[0].trim();\n }\n \n \/\/ 填充产品信息\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ 调试输出(可选,发布前可删除)\n console.log('📦 Product Name:', productNameField.value);\n console.log('🔗 Product URL:', productUrlField.value);\n \n \n \/\/ ========== 🔹 表单提交处理 ========== \/\/\n const form = document.getElementById('yuegu-inquiry-form');\n const submitBtn = document.getElementById('submit-btn');\n const btnText = submitBtn.querySelector('.btn-text');\n const btnLoader = submitBtn.querySelector('.btn-loader');\n const formMessage = document.getElementById('form-message');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n btnText.style.display = 'none';\n btnLoader.style.display = 'inline';\n formMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = new FormData(form);\n \n try {\n \/\/ Submit to Web3Forms\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n body: formData\n });\n \n const data = await response.json();\n \n if (data.success) {\n \/\/ Show success message\n formMessage.textContent = '✅ Thank you! Your inquiry has been sent successfully. We will contact you soon.';\n formMessage.className = 'form-message success';\n formMessage.style.display = 'block';\n \n \/\/ Reset form\n form.reset();\n \n \/\/ 重新填充产品信息(因为reset会清空)\n productNameField.value = productName || 'Product Inquiry';\n productUrlField.value = window.location.href;\n \n \/\/ Optional: Redirect after 2 seconds\n setTimeout(() =\u003e {\n const redirectUrl = 'https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success';\n if (redirectUrl) {\n window.location.href = redirectUrl;\n }\n }, 2000);\n \n } else {\n throw new Error(data.message || 'Submission failed');\n }\n \n } catch (error) {\n \/\/ Show error message\n formMessage.textContent = '❌ Sorry, something went wrong. Please try again or contact us directly.';\n formMessage.className = 'form-message error';\n formMessage.style.display = 'block';\n console.error('Form submission error:', error);\n } finally {\n \/\/ Reset button state\n submitBtn.disabled = false;\n btnText.style.display = 'inline';\n btnLoader.style.display = 'none';\n }\n });\n \n \/\/ Auto-hide messages after 8 seconds\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.target.style.display === 'block') {\n setTimeout(() =\u003e {\n formMessage.style.display = 'none';\n }, 8000);\n }\n });\n });\n \n observer.observe(formMessage, {\n attributes: true,\n attributeFilter: ['style']\n });\n});\n\u003c\/script\u003e\n","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47095847452859,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/2_fb848f6e-0e1b-4b26-babf-44eb6fb3cba6.png?v=1765962141"},{"product_id":"test","title":"test","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n Compatible with Shopify Ella Theme 6.7.2\n ======================================== --\u003e\n\n\u003cdiv class=\"yuegu-product-module\"\u003e\n \n \u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n \u003cdiv class=\"product-highlights-section\"\u003e\n \u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n \n \u003cdiv class=\"highlights-grid\"\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n \u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n \u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n \u003cp\u003e10+ years warranty support\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-item\"\u003e\n \u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch4\u003eCustomizable\u003c\/h4\u003e\n \u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n \u003cdiv class=\"inquiry-form-section\"\u003e\n \u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n \u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n \n \u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n \n \u003c!-- Hidden Fields for Web3Forms --\u003e\n \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e\n \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e\n \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e\n \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e\n \n \u003c!-- Auto-fill Product Name (Shopify Liquid) --\u003e\n \u003cinput type=\"hidden\" name=\"product_name\" value=\"{{ product.title }}\"\u003e\n \u003cinput type=\"hidden\" name=\"product_url\" value=\"{{ shop.url }}{{ product.url }}\"\u003e\n \n \u003c!-- Form Fields --\u003e\n \u003cdiv class=\"form-row\"\u003e\n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e\n \u003cinput type=\"text\" id=\"inquiry-name\" name=\"name\" placeholder=\"John Doe\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e\n \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e\n \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"form-group\"\u003e\n \u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e\n \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n \u003c\/div\u003e\n \n \u003c!-- Submit Button --\u003e\n \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e\n \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e\n \u003cspan class=\"btn-loader\" style=\"display:none;\"\u003e⏳ Sending...\u003c\/span\u003e\n \u003c\/button\u003e\n \n \u003c!-- Success\/Error Message --\u003e\n \u003cdiv id=\"form-message\" class=\"form-message\" style=\"display:none;\"\u003e\u003c\/div\u003e\n \n \u003c\/form\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ========================================\n JavaScript for Form Handling\n ======================================== --\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n const form = document.getElementById('yuegu-inquiry-form');\n const submitBtn = document.getElementById('submit-btn');\n const btnText = submitBtn.querySelector('.btn-text');\n const btnLoader = submitBtn.querySelector('.btn-loader');\n const formMessage = document.getElementById('form-message');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n btnText.style.display = 'none';\n btnLoader.style.display = 'inline';\n formMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = new FormData(form);\n \n try {\n \/\/ Submit to Web3Forms\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n body: formData\n });\n \n const data = await response.json();\n \n if (data.success) {\n \/\/ Show success message\n formMessage.textContent = '✅ Thank you! Your inquiry has been sent successfully. We will contact you soon.';\n formMessage.className = 'form-message success';\n formMessage.style.display = 'block';\n \n \/\/ Reset form\n form.reset();\n \n \/\/ Optional: Redirect after 2 seconds\n setTimeout(() =\u003e {\n if (formData.get('redirect')) {\n window.location.href = formData.get('redirect');\n }\n }, 2000);\n \n } else {\n throw new Error(data.message || 'Submission failed');\n }\n \n } catch (error) {\n \/\/ Show error message\n formMessage.textContent = '❌ Sorry, something went wrong. Please try again or contact us directly.';\n formMessage.className = 'form-message error';\n formMessage.style.display = 'block';\n console.error('Form submission error:', error);\n } finally {\n \/\/ Reset button state\n submitBtn.disabled = false;\n btnText.style.display = 'inline';\n btnLoader.style.display = 'none';\n }\n });\n \n \/\/ Auto-hide messages after 8 seconds\n const observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(mutation) {\n if (mutation.target.style.display === 'block') {\n setTimeout(() =\u003e {\n formMessage.style.display = 'none';\n }, 8000);\n }\n });\n });\n \n observer.observe(formMessage, {\n attributes: true,\n attributeFilter: ['style']\n });\n});\n\u003c\/script\u003e\n","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47139549282491,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"51-2v-420ah-mobile-battery-pack-energy-storage-system","title":"51.2V-420Ah-Mobile Battery Pack Energy Storage System","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\u003cdiv class=\"yuegu-product-module\"\u003e\n\u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n\u003cdiv class=\"product-highlights-section\"\u003e\n\u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n\u003cdiv class=\"highlights-grid\"\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n\u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n\u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n\u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n\u003cp\u003e10+ years warranty support\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch4\u003eCustomizable\u003c\/h4\u003e\n\u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n\u003cdiv class=\"inquiry-form-section\"\u003e\n\u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n\u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n\u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n\u003c!-- Hidden Fields for Web3Forms --\u003e \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e \u003c!-- Form Fields --\u003e\n\u003cdiv class=\"form-row\"\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e \u003cinput type=\"text\" id=\"inquiry-name\" placeholder=\"John Doe\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n\u003c\/div\u003e\n\u003c!-- Submit Button --\u003e \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e \u003cspan class=\"btn-loader\" style=\"display: none;\"\u003e⏳ Sending...\u003c\/span\u003e \u003c\/button\u003e \u003c!-- Success\/Error Message --\u003e\n\u003cdiv id=\"form-message\" class=\"form-message\" style=\"display: none;\"\u003e\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47198186012859,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/5_a8bf22f1-ac44-4c0a-a49b-8573100f0770.png?v=1763786037"},{"product_id":"51-2v-300ah-mobile-battery-pack-energy-storage-system","title":"51.2V 300Ah Mobile Battery Pack Energy Storage System","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\u003cdiv class=\"yuegu-product-module\"\u003e\n\u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n\u003cdiv class=\"product-highlights-section\"\u003e\n\u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n\u003cdiv class=\"highlights-grid\"\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n\u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n\u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n\u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n\u003cp\u003e10+ years warranty support\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch4\u003eCustomizable\u003c\/h4\u003e\n\u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n\u003cdiv class=\"inquiry-form-section\"\u003e\n\u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n\u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n\u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n\u003c!-- Hidden Fields for Web3Forms --\u003e \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e \u003c!-- Form Fields --\u003e\n\u003cdiv class=\"form-row\"\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e \u003cinput type=\"text\" id=\"inquiry-name\" placeholder=\"John Doe\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n\u003c\/div\u003e\n\u003c!-- Submit Button --\u003e \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e \u003cspan class=\"btn-loader\" style=\"display: none;\"\u003e⏳ Sending...\u003c\/span\u003e \u003c\/button\u003e \u003c!-- Success\/Error Message --\u003e\n\u003cdiv id=\"form-message\" class=\"form-message\" style=\"display: none;\"\u003e\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47198193746107,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/10_7774102c-d190-4de7-8561-ed1103bf968d.png?v=1765962300"},{"product_id":"51-2v-300ah-mobile-battery-pack-energy-storage-system-1","title":"51.2V 314Ah Mobile Battery Pack Energy Storage System","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\u003cdiv class=\"yuegu-product-module\"\u003e\n\u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n\u003cdiv class=\"product-highlights-section\"\u003e\n\u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n\u003cdiv class=\"highlights-grid\"\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n\u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n\u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n\u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n\u003cp\u003e10+ years warranty support\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch4\u003eCustomizable\u003c\/h4\u003e\n\u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n\u003cdiv class=\"inquiry-form-section\"\u003e\n\u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n\u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n\u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n\u003c!-- Hidden Fields for Web3Forms --\u003e \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e \u003c!-- Form Fields --\u003e\n\u003cdiv class=\"form-row\"\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e \u003cinput type=\"text\" id=\"inquiry-name\" placeholder=\"John Doe\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n\u003c\/div\u003e\n\u003c!-- Submit Button --\u003e \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e \u003cspan class=\"btn-loader\" style=\"display: none;\"\u003e⏳ Sending...\u003c\/span\u003e \u003c\/button\u003e \u003c!-- Success\/Error Message --\u003e\n\u003cdiv id=\"form-message\" class=\"form-message\" style=\"display: none;\"\u003e\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47198201315515,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/2_62815fd8-4be1-4f9c-a1be-a2826ffa9449.png?v=1763786132"},{"product_id":"15kwh-6-2kw-mobile-all-in-one-machine-energy-storage-system","title":"15kWh 6.2KW Mobile All-in-one Machine Energy Storage System","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\u003cdiv class=\"yuegu-product-module\"\u003e\n\u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n\u003cdiv class=\"product-highlights-section\"\u003e\n\u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n\u003cdiv class=\"highlights-grid\"\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n\u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n\u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n\u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n\u003cp\u003e10+ years warranty support\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch4\u003eCustomizable\u003c\/h4\u003e\n\u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n\u003cdiv class=\"inquiry-form-section\"\u003e\n\u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n\u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n\u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n\u003c!-- Hidden Fields for Web3Forms --\u003e \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e \u003c!-- Form Fields --\u003e\n\u003cdiv class=\"form-row\"\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e \u003cinput type=\"text\" id=\"inquiry-name\" placeholder=\"John Doe\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n\u003c\/div\u003e\n\u003c!-- Submit Button --\u003e \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e \u003cspan class=\"btn-loader\" style=\"display: none;\"\u003e⏳ Sending...\u003c\/span\u003e \u003c\/button\u003e \u003c!-- Success\/Error Message --\u003e\n\u003cdiv id=\"form-message\" class=\"form-message\" style=\"display: none;\"\u003e\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47198239424699,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/banner_2.png?v=1765963609"},{"product_id":"15kwh-11kwsenergy-storage-system-mobile-all-in-one-machine","title":"15kWh 11kw(S)Energy Storage System Mobile All-in-one Machine","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\u003cdiv class=\"yuegu-product-module\"\u003e\n\u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n\u003cdiv class=\"product-highlights-section\"\u003e\n\u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n\u003cdiv class=\"highlights-grid\"\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n\u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n\u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n\u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n\u003cp\u003e10+ years warranty support\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch4\u003eCustomizable\u003c\/h4\u003e\n\u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n\u003cdiv class=\"inquiry-form-section\"\u003e\n\u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n\u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n\u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n\u003c!-- Hidden Fields for Web3Forms --\u003e \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e \u003c!-- Form Fields --\u003e\n\u003cdiv class=\"form-row\"\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e \u003cinput type=\"text\" id=\"inquiry-name\" placeholder=\"John Doe\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n\u003c\/div\u003e\n\u003c!-- Submit Button --\u003e \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e \u003cspan class=\"btn-loader\" style=\"display: none;\"\u003e⏳ Sending...\u003c\/span\u003e \u003c\/button\u003e \u003c!-- Success\/Error Message --\u003e\n\u003cdiv id=\"form-message\" class=\"form-message\" style=\"display: none;\"\u003e\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47198267801787,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/4_b9b86ab9-1b3d-461d-876e-7fc826959ac2.png?v=1763786067"},{"product_id":"yg24-3-kw","title":"YG24-3.5KW Wall Mounted Inverter","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\u003cdiv class=\"yuegu-product-module\"\u003e\n\u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n\u003cdiv class=\"product-highlights-section\"\u003e\n\u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n\u003cdiv class=\"highlights-grid\"\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n\u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n\u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n\u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n\u003cp\u003e10+ years warranty support\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch4\u003eCustomizable\u003c\/h4\u003e\n\u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n\u003cdiv class=\"inquiry-form-section\"\u003e\n\u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n\u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n\u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n\u003c!-- Hidden Fields for Web3Forms --\u003e \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e \u003c!-- Form Fields --\u003e\n\u003cdiv class=\"form-row\"\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e \u003cinput type=\"text\" id=\"inquiry-name\" placeholder=\"John Doe\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n\u003c\/div\u003e\n\u003c!-- Submit Button --\u003e \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e \u003cspan class=\"btn-loader\" style=\"display: none;\"\u003e⏳ Sending...\u003c\/span\u003e \u003c\/button\u003e \u003c!-- Success\/Error Message --\u003e\n\u003cdiv id=\"form-message\" class=\"form-message\" style=\"display: none;\"\u003e\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47212401918139,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/2_bfce3b91-bf19-4ae4-ac8f-af38ded34f4c.png?v=1765962101"},{"product_id":"yg48-6-2kw-wall-mounted-inverter","title":"YG48-6.2KW Wall Mounted Inverter","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\u003cdiv class=\"yuegu-product-module\"\u003e\n\u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n\u003cdiv class=\"product-highlights-section\"\u003e\n\u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n\u003cdiv class=\"highlights-grid\"\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n\u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n\u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n\u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n\u003cp\u003e10+ years warranty support\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch4\u003eCustomizable\u003c\/h4\u003e\n\u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n\u003cdiv class=\"inquiry-form-section\"\u003e\n\u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n\u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n\u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n\u003c!-- Hidden Fields for Web3Forms --\u003e \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e \u003c!-- Form Fields --\u003e\n\u003cdiv class=\"form-row\"\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e \u003cinput type=\"text\" id=\"inquiry-name\" placeholder=\"John Doe\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n\u003c\/div\u003e\n\u003c!-- Submit Button --\u003e \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e \u003cspan class=\"btn-loader\" style=\"display: none;\"\u003e⏳ Sending...\u003c\/span\u003e \u003c\/button\u003e \u003c!-- Success\/Error Message --\u003e\n\u003cdiv id=\"form-message\" class=\"form-message\" style=\"display: none;\"\u003e\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47212508545211,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/banner.png?v=1765962954"},{"product_id":"yg48-6-2kw-wall-mounted-inverter-1","title":"YG48-6.2KW-PL Wall Mounted Inverter","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\u003cdiv class=\"yuegu-product-module\"\u003e\n\u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n\u003cdiv class=\"product-highlights-section\"\u003e\n\u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n\u003cdiv class=\"highlights-grid\"\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n\u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n\u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n\u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n\u003cp\u003e10+ years warranty support\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch4\u003eCustomizable\u003c\/h4\u003e\n\u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n\u003cdiv class=\"inquiry-form-section\"\u003e\n\u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n\u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n\u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n\u003c!-- Hidden Fields for Web3Forms --\u003e \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e \u003c!-- Form Fields --\u003e\n\u003cdiv class=\"form-row\"\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e \u003cinput type=\"text\" id=\"inquiry-name\" placeholder=\"John Doe\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n\u003c\/div\u003e\n\u003c!-- Submit Button --\u003e \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e \u003cspan class=\"btn-loader\" style=\"display: none;\"\u003e⏳ Sending...\u003c\/span\u003e \u003c\/button\u003e \u003c!-- Success\/Error Message --\u003e\n\u003cdiv id=\"form-message\" class=\"form-message\" style=\"display: none;\"\u003e\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47213559546043,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/2_fbff1dcc-405d-4a01-93a3-4222b1d0f21f.png?v=1765962010"},{"product_id":"yg48-11kw-wall-mounted-inverter","title":"YG48-11KW- Wall Mounted Inverter","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\u003cdiv class=\"yuegu-product-module\"\u003e\n\u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n\u003cdiv class=\"product-highlights-section\"\u003e\n\u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n\u003cdiv class=\"highlights-grid\"\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n\u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n\u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n\u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n\u003cp\u003e10+ years warranty support\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch4\u003eCustomizable\u003c\/h4\u003e\n\u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n\u003cdiv class=\"inquiry-form-section\"\u003e\n\u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n\u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n\u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n\u003c!-- Hidden Fields for Web3Forms --\u003e \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e \u003c!-- Form Fields --\u003e\n\u003cdiv class=\"form-row\"\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e \u003cinput type=\"text\" id=\"inquiry-name\" placeholder=\"John Doe\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n\u003c\/div\u003e\n\u003c!-- Submit Button --\u003e \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e \u003cspan class=\"btn-loader\" style=\"display: none;\"\u003e⏳ Sending...\u003c\/span\u003e \u003c\/button\u003e \u003c!-- Success\/Error Message --\u003e\n\u003cdiv id=\"form-message\" class=\"form-message\" style=\"display: none;\"\u003e\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47213628981435,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/3efe8ae300a45f65f16fc167c283970e.png?v=1764159310"},{"product_id":"1","title":"182M Half Cell 535W-550W Solar Panel","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\u003cdiv class=\"yuegu-product-module\"\u003e\n\u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n\u003cdiv class=\"product-highlights-section\"\u003e\n\u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n\u003cdiv class=\"highlights-grid\"\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n\u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n\u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n\u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n\u003cp\u003e10+ years warranty support\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch4\u003eCustomizable\u003c\/h4\u003e\n\u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n\u003cdiv class=\"inquiry-form-section\"\u003e\n\u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n\u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n\u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n\u003c!-- Hidden Fields for Web3Forms --\u003e \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e \u003c!-- Form Fields --\u003e\n\u003cdiv class=\"form-row\"\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e \u003cinput type=\"text\" id=\"inquiry-name\" placeholder=\"John Doe\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n\u003c\/div\u003e\n\u003c!-- Submit Button --\u003e \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e \u003cspan class=\"btn-loader\" style=\"display: none;\"\u003e⏳ Sending...\u003c\/span\u003e \u003c\/button\u003e \u003c!-- Success\/Error Message --\u003e\n\u003cdiv id=\"form-message\" class=\"form-message\" style=\"display: none;\"\u003e\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47216999792827,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/O1CN01AaiZnh1wpYjuHyPYV__2211681316357-0-cib.jpg?v=1764234689"},{"product_id":"182m-half-cell-topcon-585w-590w-solar-panel","title":"182M Half Cell Topcon 585W-590W Solar Panel","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\u003cdiv class=\"yuegu-product-module\"\u003e\n\u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n\u003cdiv class=\"product-highlights-section\"\u003e\n\u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n\u003cdiv class=\"highlights-grid\"\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n\u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n\u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n\u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n\u003cp\u003e10+ years warranty support\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch4\u003eCustomizable\u003c\/h4\u003e\n\u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n\u003cdiv class=\"inquiry-form-section\"\u003e\n\u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n\u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n\u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n\u003c!-- Hidden Fields for Web3Forms --\u003e \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e \u003c!-- Form Fields --\u003e\n\u003cdiv class=\"form-row\"\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e \u003cinput type=\"text\" id=\"inquiry-name\" placeholder=\"John Doe\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n\u003c\/div\u003e\n\u003c!-- Submit Button --\u003e \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e \u003cspan class=\"btn-loader\" style=\"display: none;\"\u003e⏳ Sending...\u003c\/span\u003e \u003c\/button\u003e \u003c!-- Success\/Error Message --\u003e\n\u003cdiv id=\"form-message\" class=\"form-message\" style=\"display: none;\"\u003e\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47217005985979,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/O1CN01uKgwIN1oq0DS9VPdg__2214850845275-0-cib.jpg?v=1764235028"},{"product_id":"51-2v-400ah-mobile-battery-pack-energy-storage-system","title":"51.2V 400Ah Mobile Battery Pack Energy Storage System","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\u003cdiv class=\"yuegu-product-module\"\u003e\n\u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n\u003cdiv class=\"product-highlights-section\"\u003e\n\u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n\u003cdiv class=\"highlights-grid\"\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n\u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n\u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n\u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n\u003cp\u003e10+ years warranty support\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch4\u003eCustomizable\u003c\/h4\u003e\n\u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n\u003cdiv class=\"inquiry-form-section\"\u003e\n\u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n\u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n\u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n\u003c!-- Hidden Fields for Web3Forms --\u003e \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e \u003c!-- Form Fields --\u003e\n\u003cdiv class=\"form-row\"\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e \u003cinput type=\"text\" id=\"inquiry-name\" placeholder=\"John Doe\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n\u003c\/div\u003e\n\u003c!-- Submit Button --\u003e \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e \u003cspan class=\"btn-loader\" style=\"display: none;\"\u003e⏳ Sending...\u003c\/span\u003e \u003c\/button\u003e \u003c!-- Success\/Error Message --\u003e\n\u003cdiv id=\"form-message\" class=\"form-message\" style=\"display: none;\"\u003e\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47251934511291,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/0519\/9035\/files\/2_62815fd8-4be1-4f9c-a1be-a2826ffa9449.png?v=1763786132"},{"product_id":"51-2v-10kw-wall-mounted-battery-pack-energy-storage-system","title":"51.2V 200Ah Wall-Mounted Battery Pack Energy Storage System","description":"\u003c!-- ========================================\n Yuegu Product Highlights \u0026 Inquiry Module\n 优化版 - 适配产品描述区域\n ======================================== --\u003e\n\u003cdiv class=\"yuegu-product-module\"\u003e\n\u003c!-- 🔹 Section 1: Product Highlights Display --\u003e\n\u003cdiv class=\"product-highlights-section\"\u003e\n\u003ch3 class=\"highlights-title\"\u003eWhy Choose Our Energy Storage Solution\u003c\/h3\u003e\n\u003cdiv class=\"highlights-grid\"\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eHigh Efficiency\u003c\/h4\u003e\n\u003cp\u003eUp to 95% energy conversion rate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eSuperior Safety\u003c\/h4\u003e\n\u003cp\u003eMulti-layer protection system\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e🔋\u003c\/div\u003e\n\u003ch4\u003eLong Lifespan\u003c\/h4\u003e\n\u003cp\u003e10+ years warranty support\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-item\"\u003e\n\u003cdiv class=\"highlight-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch4\u003eCustomizable\u003c\/h4\u003e\n\u003cp\u003eTailored to your specific needs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 🔹 Section 2: Customer Inquiry Form --\u003e\n\u003cdiv class=\"inquiry-form-section\"\u003e\n\u003ch3 class=\"form-title\"\u003eRequest a Quote\u003c\/h3\u003e\n\u003cp class=\"form-subtitle\"\u003eGet personalized solution for your energy storage needs\u003c\/p\u003e\n\u003cform id=\"yuegu-inquiry-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\u003e\n\u003c!-- Hidden Fields for Web3Forms --\u003e \u003cinput type=\"hidden\" name=\"access_key\" value=\"fd2399fb-d2b8-4293-8376-0266b77dd0ac\"\u003e \u003cinput type=\"hidden\" name=\"to\" value=\"onp230@gmail.com\"\u003e \u003cinput type=\"hidden\" name=\"subject\" value=\"New Product Inquiry from Yuegu Website\"\u003e \u003cinput type=\"hidden\" name=\"redirect\" value=\"https:\/\/yip5yv-pz.myshopify.com\/pages\/inquiry-success\"\u003e \u003c!-- ✅ 优化后: JavaScript自动填充产品信息 --\u003e \u003cinput type=\"hidden\" name=\"product_name\" id=\"product-name-field\" value=\"\"\u003e \u003cinput type=\"hidden\" name=\"product_url\" id=\"product-url-field\" value=\"\"\u003e \u003c!-- Form Fields --\u003e\n\u003cdiv class=\"form-row\"\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-name\"\u003eYour Name *\u003c\/label\u003e \u003cinput type=\"text\" id=\"inquiry-name\" placeholder=\"John Doe\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-email\"\u003eEmail Address *\u003c\/label\u003e \u003cinput type=\"email\" id=\"inquiry-email\" name=\"email\" placeholder=\"john@example.com\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-whatsapp\"\u003eWhatsApp Number *\u003c\/label\u003e \u003cinput type=\"tel\" id=\"inquiry-whatsapp\" name=\"whatsapp\" placeholder=\"+1 234 567 8900\" required=\"\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"form-group\"\u003e\n\u003clabel for=\"inquiry-message\"\u003eYour Message\u003c\/label\u003e \u003ctextarea id=\"inquiry-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your energy storage requirements...\"\u003e\u003c\/textarea\u003e\n\u003c\/div\u003e\n\u003c!-- Submit Button --\u003e \u003cbutton type=\"submit\" class=\"inquiry-submit-btn\" id=\"submit-btn\"\u003e \u003cspan class=\"btn-text\"\u003eSend Inquiry\u003c\/span\u003e \u003cspan class=\"btn-loader\" style=\"display: none;\"\u003e⏳ Sending...\u003c\/span\u003e \u003c\/button\u003e \u003c!-- Success\/Error Message --\u003e\n\u003cdiv id=\"form-message\" class=\"form-message\" style=\"display: none;\"\u003e\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================\n CSS Styles (Ella Theme Compatible)\n ======================================== --\u003e\n\u003cstyle\u003e\n\/* ========== Module Container ========== *\/\n.yuegu-product-module {\n max-width: 100%;\n margin: 0 auto 40px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n}\n\n\/* ========== Product Highlights Section ========== *\/\n.product-highlights-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 30px 25px;\n border-bottom: 3px solid #009944;\n}\n\n.highlights-title {\n font-size: 22px;\n font-weight: 600;\n color: #212529;\n text-align: center;\n margin: 0 0 25px;\n letter-spacing: -0.3px;\n}\n\n.highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 15px;\n}\n\n.highlight-item {\n background: #ffffff;\n border-radius: 10px;\n padding: 20px 15px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e0e0e0;\n}\n\n.highlight-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,153,68,0.15);\n border-color: #009944;\n}\n\n.highlight-icon {\n font-size: 36px;\n margin-bottom: 10px;\n line-height: 1;\n}\n\n.highlight-item h4 {\n font-size: 16px;\n font-weight: 600;\n color: #009944;\n margin: 0 0 5px;\n}\n\n.highlight-item p {\n font-size: 13px;\n color: #6c757d;\n margin: 0;\n line-height: 1.4;\n}\n\n\/* ========== Inquiry Form Section ========== *\/\n.inquiry-form-section {\n padding: 35px 30px;\n background: #ffffff;\n}\n\n.form-title {\n font-size: 24px;\n font-weight: 600;\n color: #212529;\n margin: 0 0 8px;\n text-align: center;\n}\n\n.form-subtitle {\n font-size: 14px;\n color: #6c757d;\n text-align: center;\n margin: 0 0 25px;\n}\n\n\/* Form Layout *\/\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 15px;\n}\n\n.form-group {\n margin-bottom: 18px;\n}\n\n.form-group label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #495057;\n margin-bottom: 8px;\n letter-spacing: 0.2px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 12px 15px;\n font-size: 14px;\n color: #212529;\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n outline: none;\n background: #ffffff;\n border-color: #009944;\n box-shadow: 0 0 0 3px rgba(0,153,68,0.1);\n}\n\n.form-group textarea {\n resize: vertical;\n min-height: 100px;\n}\n\n\/* Submit Button (Ella Style) *\/\n.inquiry-submit-btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #009944;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(0,153,68,0.3);\n}\n\n.inquiry-submit-btn:hover {\n background: #007a36;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,153,68,0.4);\n}\n\n.inquiry-submit-btn:active {\n transform: translateY(0);\n}\n\n.inquiry-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n\/* Form Messages *\/\n.form-message {\n margin-top: 15px;\n padding: 12px 18px;\n border-radius: 8px;\n font-size: 14px;\n text-align: center;\n font-weight: 500;\n}\n\n.form-message.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n\/* ========== Responsive Design ========== *\/\n@media (max-width: 768px) {\n .yuegu-product-module {\n border-radius: 0;\n margin-bottom: 20px;\n }\n \n .product-highlights-section {\n padding: 25px 20px;\n }\n \n .highlights-title {\n font-size: 20px;\n }\n \n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n \n .highlight-item {\n padding: 18px 12px;\n }\n \n .highlight-icon {\n font-size: 32px;\n }\n \n .highlight-item h4 {\n font-size: 14px;\n }\n \n .highlight-item p {\n font-size: 12px;\n }\n \n .inquiry-form-section {\n padding: 25px 20px;\n }\n \n .form-title {\n font-size: 20px;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n\n@media (max-width: 480px) {\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n \n .highlight-item {\n padding: 15px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n JavaScript for Form Handling\n ✅ 优化版 - 自动获取产品信息\n ======================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Yuegu","offers":[{"title":"Default Title","offer_id":47252358234299,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}]}],"url":"https:\/\/www.yvalleyenergy.com\/collections\/new-in.oembed?page=2","provider":"我的商店","version":"1.0","type":"link"}