From 6d09003629d86ac5330981a04f6454b5f1f34830 Mon Sep 17 00:00:00 2001
From: Jenny-Jiani <70129215+Jenny-Jiani@users.noreply.github.com>
Date: Fri, 9 Jan 2026 13:14:53 +0800
Subject: [PATCH 1/5] update image file links

---
 .../mobile/archive/android/debug-mode.md       | 14 +++++++-------
 barcode-reader/mobile/archive/android/index.md | 18 +++++++++---------
 barcode-reader/mobile/archive/ios/index.md     | 18 +++++++++---------
 barcode-reader/mobile/debug/debug-mode.md      | 14 +++++++-------
 .../scan-setting/how-to-enable-qr-model-one.md |  4 ++--
 .../web/capabilities/ios-16-incompatible.md    |  2 +-
 .../change-domain-binding-of-product-key.md    |  2 +-
 .../pop-up-window-during-trail-process.md      |  4 ++--
 barcode-reader/web/debug/debug-mode.md         |  2 +-
 ...troubleshooting-steps-for-decode-failure.md |  6 +++---
 10 files changed, 42 insertions(+), 42 deletions(-)

diff --git a/barcode-reader/mobile/archive/android/debug-mode.md b/barcode-reader/mobile/archive/android/debug-mode.md
index 9e6e570..65a1768 100644
--- a/barcode-reader/mobile/archive/android/debug-mode.md
+++ b/barcode-reader/mobile/archive/android/debug-mode.md
@@ -16,15 +16,15 @@ This next section will explain how to toggle on debug mode on the demo app, and
 
 1. From the home screen, go to Advanced Scan.
 
-<img src="../assets/home_screen.jpg" alt="Home screen"  width="50%" height="50%">
+<img src="/assets/home_screen.jpg" alt="Home screen"  width="50%" height="50%">
 
 2. Tap the settings icon at the top-right corner.
 
-<img src="../assets/advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
+<img src="/assets/advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
 
 3. Tap Debug Mode to see the drop-down list.
 
-<img src="../assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
+<img src="/assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
 
 ## Debug Mode - Crash Logger
 
@@ -32,13 +32,13 @@ If you are encountering an app crash caused by Dynamsoft Barcode Reader or Dynam
 
 1. Toggle on Crash Logger
 
-<img src="../assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
+<img src="/assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
 
 2. After Crash Logger is toggled on, please go ahead and scan codes until you reproduce the crash issue.
 
 3. After the app crashes, re-open BarcodeScannerX app and go to Advanced Scan -> settings. Tap the "Share" button to share the log files with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest).
 
-<img src="../assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
+<img src="/assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
 
 ## Debug Mode - Image Cropper
 
@@ -46,10 +46,10 @@ If you are having trouble reading barcodes, you should use the Image Cropper to
 
 1. Toggle on Image Cropper
 
-<img src="../assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
+<img src="/assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
 
 2. After Image Cropper is toggled on, an image crop icon will show up at the bottom left of Advanced Scan
 
-<img src="../assets/crop.jpg" alt="crop"  width="50%" height="50%">
+<img src="/assets/crop.jpg" alt="crop"  width="50%" height="50%">
 
 3. Tap the image crop icon to crop and share the original frames with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
diff --git a/barcode-reader/mobile/archive/android/index.md b/barcode-reader/mobile/archive/android/index.md
index 4f87055..e79530f 100644
--- a/barcode-reader/mobile/archive/android/index.md
+++ b/barcode-reader/mobile/archive/android/index.md
@@ -110,15 +110,15 @@ This next section will explain how to toggle on debug mode on the demo app, and
 
 1. From the home screen, go to Advanced Scan.
 
-<img src="../assets/home_screen.jpg" alt="Home screen"  width="50%" height="50%">
+<img src="/assets/home_screen.jpg" alt="Home screen"  width="50%" height="50%">
 
 2. Tap the settings icon at the top-right corner.
 
-<img src="../assets/advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
+<img src="/assets/advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
 
 3. Tap Debug Mode to see the drop-down list.
 
-<img src="../assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
+<img src="/assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
 
 ### Debug Mode - Crash Logger
 
@@ -126,13 +126,13 @@ If you are encountering an app crash caused by Dynamsoft Barcode Reader or Dynam
 
 1. Toggle on Crash Logger
 
-<img src="../assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
+<img src="/assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
 
 2. After Crash Logger is toggled on, please go ahead and scan codes until you reproduce the crash issue.
 
 3. After the app crashes, re-open BarcodeScannerX app and go to Advanced Scan -> settings. Tap the "Share" button to share the log files with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest).
 
-<img src="../assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
+<img src="/assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
 
 ### Debug Mode - Image Cropper
 
@@ -140,11 +140,11 @@ If you are having trouble reading barcodes, you should use the Image Cropper to
 
 1. Toggle on Image Cropper
 
-<img src="../assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
+<img src="/assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
 
 2. After Image Cropper is toggled on, an image crop icon will show up at the bottom left of Advanced Scan
 
-<img src="../assets/crop.jpg" alt="crop"  width="50%" height="50%">
+<img src="/assets/crop.jpg" alt="crop"  width="50%" height="50%">
 
 3. Tap the image crop icon to crop and share the original frames with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
 
@@ -156,14 +156,14 @@ Nowadays, most QR codes are QR code Model 2. BarcodeScannerX, by default, only s
 2. Click on Advanced Settings
 
    <div align="left">
-      <p><img src="../assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
+      <p><img src="/assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
    </div>
 
 3. Check **EnableQRCodeModel1**.(You can modify any other settings as you like)
 4. Save the template.
 
    <div align="left">
-      <p><img src="../assets/save-template.jpg" width="40%" alt="save template"></p>
+      <p><img src="/assets/save-template.jpg" width="40%" alt="save template"></p>
    </div>
 
 5. Send the template to <a href="https://www.dynamsoft.com/contact/?ver=latest" target="_blank">Dynamsoft support team</a>.
diff --git a/barcode-reader/mobile/archive/ios/index.md b/barcode-reader/mobile/archive/ios/index.md
index b2e45aa..64f8ee0 100644
--- a/barcode-reader/mobile/archive/ios/index.md
+++ b/barcode-reader/mobile/archive/ios/index.md
@@ -177,15 +177,15 @@ This next section will explain how to toggle on debug mode on the demo app, and
 
 1. From the home screen, go to Advanced Scan.
 
-<img src="../assets/home_screen.jpg" alt="Home screen"  width="50%" height="50%">
+<img src="/assets/home_screen.jpg" alt="Home screen"  width="50%" height="50%">
 
 2. Tap the settings icon at the top-right corner.
 
-<img src="../assets/advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
+<img src="/assets/advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
 
 3. Tap Debug Mode to see the drop-down list.
 
-<img src="../assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
+<img src="/assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
 
 ### Debug Mode - Crash Logger
 
@@ -193,13 +193,13 @@ If you are encountering an app crash caused by Dynamsoft Barcode Reader or Dynam
 
 1. Toggle on Crash Logger
 
