Add Support Documentation with Payment Section (English & Chinese)

docs.json

@@ -147,9 +147,7 @@
                   },
                   {
                     "group": "3D",
-                    "pages": [
-                      "tutorials/3d/hunyuan3D-2"
-                    ]
+                    "pages": ["tutorials/3d/hunyuan3D-2"]
                   },
                   {
                     "group": "Video",
@@ -190,9 +188,7 @@
                   },
                   {
                     "group": "Audio",
-                    "pages": [
-                      "tutorials/audio/ace-step/ace-step-v1"
-                    ]
+                    "pages": ["tutorials/audio/ace-step/ace-step-v1"]
                   },
                   {
                     "group": "Partner Nodes",
@@ -209,9 +205,7 @@
                       },
                       {
                         "group": "Google",
-                        "pages": [
-                          "tutorials/partner-nodes/google/gemini"
-                        ]
+                        "pages": ["tutorials/partner-nodes/google/gemini"]
                       },
                       {
                         "group": "Stability AI",
@@ -303,9 +297,7 @@
               },
               {
                 "group": "Image",
-                "pages": [
-                  "built-in-nodes/Canny"
-                ]
+                "pages": ["built-in-nodes/Canny"]
               },
               {
                 "group": "Loader",
@@ -317,9 +309,7 @@
               },
               {
                 "group": "Latent",
-                "pages": [
-                  "built-in-nodes/latent/video/trim-video-latent"
-                ]
+                "pages": ["built-in-nodes/latent/video/trim-video-latent"]
               },
               {
                 "group": "Advanced",
@@ -343,17 +333,13 @@
                   "built-in-nodes/sampling/ksampler",
                   {
                     "group": "Custom Sampling",
-                    "pages": [
-                      "built-in-nodes/BasicScheduler"
-                    ]
+                    "pages": ["built-in-nodes/BasicScheduler"]
                   }
                 ]
               },
               {
                 "group": "3D",
-                "pages": [
-                  "built-in-nodes/Load3D"
-                ]
+                "pages": ["built-in-nodes/Load3D"]
               },
               {
                 "group": "Partner Node",
@@ -564,17 +550,11 @@
                 "pages": [
                   {
                     "group": "Workflow JSON",
-                    "pages": [
-                      "specs/workflow_json",
-                      "specs/workflow_json_0.4"
-                    ]
+                    "pages": ["specs/workflow_json", "specs/workflow_json_0.4"]
                   },
                   {
                     "group": "Node Definitions",
-                    "pages": [
-                      "specs/nodedef_json",
-                      "specs/nodedef_json_1_0"
-                    ]
+                    "pages": ["specs/nodedef_json", "specs/nodedef_json_1_0"]
                   }
                 ]
               }
@@ -583,6 +563,22 @@
           {
             "tab": "Support",
             "pages": [
+              {
+                "group": "Billing Support",
+                "pages": [
+                  {
+                    "group": "Payment",
+                    "pages": [
+                      "support/payment/accepted-payment-methods",
+                      "support/payment/editing-payment-information",
+                      "support/payment/payment-history",
+                      "support/payment/unsuccessful-payments",
+                      "support/payment/payment-currency",
+                      "support/payment/invoice-information"
+                    ]
+                  }
+                ]
+              },
               {
                 "group": "Troubleshooting",
                 "icon": "bug",
@@ -594,10 +590,7 @@
               },
               {
                 "group": "Community",
-                "pages": [
-                  "community/contributing",
-                  "community/links"
-                ]
+                "pages": ["community/contributing", "community/links"]
               }
             ]
           },