-<img src="../assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
+<img src="/assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
 
 2. After Crash Logger is toggled on, please go ahead and scan codes until you reproduce the crash issue.
 
 3. After the app crashes, re-open BarcodeScannerX app and go to Advanced Scan -> settings. Tap the "Share" button to share the log files with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest).
 
-<img src="../assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
+<img src="/assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
 
 ### Debug Mode - Image Cropper
 
@@ -207,11 +207,11 @@ If you are having trouble reading barcodes, you should use the Image Cropper to
 
 1. Toggle on Image Cropper
 
-<img src="../assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
+<img src="/assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
 
 2. After Image Cropper is toggled on, an image crop icon will show up at the bottom left of Advanced Scan
 
-<img src="../assets/crop.jpg" alt="crop"  width="50%" height="50%">
+<img src="/assets/crop.jpg" alt="crop"  width="50%" height="50%">
 
 3. Tap the image crop icon to crop and share the original frames with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
 
@@ -223,14 +223,14 @@ Nowadays, most QR codes are QR code Model 2. BarcodeScannerX, by default, only s
 2. Click on Advanced Settings
 
    <div align="left">
-      <p><img src="../assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
+      <p><img src="/assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
    </div>
 
 3. Check **EnableQRCodeModel1**(You can modify any other settings as you like)
 4. Save the template.
 
    <div align="left">
-      <p><img src="../assets/save-template.jpg" width="40%" alt="save template"></p>
+      <p><img src="/assets/save-template.jpg" width="40%" alt="save template"></p>
    </div>
 
 5. Send the template to <a href="https://www.dynamsoft.com/contact/?ver=latest" target="_blank">Dynamsoft support team</a>.
diff --git a/barcode-reader/mobile/debug/debug-mode.md b/barcode-reader/mobile/debug/debug-mode.md
index 09df1f2..774ee54 100644
--- a/barcode-reader/mobile/debug/debug-mode.md
+++ b/barcode-reader/mobile/debug/debug-mode.md
@@ -14,15 +14,15 @@ This next section will explain how to toggle on debug mode on the demo app, and
 
 1. From the home screen, go to Advanced Scan.
 
-    <img src="../assets/any_codes.png" alt="Home screen"  width="50%" height="50%">
+    <img src="/assets/any_codes.png" alt="Home screen"  width="50%" height="50%">
 
 2. Tap the settings icon at the top-right corner.
 
-    <img src="../assets/any_codes_setting.png" alt="Advanced scan"  width="50%" height="50%">
+    <img src="/assets/any_codes_setting.png" alt="Advanced scan"  width="50%" height="50%">
 
 3. Tap Debug Mode to see the drop-down list.
 
-    <img src="../assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
+    <img src="/assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
 
 ### Debug Mode - Crash Logger
 
@@ -30,13 +30,13 @@ If you are encountering an app crash caused by Dynamsoft Barcode Reader or Dynam
 
 1. Toggle on Crash Logger
 
-    <img src="../assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
+    <img src="/assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
 
 2. After Crash Logger is toggled on, please go ahead and scan codes until you reproduce the crash issue.
 
 3. After the app crashes, re-open BarcodeScannerX app and go to Advanced Scan -> settings. Tap the "Share" button to share the log files with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest).
 
-    <img src="../assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
+    <img src="/assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
 
 ### Debug Mode - Image Cropper
 
@@ -44,11 +44,11 @@ If you are having trouble reading barcodes, you should use the Image Cropper to
 
 1. Toggle on Image Cropper
 
-    <img src="../assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
+    <img src="/assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
 
 2. After Image Cropper is toggled on, an image crop icon will show up at the bottom left of Advanced Scan
 
-    <img src="../assets/crop.jpg" alt="crop"  width="50%" height="50%">
+    <img src="/assets/crop.jpg" alt="crop"  width="50%" height="50%">
 
 3. Tap the image crop icon to crop and share the original frames with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
 
diff --git a/barcode-reader/mobile/scan-setting/how-to-enable-qr-model-one.md b/barcode-reader/mobile/scan-setting/how-to-enable-qr-model-one.md
index bd96b8e..9f4431c 100644
--- a/barcode-reader/mobile/scan-setting/how-to-enable-qr-model-one.md
+++ b/barcode-reader/mobile/scan-setting/how-to-enable-qr-model-one.md
@@ -18,14 +18,14 @@ Most QR codes today follow the **QR Code Model 2** standard. By default, **Barco
 2. Click **Advanced Settings**.
 
    <div align="left">
-      <p><img src="../assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
+      <p><img src="/assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
    </div>
 
 3. In the settings, check the option **EnableQRCodeModel1** (you can modify any other settings as well).
 4. Click **Save Template**.
 
    <div align="left">
-      <p><img src="../assets/save-template.jpg" width="40%" alt="save template"></p>
+      <p><img src="/assets/save-template.jpg" width="40%" alt="save template"></p>
    </div>
 
 5. Send your saved template to the [Dynamsoft Support Team](https://www.dynamsoft.com/contact/?ver=latest){:target="_blank"}.
diff --git a/barcode-reader/web/capabilities/ios-16-incompatible.md b/barcode-reader/web/capabilities/ios-16-incompatible.md
index b674b43..985ac48 100644
--- a/barcode-reader/web/capabilities/ios-16-incompatible.md
+++ b/barcode-reader/web/capabilities/ios-16-incompatible.md
@@ -18,7 +18,7 @@ iOS 16.4 was released on March 27th, 2023. In this version, all browsers on iOS
 
 If you encounter the issue, you will see the following error in the browser console:
 
-![ios-16-incompatible](../assets/ios-16-incompatible.png)
+![ios-16-incompatible](/assets/ios-16-incompatible.png)
  
 ## Solution:
  
diff --git a/barcode-reader/web/configuration/change-domain-binding-of-product-key.md b/barcode-reader/web/configuration/change-domain-binding-of-product-key.md
index 890f127..f0040a0 100644
--- a/barcode-reader/web/configuration/change-domain-binding-of-product-key.md
+++ b/barcode-reader/web/configuration/change-domain-binding-of-product-key.md
@@ -14,5 +14,5 @@ This guide explains how to protect your software product key by properly managin
   3. Find the project that you want to change the domain binding.
   4. Click on the "Configure" button.
   5. Scroll down and find "Optional Settings" -> edit "Bind Website Domain" field to change your domain binding.
-  <img src="../assets/domain_binding.jpg" alt="domain_binding" />
+  <img src="/assets/domain_binding.jpg" alt="domain_binding" />
  > Please note that a single project can contain multiple license items. If you wish to bind a single license item to a certain domain, then you will need to make sure that license item is the only item in the associated project. First, remove the license item from its current project. Afterwards, create a new project and then open its configuration page. Then, move the license item to the new project and finally edit the binding info of the new project.
diff --git a/barcode-reader/web/configuration/pop-up-window-during-trail-process.md b/barcode-reader/web/configuration/pop-up-window-during-trail-process.md
index 17a2d08..e7f925f 100644
--- a/barcode-reader/web/configuration/pop-up-window-during-trail-process.md
+++ b/barcode-reader/web/configuration/pop-up-window-during-trail-process.md
@@ -12,8 +12,8 @@ Users may meet pop-up window when using our online demo, don't worry about how t
 
 The pop up window in our online demo:
 
-![warning_info](../assets/warning_information.png)
+![warning_info](/assets/warning_information.png)
 
-![expired_info](../assets/expired_information.png)
+![expired_info](/assets/expired_information.png)
 
 
diff --git a/barcode-reader/web/debug/debug-mode.md b/barcode-reader/web/debug/debug-mode.md
index 54a54ed..e148d22 100644
--- a/barcode-reader/web/debug/debug-mode.md
+++ b/barcode-reader/web/debug/debug-mode.md
@@ -31,7 +31,7 @@ In debug mode:
 ---
 
 <div align="left">
-    <p><img src="../assets/undefined.png" width="40%" alt="advanced settings"></p>
+    <p><img src="/assets/undefined.png" width="40%" alt="advanced settings"></p>
 </div>
 
 ## Upload a custom template
diff --git a/barcode-reader/web/debug/general-troubleshooting-steps-for-decode-failure.md b/barcode-reader/web/debug/general-troubleshooting-steps-for-decode-failure.md
index e757aa8..26dfd03 100644
--- a/barcode-reader/web/debug/general-troubleshooting-steps-for-decode-failure.md
+++ b/barcode-reader/web/debug/general-troubleshooting-steps-for-decode-failure.md
@@ -16,18 +16,18 @@ Generally, with some setting changes via our APIs, Dynamsoft Barcode Reader Java
 ## Step 1 - try different scan settings with our standard online demo
 1. The first thing is to try the [JavaScript online demo](https://demo.dynamsoft.com/barcode-reader-js/). If the barcode is not being picked up under normal settings, let's try out some different settings in the demo. By default, the demo runs on the Best Speed mode, which you can see under the "Scan Settings" on the left-hand side. To potentially improve the performance, we recommend trying out the two other available modes in the demo: Balance or Best Coverage. Best Coverage will prioritize read rate over speed, while Best Speed will prioritize speed over accuracy or read rate. Balance offers the perfect mixture between the two.
 
-      <img src="../assets/best_coverage.jpg" alt="Best coverage"  width="50%" height="50%">
+      <img src="/assets/best_coverage.jpg" alt="Best coverage"  width="50%" height="50%">
 
 
 2. Enable Full HD resolution in the demo
-      <img src="../assets/full_hd.jpg" alt="Full HD"  width="50%" height="50%">
+      <img src="/assets/full_hd.jpg" alt="Full HD"  width="50%" height="50%">
 
 
 ## Step 2 - capture image frames and send to Dynamsoft for analysis
 
 1.  Go to [JavaScript online demo debug mode](https://demo.dynamsoft.com/barcode-reader-js?debug=true) -> Click "START SCAN" -> Click the "Scan Settings" button. -> Place the barcode inside the scan region -> Click the "Capture" button on the top right corner -> A zip file that contains 8 frames will be downloaded. 
 
-      <img src="../assets/Cropped Img.png" alt="Frames crop"  width="50%" height="50%">
+      <img src="/assets/Cropped Img.png" alt="Frames crop"  width="50%" height="50%">
 
 2. Share the video frames set with [Dynamsoft Support team](https://www.dynamsoft.com/contact/). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
 

From fab1f6f96a26ba2ca7e79e852bdb95f8aa907ac3 Mon Sep 17 00:00:00 2001
From: Jenny-Jiani <70129215+Jenny-Jiani@users.noreply.github.com>
Date: Fri, 9 Jan 2026 13:19:57 +0800
Subject: [PATCH 2/5] Revert "update image file links"

This reverts commit 6d09003629d86ac5330981a04f6454b5f1f34830.
---
 .../mobile/archive/android/debug-mode.md       | 14 +++++++-------
 barcode-reader/mobile/archive/android/index.md | 18 +++++++++---------
 barcode-reader/mobile/archive/ios/index.md     | 18 +++++++++---------
 barcode-reader/mobile/debug/debug-mode.md      | 14 +++++++-------
 .../scan-setting/how-to-enable-qr-model-one.md |  4 ++--
 .../web/capabilities/ios-16-incompatible.md    |  2 +-
 .../change-domain-binding-of-product-key.md    |  2 +-
 .../pop-up-window-during-trail-process.md      |  4 ++--
 barcode-reader/web/debug/debug-mode.md         |  2 +-
 ...troubleshooting-steps-for-decode-failure.md |  6 +++---
 10 files changed, 42 insertions(+), 42 deletions(-)

diff --git a/barcode-reader/mobile/archive/android/debug-mode.md b/barcode-reader/mobile/archive/android/debug-mode.md
index 65a1768..9e6e570 100644
--- a/barcode-reader/mobile/archive/android/debug-mode.md
+++ b/barcode-reader/mobile/archive/android/debug-mode.md
@@ -16,15 +16,15 @@ This next section will explain how to toggle on debug mode on the demo app, and
 
 1. From the home screen, go to Advanced Scan.
 
-<img src="/assets/home_screen.jpg" alt="Home screen"  width="50%" height="50%">
+<img src="../assets/home_screen.jpg" alt="Home screen"  width="50%" height="50%">
 
 2. Tap the settings icon at the top-right corner.
 
-<img src="/assets/advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
+<img src="../assets/advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
 
 3. Tap Debug Mode to see the drop-down list.
 
-<img src="/assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
+<img src="../assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
 
 ## Debug Mode - Crash Logger
 
@@ -32,13 +32,13 @@ If you are encountering an app crash caused by Dynamsoft Barcode Reader or Dynam
 
 1. Toggle on Crash Logger
 
-<img src="/assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
+<img src="../assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
 
 2. After Crash Logger is toggled on, please go ahead and scan codes until you reproduce the crash issue.
 
 3. After the app crashes, re-open BarcodeScannerX app and go to Advanced Scan -> settings. Tap the "Share" button to share the log files with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest).
 
-<img src="/assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
+<img src="../assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
 
 ## Debug Mode - Image Cropper
 
@@ -46,10 +46,10 @@ If you are having trouble reading barcodes, you should use the Image Cropper to
 
 1. Toggle on Image Cropper
 
-<img src="/assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
+<img src="../assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
 
 2. After Image Cropper is toggled on, an image crop icon will show up at the bottom left of Advanced Scan
 
-<img src="/assets/crop.jpg" alt="crop"  width="50%" height="50%">
+<img src="../assets/crop.jpg" alt="crop"  width="50%" height="50%">
 
 3. Tap the image crop icon to crop and share the original frames with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
diff --git a/barcode-reader/mobile/archive/android/index.md b/barcode-reader/mobile/archive/android/index.md
index e79530f..4f87055 100644
--- a/barcode-reader/mobile/archive/android/index.md
+++ b/barcode-reader/mobile/archive/android/index.md
@@ -110,15 +110,15 @@ This next section will explain how to toggle on debug mode on the demo app, and
 
 1. From the home screen, go to Advanced Scan.
 
-<img src="/assets/home_screen.jpg" alt="Home screen"  width="50%" height="50%">
+<img src="../assets/home_screen.jpg" alt="Home screen"  width="50%" height="50%">
 
 2. Tap the settings icon at the top-right corner.
 
-<img src="/assets/advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
+<img src="../assets/advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
 
 3. Tap Debug Mode to see the drop-down list.
 
-<img src="/assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
+<img src="../assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
 
 ### Debug Mode - Crash Logger
 
@@ -126,13 +126,13 @@ If you are encountering an app crash caused by Dynamsoft Barcode Reader or Dynam
 
 1. Toggle on Crash Logger
 
-<img src="/assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
+<img src="../assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
 
 2. After Crash Logger is toggled on, please go ahead and scan codes until you reproduce the crash issue.
 
 3. After the app crashes, re-open BarcodeScannerX app and go to Advanced Scan -> settings. Tap the "Share" button to share the log files with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest).
 
-<img src="/assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
+<img src="../assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
 
 ### Debug Mode - Image Cropper
 
@@ -140,11 +140,11 @@ If you are having trouble reading barcodes, you should use the Image Cropper to
 
 1. Toggle on Image Cropper
 
-<img src="/assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
+<img src="../assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
 
 2. After Image Cropper is toggled on, an image crop icon will show up at the bottom left of Advanced Scan
 
-<img src="/assets/crop.jpg" alt="crop"  width="50%" height="50%">
+<img src="../assets/crop.jpg" alt="crop"  width="50%" height="50%">
 
 3. Tap the image crop icon to crop and share the original frames with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
 
@@ -156,14 +156,14 @@ Nowadays, most QR codes are QR code Model 2. BarcodeScannerX, by default, only s
 2. Click on Advanced Settings
 
    <div align="left">
-      <p><img src="/assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
+      <p><img src="../assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
    </div>
 
 3. Check **EnableQRCodeModel1**.(You can modify any other settings as you like)
 4. Save the template.
 
    <div align="left">
-      <p><img src="/assets/save-template.jpg" width="40%" alt="save template"></p>
+      <p><img src="../assets/save-template.jpg" width="40%" alt="save template"></p>
    </div>
 
 5. Send the template to <a href="https://www.dynamsoft.com/contact/?ver=latest" target="_blank">Dynamsoft support team</a>.
diff --git a/barcode-reader/mobile/archive/ios/index.md b/barcode-reader/mobile/archive/ios/index.md
index 64f8ee0..b2e45aa 100644
--- a/barcode-reader/mobile/archive/ios/index.md
+++ b/barcode-reader/mobile/archive/ios/index.md
@@ -177,15 +177,15 @@ This next section will explain how to toggle on debug mode on the demo app, and
 
 1. From the home screen, go to Advanced Scan.
 
-<img src="/assets/home_screen.jpg" alt="Home screen"  width="50%" height="50%">
+<img src="../assets/home_screen.jpg" alt="Home screen"  width="50%" height="50%">
 
 2. Tap the settings icon at the top-right corner.
 
-<img src="/assets/advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
+<img src="../assets/advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
 
 3. Tap Debug Mode to see the drop-down list.
 
-<img src="/assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
+<img src="../assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
 
 ### Debug Mode - Crash Logger
 
@@ -193,13 +193,13 @@ If you are encountering an app crash caused by Dynamsoft Barcode Reader or Dynam
 
 1. Toggle on Crash Logger
 
-<img src="/assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
+<img src="../assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
 
 2. After Crash Logger is toggled on, please go ahead and scan codes until you reproduce the crash issue.
 
 3. After the app crashes, re-open BarcodeScannerX app and go to Advanced Scan -> settings. Tap the "Share" button to share the log files with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest).
 
-<img src="/assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
+<img src="../assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
 
 ### Debug Mode - Image Cropper
 
@@ -207,11 +207,11 @@ If you are having trouble reading barcodes, you should use the Image Cropper to
 
 1. Toggle on Image Cropper
 
-<img src="/assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
+<img src="../assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
 
 2. After Image Cropper is toggled on, an image crop icon will show up at the bottom left of Advanced Scan
 
-<img src="/assets/crop.jpg" alt="crop"  width="50%" height="50%">
+<img src="../assets/crop.jpg" alt="crop"  width="50%" height="50%">
 
 3. Tap the image crop icon to crop and share the original frames with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
 
@@ -223,14 +223,14 @@ Nowadays, most QR codes are QR code Model 2. BarcodeScannerX, by default, only s
 2. Click on Advanced Settings
 
    <div align="left">
-      <p><img src="/assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
+      <p><img src="../assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
    </div>
 
 3. Check **EnableQRCodeModel1**(You can modify any other settings as you like)
 4. Save the template.
 
    <div align="left">
-      <p><img src="/assets/save-template.jpg" width="40%" alt="save template"></p>
+      <p><img src="../assets/save-template.jpg" width="40%" alt="save template"></p>
    </div>
 
 5. Send the template to <a href="https://www.dynamsoft.com/contact/?ver=latest" target="_blank">Dynamsoft support team</a>.
diff --git a/barcode-reader/mobile/debug/debug-mode.md b/barcode-reader/mobile/debug/debug-mode.md
index 774ee54..09df1f2 100644
--- a/barcode-reader/mobile/debug/debug-mode.md
+++ b/barcode-reader/mobile/debug/debug-mode.md
@@ -14,15 +14,15 @@ This next section will explain how to toggle on debug mode on the demo app, and
 
 1. From the home screen, go to Advanced Scan.
 
-    <img src="/assets/any_codes.png" alt="Home screen"  width="50%" height="50%">
+    <img src="../assets/any_codes.png" alt="Home screen"  width="50%" height="50%">
 
 2. Tap the settings icon at the top-right corner.
 
-    <img src="/assets/any_codes_setting.png" alt="Advanced scan"  width="50%" height="50%">
+    <img src="../assets/any_codes_setting.png" alt="Advanced scan"  width="50%" height="50%">
 
 3. Tap Debug Mode to see the drop-down list.
 
-    <img src="/assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
+    <img src="../assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
 
 ### Debug Mode - Crash Logger
 
@@ -30,13 +30,13 @@ If you are encountering an app crash caused by Dynamsoft Barcode Reader or Dynam
 
 1. Toggle on Crash Logger
 
-    <img src="/assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
+    <img src="../assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
 
 2. After Crash Logger is toggled on, please go ahead and scan codes until you reproduce the crash issue.
 
 3. After the app crashes, re-open BarcodeScannerX app and go to Advanced Scan -> settings. Tap the "Share" button to share the log files with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest).
 