@@ -741,9 +734,7 @@
                   },
                   {
                     "group": "3D",
-                    "pages": [
-                      "zh-CN/tutorials/3d/hunyuan3D-2"
-                    ]
+                    "pages": ["zh-CN/tutorials/3d/hunyuan3D-2"]
                   },
                   {
                     "group": "视频",
@@ -784,9 +775,7 @@
                   },
                   {
                     "group": "音频",
-                    "pages": [
-                      "zh-CN/tutorials/audio/ace-step/ace-step-v1"
-                    ]
+                    "pages": ["zh-CN/tutorials/audio/ace-step/ace-step-v1"]
                   },
                   {
                     "group": "合作伙伴节点",
@@ -803,9 +792,7 @@
                       },
                       {
                         "group": "Google",
-                        "pages": [
-                          "zh-CN/tutorials/partner-nodes/google/gemini"
-                        ]
+                        "pages": ["zh-CN/tutorials/partner-nodes/google/gemini"]
                       },
                       {
                         "group": "Stability AI",
@@ -897,9 +884,7 @@
               },
               {
                 "group": "图像",
-                "pages": [
-                  "zh-CN/built-in-nodes/Canny"
-                ]
+                "pages": ["zh-CN/built-in-nodes/Canny"]
               },
               {
                 "group": "加载器",
@@ -911,9 +896,7 @@
               },
               {
                 "group": "潜变量",
-                "pages": [
-                  "zh-CN/built-in-nodes/latent/video/trim-video-latent"
-                ]
+                "pages": ["zh-CN/built-in-nodes/latent/video/trim-video-latent"]
               },
               {
                 "group": "高级",
@@ -937,17 +920,13 @@
                   "zh-CN/built-in-nodes/sampling/ksampler",
                   {
                     "group": "自定义采样",
-                    "pages": [
-                      "zh-CN/built-in-nodes/BasicScheduler"
-                    ]
+                    "pages": ["zh-CN/built-in-nodes/BasicScheduler"]
                   }
                 ]
               },
               {
                 "group": "3D",
-                "pages": [
-                  "zh-CN/built-in-nodes/Load3D"
-                ]
+                "pages": ["zh-CN/built-in-nodes/Load3D"]
               },
               {
                 "group": "合作伙伴节点",
@@ -1176,6 +1155,22 @@
           {
             "tab": "支持",
             "pages": [
+              {
+                "group": "账单支持",
+                "pages": [
+                  {
+                    "group": "支付",
+                    "pages": [
+                      "zh-CN/support/payment/accepted-payment-methods",
+                      "zh-CN/support/payment/editing-payment-information",
+                      "zh-CN/support/payment/payment-history",
+                      "zh-CN/support/payment/unsuccessful-payments",
+                      "zh-CN/support/payment/payment-currency",
+                      "zh-CN/support/payment/invoice-information"
+                    ]
+                  }
+                ]
+              },
               {
                 "group": "故障排除",
                 "icon": "bug",
@@ -1290,12 +1285,7 @@
     ]
   },
   "contextual": {
-    "options": [
-      "copy",
-      "view",
-      "chatgpt",
-      "claude"
-    ]
+    "options": ["copy", "view", "chatgpt", "claude"]
   },
   "integrations": {},
   "redirects": [

language-switcher-fix.js

@@ -74,6 +74,62 @@
     return newPath + search + hash;
   }
 
+  /**
+   * Normalize href into a URL object scoped to current origin
+   */
+  function parseHref(href) {
+    if (!href) {
+      return null;
+    }
+
+    try {
+      const url = new URL(href, window.location.origin);
+      return {
+        url,
+        isSameOrigin: url.origin === window.location.origin,
+        relativePath: url.pathname + url.search + url.hash
+      };
+    } catch (error) {
+      return null;
+    }
+  }
+
+  /**
+   * Attach handler to language element
+   */
+  function attachLanguageHandler(element, targetLang) {
+    if (!element || targetLang === getCurrentLanguage()) {
+      return false;
+    }
+
+    if (element.getAttribute('data-language-fixed') === 'true') {
+      return false;
+    }
+
+    const handler = event => {
+      if (event) {
+        if (typeof event.preventDefault === 'function') {
+          event.preventDefault();
+        }
+        if (typeof event.stopPropagation === 'function') {
+          event.stopPropagation();
+        }
+        if (typeof event.stopImmediatePropagation === 'function') {
+          event.stopImmediatePropagation();
+        }
+      }
+
+      const newPath = convertPathToLanguage(targetLang);
+      console.log('[Language Switcher] Navigating from', window.location.pathname, 'to', newPath);
+      window.location.href = newPath;
+    };
+
+    element.addEventListener('click', handler, true);
+    element.setAttribute('data-language-fixed', 'true');
+    element.setAttribute('data-target-lang', targetLang);
+    return true;
+  }
+
   /**
    * Fix language switcher links
    */
@@ -155,8 +211,12 @@
           }
 
           const href = link.getAttribute('href');
-          if (!href) return;
+          const parsedHref = parseHref(href);
+          if (!parsedHref || !parsedHref.isSameOrigin) {
+            return;
+          }
 
+          const { url } = parsedHref;
           const linkText = link.textContent.trim().toLowerCase();
 
           // Determine which language this link is for
@@ -166,13 +226,13 @@
             targetLang = 'cn';
           } else if (linkText.includes('english') || linkText === 'en') {
             targetLang = 'en';
-          } else if (href === '/' && !link.closest('[class*="footer"]')) {
+          } else if (url.pathname === '/' && !link.closest('[class*="footer"]')) {
             // Links to "/" might be English homepage (but not in footer)
             const parent = link.closest('[role="menu"], [role="listbox"], [id*="localization"]');
             if (parent) {
               targetLang = 'en';
             }
-          } else if (href.startsWith('/zh-CN') || href === '/zh-CN/') {
+          } else if (url.pathname.startsWith('/zh-CN')) {
             targetLang = 'cn';
           }
 
@@ -181,27 +241,42 @@
 
             // Only fix if switching to a different language
             if (targetLang !== currentLang) {
-              // Calculate the new path
+              // Calculate the new path and update the href for visual feedback
               const newPath = convertPathToLanguage(targetLang);
-
-              // Update the href attribute
               link.setAttribute('href', newPath);
-              link.setAttribute('data-language-fixed', 'true');
-              link.setAttribute('data-target-lang', targetLang);
 
-              // Override the click handler
-              link.addEventListener('click', function(e) {
-                e.preventDefault();
-                e.stopPropagation();
+              if (attachLanguageHandler(link, targetLang)) {
+                fixedCount++;
+              }
+            }
+          }
+        });
 
-                const newPath = convertPathToLanguage(targetLang);
-                console.log('[Language Switcher] Navigating from', window.location.pathname, 'to', newPath);
-                window.location.href = newPath;
-              }, true);
+        // Handle dropdown menu items rendered as div/button elements
+        const dropdownItems = document.querySelectorAll('[id^="localization-select-item-"]');
 
-              fixedCount++;
+        dropdownItems.forEach(item => {
+          let targetLang = null;
+          const itemId = item.id || '';
+
+          if (itemId.endsWith('-en')) {
+            targetLang = 'en';
+          } else if (itemId.endsWith('-cn')) {
+            targetLang = 'cn';
+          }
+
+          if (!targetLang) {
+            const text = item.textContent.trim().toLowerCase();
+            if (text.includes('english') || text === 'en') {
+              targetLang = 'en';
+            } else if (text.includes('中文') || text.includes('chinese') || text === 'cn') {
+              targetLang = 'cn';
             }
           }
+
+          if (targetLang && attachLanguageHandler(item, targetLang)) {
+            fixedCount++;
+          }
         });
 
         return fixedCount;