-    <img src="/assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
+    <img src="../assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
 
 ### Debug Mode - Image Cropper
 
@@ -44,11 +44,11 @@ If you are having trouble reading barcodes, you should use the Image Cropper to
 
 1. Toggle on Image Cropper
 
-    <img src="/assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
+    <img src="../assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
 
 2. After Image Cropper is toggled on, an image crop icon will show up at the bottom left of Advanced Scan
 
-    <img src="/assets/crop.jpg" alt="crop"  width="50%" height="50%">
+    <img src="../assets/crop.jpg" alt="crop"  width="50%" height="50%">
 
 3. Tap the image crop icon to crop and share the original frames with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
 
diff --git a/barcode-reader/mobile/scan-setting/how-to-enable-qr-model-one.md b/barcode-reader/mobile/scan-setting/how-to-enable-qr-model-one.md
index 9f4431c..bd96b8e 100644
--- a/barcode-reader/mobile/scan-setting/how-to-enable-qr-model-one.md
+++ b/barcode-reader/mobile/scan-setting/how-to-enable-qr-model-one.md
@@ -18,14 +18,14 @@ Most QR codes today follow the **QR Code Model 2** standard. By default, **Barco
 2. Click **Advanced Settings**.
 
    <div align="left">
-      <p><img src="/assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
+      <p><img src="../assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
    </div>
 
 3. In the settings, check the option **EnableQRCodeModel1** (you can modify any other settings as well).
 4. Click **Save Template**.
 
    <div align="left">
-      <p><img src="/assets/save-template.jpg" width="40%" alt="save template"></p>
+      <p><img src="../assets/save-template.jpg" width="40%" alt="save template"></p>
    </div>
 
 5. Send your saved template to the [Dynamsoft Support Team](https://www.dynamsoft.com/contact/?ver=latest){:target="_blank"}.
diff --git a/barcode-reader/web/capabilities/ios-16-incompatible.md b/barcode-reader/web/capabilities/ios-16-incompatible.md
index 985ac48..b674b43 100644
--- a/barcode-reader/web/capabilities/ios-16-incompatible.md
+++ b/barcode-reader/web/capabilities/ios-16-incompatible.md
@@ -18,7 +18,7 @@ iOS 16.4 was released on March 27th, 2023. In this version, all browsers on iOS
 
 If you encounter the issue, you will see the following error in the browser console:
 
-![ios-16-incompatible](/assets/ios-16-incompatible.png)
+![ios-16-incompatible](../assets/ios-16-incompatible.png)
  
 ## Solution:
  
diff --git a/barcode-reader/web/configuration/change-domain-binding-of-product-key.md b/barcode-reader/web/configuration/change-domain-binding-of-product-key.md
index f0040a0..890f127 100644
--- a/barcode-reader/web/configuration/change-domain-binding-of-product-key.md
+++ b/barcode-reader/web/configuration/change-domain-binding-of-product-key.md
@@ -14,5 +14,5 @@ This guide explains how to protect your software product key by properly managin
   3. Find the project that you want to change the domain binding.
   4. Click on the "Configure" button.
   5. Scroll down and find "Optional Settings" -> edit "Bind Website Domain" field to change your domain binding.
-  <img src="/assets/domain_binding.jpg" alt="domain_binding" />
+  <img src="../assets/domain_binding.jpg" alt="domain_binding" />
  > Please note that a single project can contain multiple license items. If you wish to bind a single license item to a certain domain, then you will need to make sure that license item is the only item in the associated project. First, remove the license item from its current project. Afterwards, create a new project and then open its configuration page. Then, move the license item to the new project and finally edit the binding info of the new project.
diff --git a/barcode-reader/web/configuration/pop-up-window-during-trail-process.md b/barcode-reader/web/configuration/pop-up-window-during-trail-process.md
index e7f925f..17a2d08 100644
--- a/barcode-reader/web/configuration/pop-up-window-during-trail-process.md
+++ b/barcode-reader/web/configuration/pop-up-window-during-trail-process.md
@@ -12,8 +12,8 @@ Users may meet pop-up window when using our online demo, don't worry about how t
 
 The pop up window in our online demo:
 
-![warning_info](/assets/warning_information.png)
+![warning_info](../assets/warning_information.png)
 
-![expired_info](/assets/expired_information.png)
+![expired_info](../assets/expired_information.png)
 
 
diff --git a/barcode-reader/web/debug/debug-mode.md b/barcode-reader/web/debug/debug-mode.md
index e148d22..54a54ed 100644
--- a/barcode-reader/web/debug/debug-mode.md
+++ b/barcode-reader/web/debug/debug-mode.md
@@ -31,7 +31,7 @@ In debug mode:
 ---
 
 <div align="left">
-    <p><img src="/assets/undefined.png" width="40%" alt="advanced settings"></p>
+    <p><img src="../assets/undefined.png" width="40%" alt="advanced settings"></p>
 </div>
 
 ## Upload a custom template
diff --git a/barcode-reader/web/debug/general-troubleshooting-steps-for-decode-failure.md b/barcode-reader/web/debug/general-troubleshooting-steps-for-decode-failure.md
index 26dfd03..e757aa8 100644
--- a/barcode-reader/web/debug/general-troubleshooting-steps-for-decode-failure.md
+++ b/barcode-reader/web/debug/general-troubleshooting-steps-for-decode-failure.md
@@ -16,18 +16,18 @@ Generally, with some setting changes via our APIs, Dynamsoft Barcode Reader Java
 ## Step 1 - try different scan settings with our standard online demo
 1. The first thing is to try the [JavaScript online demo](https://demo.dynamsoft.com/barcode-reader-js/). If the barcode is not being picked up under normal settings, let's try out some different settings in the demo. By default, the demo runs on the Best Speed mode, which you can see under the "Scan Settings" on the left-hand side. To potentially improve the performance, we recommend trying out the two other available modes in the demo: Balance or Best Coverage. Best Coverage will prioritize read rate over speed, while Best Speed will prioritize speed over accuracy or read rate. Balance offers the perfect mixture between the two.
 
-      <img src="/assets/best_coverage.jpg" alt="Best coverage"  width="50%" height="50%">
+      <img src="../assets/best_coverage.jpg" alt="Best coverage"  width="50%" height="50%">
 
 
 2. Enable Full HD resolution in the demo
-      <img src="/assets/full_hd.jpg" alt="Full HD"  width="50%" height="50%">
+      <img src="../assets/full_hd.jpg" alt="Full HD"  width="50%" height="50%">
 
 
 ## Step 2 - capture image frames and send to Dynamsoft for analysis
 
 1.  Go to [JavaScript online demo debug mode](https://demo.dynamsoft.com/barcode-reader-js?debug=true) -> Click "START SCAN" -> Click the "Scan Settings" button. -> Place the barcode inside the scan region -> Click the "Capture" button on the top right corner -> A zip file that contains 8 frames will be downloaded. 
 
-      <img src="/assets/Cropped Img.png" alt="Frames crop"  width="50%" height="50%">
+      <img src="../assets/Cropped Img.png" alt="Frames crop"  width="50%" height="50%">
 
 2. Share the video frames set with [Dynamsoft Support team](https://www.dynamsoft.com/contact/). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
 

From 990c1461e13b5a16e90c68f13c381a89623da852 Mon Sep 17 00:00:00 2001
From: Jenny-Jiani <70129215+Jenny-Jiani@users.noreply.github.com>
Date: Fri, 9 Jan 2026 14:01:57 +0800
Subject: [PATCH 3/5] Update _config.yml

---
 _config.yml | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/_config.yml b/_config.yml
index 7d9eaf2..e1fe1c7 100644
--- a/_config.yml
+++ b/_config.yml
@@ -5,6 +5,8 @@ firstLevelUrl: /faq
 docHomePage: /faq/
 faq-center: /faq/
 product-page-url: https://www.dynamsoft.com/faq
+searchIndexName: Crawler-FAQ-Docs-New
+searchNeedFilter: true
 
 product-name: /faq/
 product-title: Dynamsoft FAQ
@@ -22,6 +24,9 @@ mrz-general-faq: /faq/mrz-scanner/general
 useVersionTree: true
 
 assets: /faq/assets/
+dbr_server_assets: /faq/barcode-reader/server/assets/
+dbr_web_assets: /faq/barcode-reader/web/assets/
+dbr_mobile_assets: /faq/barcode-reader/mobile/assets/
 edit_icon: /faq/assets/img-icon/edit-icon.png
 smile_icon: /faq/assets/img-icon/icon-smile.png
 sad_icon: /faq/assets/img-icon/icon-sad.png

From 604f33d416e6518b90feba7622c969958ccccd2b Mon Sep 17 00:00:00 2001
From: Jenny-Jiani <70129215+Jenny-Jiani@users.noreply.github.com>
Date: Fri, 9 Jan 2026 14:14:04 +0800
Subject: [PATCH 4/5] img link fixed

---
 .../mobile/archive/android/debug-mode.md       | 14 +++++++-------
 barcode-reader/mobile/archive/android/index.md | 18 +++++++++---------
 barcode-reader/mobile/archive/ios/index.md     | 18 +++++++++---------
 barcode-reader/mobile/debug/debug-mode.md      | 14 +++++++-------
 .../scan-setting/how-to-enable-qr-model-one.md |  4 ++--
 .../web/capabilities/ios-16-incompatible.md    |  2 +-
 .../change-domain-binding-of-product-key.md    |  2 +-
 .../pop-up-window-during-trail-process.md      |  4 ++--
 barcode-reader/web/debug/debug-mode.md         |  2 +-
 ...troubleshooting-steps-for-decode-failure.md |  6 +++---
 10 files changed, 42 insertions(+), 42 deletions(-)

diff --git a/barcode-reader/mobile/archive/android/debug-mode.md b/barcode-reader/mobile/archive/android/debug-mode.md
index 9e6e570..f9c002c 100644
--- a/barcode-reader/mobile/archive/android/debug-mode.md
+++ b/barcode-reader/mobile/archive/android/debug-mode.md
@@ -16,15 +16,15 @@ This next section will explain how to toggle on debug mode on the demo app, and
 
 1. From the home screen, go to Advanced Scan.
 
-<img src="../assets/home_screen.jpg" alt="Home screen"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}home_screen.jpg" alt="Home screen"  width="50%" height="50%">
 
 2. Tap the settings icon at the top-right corner.
 
-<img src="../assets/advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
 
 3. Tap Debug Mode to see the drop-down list.
 
-<img src="../assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
 
 ## Debug Mode - Crash Logger
 
@@ -32,13 +32,13 @@ If you are encountering an app crash caused by Dynamsoft Barcode Reader or Dynam
 
 1. Toggle on Crash Logger
 
-<img src="../assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
 
 2. After Crash Logger is toggled on, please go ahead and scan codes until you reproduce the crash issue.
 
 3. After the app crashes, re-open BarcodeScannerX app and go to Advanced Scan -> settings. Tap the "Share" button to share the log files with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest).
 
-<img src="../assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}crash_share.jpg" alt="Crash share"  width="50%" height="50%">
 
 ## Debug Mode - Image Cropper
 
@@ -46,10 +46,10 @@ If you are having trouble reading barcodes, you should use the Image Cropper to
 
 1. Toggle on Image Cropper
 
-<img src="../assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
 
 2. After Image Cropper is toggled on, an image crop icon will show up at the bottom left of Advanced Scan
 
-<img src="../assets/crop.jpg" alt="crop"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}crop.jpg" alt="crop"  width="50%" height="50%">
 
 3. Tap the image crop icon to crop and share the original frames with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
diff --git a/barcode-reader/mobile/archive/android/index.md b/barcode-reader/mobile/archive/android/index.md
index 4f87055..dc701fc 100644
--- a/barcode-reader/mobile/archive/android/index.md
+++ b/barcode-reader/mobile/archive/android/index.md
@@ -110,15 +110,15 @@ This next section will explain how to toggle on debug mode on the demo app, and
 
 1. From the home screen, go to Advanced Scan.
 
-<img src="../assets/home_screen.jpg" alt="Home screen"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}home_screen.jpg" alt="Home screen"  width="50%" height="50%">
 
 2. Tap the settings icon at the top-right corner.
 
-<img src="../assets/advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
 
 3. Tap Debug Mode to see the drop-down list.
 
-<img src="../assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
 
 ### Debug Mode - Crash Logger
 
@@ -126,13 +126,13 @@ If you are encountering an app crash caused by Dynamsoft Barcode Reader or Dynam
 
 1. Toggle on Crash Logger
 
-<img src="../assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
 
 2. After Crash Logger is toggled on, please go ahead and scan codes until you reproduce the crash issue.
 
 3. After the app crashes, re-open BarcodeScannerX app and go to Advanced Scan -> settings. Tap the "Share" button to share the log files with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest).
 
-<img src="../assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}crash_share.jpg" alt="Crash share"  width="50%" height="50%">
 
 ### Debug Mode - Image Cropper
 
@@ -140,11 +140,11 @@ If you are having trouble reading barcodes, you should use the Image Cropper to
 
 1. Toggle on Image Cropper
 
-<img src="../assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
 
 2. After Image Cropper is toggled on, an image crop icon will show up at the bottom left of Advanced Scan
 
-<img src="../assets/crop.jpg" alt="crop"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}crop.jpg" alt="crop"  width="50%" height="50%">
 
 3. Tap the image crop icon to crop and share the original frames with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
 
@@ -156,14 +156,14 @@ Nowadays, most QR codes are QR code Model 2. BarcodeScannerX, by default, only s
 2. Click on Advanced Settings
 
    <div align="left">
-      <p><img src="../assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
+      <p><img src="{{site.dbr_mobile_assets}}advanced-settings.jpg" width="40%" alt="advanced settings"></p>
    </div>
 
 3. Check **EnableQRCodeModel1**.(You can modify any other settings as you like)
 4. Save the template.
 
    <div align="left">
-      <p><img src="../assets/save-template.jpg" width="40%" alt="save template"></p>
+      <p><img src="{{site.dbr_mobile_assets}}save-template.jpg" width="40%" alt="save template"></p>
    </div>
 
 5. Send the template to <a href="https://www.dynamsoft.com/contact/?ver=latest" target="_blank">Dynamsoft support team</a>.
diff --git a/barcode-reader/mobile/archive/ios/index.md b/barcode-reader/mobile/archive/ios/index.md
index b2e45aa..f7e7f17 100644
--- a/barcode-reader/mobile/archive/ios/index.md
+++ b/barcode-reader/mobile/archive/ios/index.md
@@ -177,15 +177,15 @@ This next section will explain how to toggle on debug mode on the demo app, and
 
 1. From the home screen, go to Advanced Scan.
 
-<img src="../assets/home_screen.jpg" alt="Home screen"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}home_screen.jpg" alt="Home screen"  width="50%" height="50%">
 
 2. Tap the settings icon at the top-right corner.
 
-<img src="../assets/advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
 
 3. Tap Debug Mode to see the drop-down list.
 
-<img src="../assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
 
 ### Debug Mode - Crash Logger
 
@@ -193,13 +193,13 @@ If you are encountering an app crash caused by Dynamsoft Barcode Reader or Dynam
 
 1. Toggle on Crash Logger
 
-<img src="../assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
 
 2. After Crash Logger is toggled on, please go ahead and scan codes until you reproduce the crash issue.
 
 3. After the app crashes, re-open BarcodeScannerX app and go to Advanced Scan -> settings. Tap the "Share" button to share the log files with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest).
 
-<img src="../assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}crash_share.jpg" alt="Crash share"  width="50%" height="50%">
 
 ### Debug Mode - Image Cropper
 
@@ -207,11 +207,11 @@ If you are having trouble reading barcodes, you should use the Image Cropper to
 
 1. Toggle on Image Cropper
 
-<img src="../assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
 
 2. After Image Cropper is toggled on, an image crop icon will show up at the bottom left of Advanced Scan
 
-<img src="../assets/crop.jpg" alt="crop"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}crop.jpg" alt="crop"  width="50%" height="50%">
 
 3. Tap the image crop icon to crop and share the original frames with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
 
@@ -223,14 +223,14 @@ Nowadays, most QR codes are QR code Model 2. BarcodeScannerX, by default, only s
 2. Click on Advanced Settings
 
    <div align="left">
-      <p><img src="../assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
+      <p><img src="{{site.dbr_mobile_assets}}advanced-settings.jpg" width="40%" alt="advanced settings"></p>
    </div>
 
 3. Check **EnableQRCodeModel1**(You can modify any other settings as you like)
 4. Save the template.
 
    <div align="left">
-      <p><img src="../assets/save-template.jpg" width="40%" alt="save template"></p>
+      <p><img src="{{site.dbr_mobile_assets}}save-template.jpg" width="40%" alt="save template"></p>
    </div>
 
 5. Send the template to <a href="https://www.dynamsoft.com/contact/?ver=latest" target="_blank">Dynamsoft support team</a>.
diff --git a/barcode-reader/mobile/debug/debug-mode.md b/barcode-reader/mobile/debug/debug-mode.md
index 09df1f2..f309d04 100644
--- a/barcode-reader/mobile/debug/debug-mode.md
+++ b/barcode-reader/mobile/debug/debug-mode.md
@@ -14,15 +14,15 @@ This next section will explain how to toggle on debug mode on the demo app, and
 
 1. From the home screen, go to Advanced Scan.
 
-    <img src="../assets/any_codes.png" alt="Home screen"  width="50%" height="50%">
+    <img src="{{site.dbr_mobile_assets}}any_codes.png" alt="Home screen"  width="50%" height="50%">
 
 2. Tap the settings icon at the top-right corner.
 
-    <img src="../assets/any_codes_setting.png" alt="Advanced scan"  width="50%" height="50%">
+    <img src="{{site.dbr_mobile_assets}}any_codes_setting.png" alt="Advanced scan"  width="50%" height="50%">
 
 3. Tap Debug Mode to see the drop-down list.
 
-    <img src="../assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
+    <img src="{{site.dbr_mobile_assets}}debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
 
 ### Debug Mode - Crash Logger
 
@@ -30,13 +30,13 @@ If you are encountering an app crash caused by Dynamsoft Barcode Reader or Dynam
 
 1. Toggle on Crash Logger
 
-    <img src="../assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
+    <img src="{{site.dbr_mobile_assets}}crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
 
 2. After Crash Logger is toggled on, please go ahead and scan codes until you reproduce the crash issue.
 
 3. After the app crashes, re-open BarcodeScannerX app and go to Advanced Scan -> settings. Tap the "Share" button to share the log files with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest).
 
-    <img src="../assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
+    <img src="{{site.dbr_mobile_assets}}crash_share.jpg" alt="Crash share"  width="50%" height="50%">
 
 ### Debug Mode - Image Cropper
 
@@ -44,11 +44,11 @@ If you are having trouble reading barcodes, you should use the Image Cropper to
 
 1. Toggle on Image Cropper
 
-    <img src="../assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
+    <img src="{{site.dbr_mobile_assets}}image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
 
 2. After Image Cropper is toggled on, an image crop icon will show up at the bottom left of Advanced Scan
 
-    <img src="../assets/crop.jpg" alt="crop"  width="50%" height="50%">
+    <img src="{{site.dbr_mobile_assets}}crop.jpg" alt="crop"  width="50%" height="50%">
 
 3. Tap the image crop icon to crop and share the original frames with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
 
diff --git a/barcode-reader/mobile/scan-setting/how-to-enable-qr-model-one.md b/barcode-reader/mobile/scan-setting/how-to-enable-qr-model-one.md
index bd96b8e..76a01d8 100644
--- a/barcode-reader/mobile/scan-setting/how-to-enable-qr-model-one.md
+++ b/barcode-reader/mobile/scan-setting/how-to-enable-qr-model-one.md
@@ -18,14 +18,14 @@ Most QR codes today follow the **QR Code Model 2** standard. By default, **Barco
 2. Click **Advanced Settings**.
 
    <div align="left">
-      <p><img src="../assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
+      <p><img src="{{site.dbr_mobile_assets}}advanced-settings.jpg" width="40%" alt="advanced settings"></p>
    </div>
 
 3. In the settings, check the option **EnableQRCodeModel1** (you can modify any other settings as well).
 4. Click **Save Template**.
 
    <div align="left">
-      <p><img src="../assets/save-template.jpg" width="40%" alt="save template"></p>
+      <p><img src="{{site.dbr_mobile_assets}}save-template.jpg" width="40%" alt="save template"></p>
    </div>
 
 5. Send your saved template to the [Dynamsoft Support Team](https://www.dynamsoft.com/contact/?ver=latest){:target="_blank"}.
diff --git a/barcode-reader/web/capabilities/ios-16-incompatible.md b/barcode-reader/web/capabilities/ios-16-incompatible.md
index b674b43..d3aacc1 100644
--- a/barcode-reader/web/capabilities/ios-16-incompatible.md
+++ b/barcode-reader/web/capabilities/ios-16-incompatible.md
@@ -18,7 +18,7 @@ iOS 16.4 was released on March 27th, 2023. In this version, all browsers on iOS
 
 If you encounter the issue, you will see the following error in the browser console:
 
-![ios-16-incompatible](../assets/ios-16-incompatible.png)
+![ios-16-incompatible]({{site.dbr_web_assets}}ios-16-incompatible.png)
  
 ## Solution:
  
diff --git a/barcode-reader/web/configuration/change-domain-binding-of-product-key.md b/barcode-reader/web/configuration/change-domain-binding-of-product-key.md
index 890f127..ebd6fba 100644
--- a/barcode-reader/web/configuration/change-domain-binding-of-product-key.md
+++ b/barcode-reader/web/configuration/change-domain-binding-of-product-key.md
@@ -14,5 +14,5 @@ This guide explains how to protect your software product key by properly managin
   3. Find the project that you want to change the domain binding.
   4. Click on the "Configure" button.
   5. Scroll down and find "Optional Settings" -> edit "Bind Website Domain" field to change your domain binding.
-  <img src="../assets/domain_binding.jpg" alt="domain_binding" />
+  <img src="{{site.dbr_web_assets}}domain_binding.jpg" alt="domain_binding" />
  > Please note that a single project can contain multiple license items. If you wish to bind a single license item to a certain domain, then you will need to make sure that license item is the only item in the associated project. First, remove the license item from its current project. Afterwards, create a new project and then open its configuration page. Then, move the license item to the new project and finally edit the binding info of the new project.
diff --git a/barcode-reader/web/configuration/pop-up-window-during-trail-process.md b/barcode-reader/web/configuration/pop-up-window-during-trail-process.md
index 17a2d08..39abb46 100644
--- a/barcode-reader/web/configuration/pop-up-window-during-trail-process.md
+++ b/barcode-reader/web/configuration/pop-up-window-during-trail-process.md
@@ -12,8 +12,8 @@ Users may meet pop-up window when using our online demo, don't worry about how t
 
 The pop up window in our online demo:
 
-![warning_info](../assets/warning_information.png)
+![warning_info]({{site.dbr_web_assets}}warning_information.png)
 
-![expired_info](../assets/expired_information.png)
+![expired_info]({{site.dbr_web_assets}}expired_information.png)
 
 
diff --git a/barcode-reader/web/debug/debug-mode.md b/barcode-reader/web/debug/debug-mode.md
index 54a54ed..adf8499 100644
--- a/barcode-reader/web/debug/debug-mode.md
+++ b/barcode-reader/web/debug/debug-mode.md
@@ -31,7 +31,7 @@ In debug mode:
 ---
 
 <div align="left">
-    <p><img src="../assets/undefined.png" width="40%" alt="advanced settings"></p>
+    <p><img src="{{site.dbr_web_assets}}undefined.png" width="40%" alt="advanced settings"></p>
 </div>
 
 ## Upload a custom template
diff --git a/barcode-reader/web/debug/general-troubleshooting-steps-for-decode-failure.md b/barcode-reader/web/debug/general-troubleshooting-steps-for-decode-failure.md
index e757aa8..cca9522 100644
--- a/barcode-reader/web/debug/general-troubleshooting-steps-for-decode-failure.md
+++ b/barcode-reader/web/debug/general-troubleshooting-steps-for-decode-failure.md
@@ -16,18 +16,18 @@ Generally, with some setting changes via our APIs, Dynamsoft Barcode Reader Java
 ## Step 1 - try different scan settings with our standard online demo
 1. The first thing is to try the [JavaScript online demo](https://demo.dynamsoft.com/barcode-reader-js/). If the barcode is not being picked up under normal settings, let's try out some different settings in the demo. By default, the demo runs on the Best Speed mode, which you can see under the "Scan Settings" on the left-hand side. To potentially improve the performance, we recommend trying out the two other available modes in the demo: Balance or Best Coverage. Best Coverage will prioritize read rate over speed, while Best Speed will prioritize speed over accuracy or read rate. Balance offers the perfect mixture between the two.
 
-      <img src="../assets/best_coverage.jpg" alt="Best coverage"  width="50%" height="50%">
+      <img src="{{site.dbr_web_assets}}best_coverage.jpg" alt="Best coverage"  width="50%" height="50%">
 
 
 2. Enable Full HD resolution in the demo
-      <img src="../assets/full_hd.jpg" alt="Full HD"  width="50%" height="50%">
+      <img src="{{site.dbr_web_assets}}full_hd.jpg" alt="Full HD"  width="50%" height="50%">
 
 
 ## Step 2 - capture image frames and send to Dynamsoft for analysis
 
 1.  Go to [JavaScript online demo debug mode](https://demo.dynamsoft.com/barcode-reader-js?debug=true) -> Click "START SCAN" -> Click the "Scan Settings" button. -> Place the barcode inside the scan region -> Click the "Capture" button on the top right corner -> A zip file that contains 8 frames will be downloaded. 
 
-      <img src="../assets/Cropped Img.png" alt="Frames crop"  width="50%" height="50%">
+      <img src="{{site.dbr_web_assets}}Cropped Img.png" alt="Frames crop"  width="50%" height="50%">
 
 2. Share the video frames set with [Dynamsoft Support team](https://www.dynamsoft.com/contact/). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
 

From e54d865eba2159ffbf580e2d37b60a2b29999576 Mon Sep 17 00:00:00 2001
From: Jenny-Jiani <70129215+Jenny-Jiani@users.noreply.github.com>
Date: Fri, 9 Jan 2026 15:40:33 +0800
Subject: [PATCH 5/5] minor fixed

---
 _config.yml                             |  2 +-
 license/offline-registration-license.md | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/_config.yml b/_config.yml
index e1fe1c7..31a7d63 100644
--- a/_config.yml
+++ b/_config.yml
@@ -5,7 +5,7 @@ firstLevelUrl: /faq
 docHomePage: /faq/
 faq-center: /faq/
 product-page-url: https://www.dynamsoft.com/faq
-searchIndexName: Crawler-FAQ-Docs-New
+searchIndexName: Crawler-FAQ-Docs
 searchNeedFilter: true
 
 product-name: /faq/
diff --git a/license/offline-registration-license.md b/license/offline-registration-license.md
index 9ee0cac..acfa2c1 100644
--- a/license/offline-registration-license.md
+++ b/license/offline-registration-license.md
@@ -11,13 +11,13 @@ needAutoGenerateSidebar: false
 You can follow the steps below to manually register the device and get the license key for each device:
 
 1. Log in [Customer Portal](https://www.dynamsoft.com/customer/license/fullLicense) -> Click the Activate button to activate the license
-   ![activate](./assets/activate.jpg)
+   ![activate]({{site.dbr_server_assets}}activate.jpg)
 
 2. Select the 3rd option "No License Server. Register Offline Device(s) Manually" and click Activate.
-   ![offline-activate](./assets/offline-activate.jpg)
+   ![offline-activate]({{site.dbr_server_assets}}offline-activate.jpg)
 
 3. Click the Add Device button then it will pop up a dialog. Download the tool from the pop up.
-   ![uuid-tool](./assets/uuid-tool.jpg)
+   ![uuid-tool]({{site.dbr_server_assets}}uuid-tool.jpg)
 
 4. Unzip the file and run the GenerateUUID tool on the device to be registered and get the UUID.<br>
 
@@ -26,7 +26,7 @@ For Windows:<br>
 -Change the working directory to the one where GenerateUUID.exe is<br>
 -Run the command `GenerateUUID.exe`<br>
 The returned string, e.g. 8ECCA3B6-66F9-4fd6-B6B6-308C874140C6, is the machine ID.<br>
-![uuid](./assets/uuid.jpg)<br>
+![uuid]({{site.dbr_server_assets}}uuid.jpg)<br>
 
 For Linux:<br>
 -Open Terminal<br>
@@ -54,10 +54,10 @@ SoftbindUUID:230e089a-7dc3-4caa-9c77-f7cc6d567f9b<br>
 > ```
 
 5. Input the generated UUID and device name and click Submit.
-   ![submit-uuid](./assets/submit-uuid.jpg)
+   ![submit-uuid]({{site.dbr_server_assets}}submit-uuid.jpg)
 
 6. Then an authorization string will be generated. This string is the license for this device. Copy the license and set it in the code
-   ![cp-license](./assets/cp-license.jpg)
+   ![cp-license]({{site.dbr_server_assets}}/cp-license.jpg)
 
 Code snippet in JavaScript: