diff --git a/_config.yml b/_config.yml
index 93df5af6..d55d1cc9 100644
--- a/_config.yml
+++ b/_config.yml
@@ -31,6 +31,8 @@ baseurl: /web-twain/docs/
 
 theme: jekyll-theme-cayman
 
+useVersionTreeV2: true
+
 plugins:
   - jemoji
 
diff --git a/_data/full_tree.yml b/_data/full_tree.yml
new file mode 100644
index 00000000..e3826799
--- /dev/null
+++ b/_data/full_tree.yml
@@ -0,0 +1,290 @@
+tree_list:
+  - name: About
+    path: /about/
+    startVersion:
+    endVersion:
+    childList:
+      - name: Resource 
+        path: /about/resources.html
+        startVersion:
+        endVersion:
+      - name: License
+        path: /about/license.html        
+        startVersion:
+        endVersion:
+      - name: Support
+        path: /about/getsupport.html        
+        startVersion:
+        endVersion:
+  - name: Getting Started
+    path: /getstarted/
+    startVersion:
+    endVersion:
+    childList:
+      - name: HelloWorld 
+        path: /getstarted/helloworld.html
+        startVersion:
+        endVersion:
+      - name: Hardware
+        path: /getstarted/hardware.html
+        startVersion:
+        endVersion:
+      - name: Platform
+        path: /getstarted/platform.html
+        startVersion:
+        endVersion:
+      - name: FileTypes
+        path: /getstarted/filetype.html
+        startVersion:
+        endVersion:
+  - name: Features
+    path: /indepth/features/
+    startVersion:
+    endVersion:
+    childList:
+      - name: Initialize 
+        path: /indepth/features/initialize.html
+        startVersion:
+        endVersion:
+      - name: Input
+        path: /indepth/features/input.html
+        startVersion:
+        endVersion:
+      - name: Output
+        path: /indepth/features/output.html
+        startVersion:
+        endVersion:
+      - name: Buffer
+        path: /indepth/features/buffer.html
+        startVersion:
+        endVersion:
+      - name: Viewer
+        path: /indepth/features/viewer.html
+        startVersion:
+        endVersion:
+      - name: UI
+        path: /indepth/features/ui.html
+        startVersion:
+        endVersion:
+      - name: Edit
+        path: /indepth/features/edit.html
+        startVersion:
+        endVersion:
+      - name: Barcode
+        path: /indepth/features/barcode.html
+        startVersion:
+        endVersion:
+      - name: OCR
+        path: /indepth/features/ocr.html
+        startVersion:
+        endVersion:
+      - name: PDF
+        path: /indepth/features/pdf.html
+        startVersion:
+        endVersion:
+  - name: Development
+    path: /indepth/development/
+    startVersion:
+    endVersion: 
+    childList:
+      - name: Angular Integration
+        path: /indepth/development/angular.html
+        startVersion:
+        endVersion:
+      - name: React Integration
+        path: /indepth/development/react.html
+        startVersion:
+        endVersion:
+      - name: Vue Integration
+        path: /indepth/development/vue.html
+        startVersion:
+        endVersion:
+      - name: Server-side Scripting
+        path: /indepth/development/Server-script.html
+        startVersion:
+        endVersion:
+      - name: Professional Service
+        path: /indepth/development/Pro-service.html
+        startVersion:
+        endVersion: 17.1.1
+      - name: Upgrade Guide
+        path: /indepth/development/upgrade.html
+        startVersion:
+        endVersion:
+      - name: About ActiveX
+        path: /indepth/development/activex.html
+        startVersion:
+        endVersion:
+      - name: FileTypes
+        path: /indepth/development/armmips.html
+        startVersion:
+        endVersion: 17.1.1
+      - name: ARM64 & MIPS64 Support
+        path: /indepth/development/armmips.html
+        startVersion: 17.1.1
+        endVersion:
+      - name: Professional Service
+        path: /indepth/development/Pro-service.html
+        startVersion: 17.1.1
+        endVersion: 
+  - name: Deployment
+    path: /indepth/deployment/
+    startVersion:
+    endVersion: 
+    childList:
+      - name: Server Setup
+        path: /indepth/deployment/server.html
+        startVersion:
+        endVersion:
+      - name: Service Setup
+        path: /indepth/deployment/service.html
+        startVersion:
+        endVersion:
+  - name: Schedule
+    path: /info/schedule/
+    startVersion:
+    endVersion: 
+    childList:
+      - name: Server Setup
+        path: /info/schedule/stable.html
+        startVersion:
+        endVersion: 17.1.1
+      - name: Service Setup
+        path: /info/schedule/Addon.html
+        startVersion:
+        endVersion: 17.1.1
+      - name: Service Setup
+        path: /info/schedule/deprecated.html
+        startVersion:
+        endVersion: 17.1.1
+      - name: Stable
+        path: /info/schedule/stable.html
+        startVersion: 17.1.1
+        endVersion:
+      - name: Addon
+        path: /info/schedule/Addon.html
+        startVersion: 17.1.1
+        endVersion:
+      - name: Deprecated
+        path: /info/schedule/deprecated.html
+        startVersion: 17.1.1
+        endVersion:
+  - name: API Reference
+    path: /info/api/
+    startVersion:
+    endVersion: 
+    childList:
+      - name: Dynamsoft_DWT
+        path: /info/api/Dynamsoft_WebTwainEnv.html
+        startVersion:
+        endVersion:
+      - name: Dynamsoft_Enum
+        path: /info/api/Dynamsoft_Enum.html
+        startVersion:
+        endVersion:
+      - name: WebTwain_Scanner
+        path: /info/api/WebTwain_Acquire.html
+        startVersion:
+        endVersion:
+      - name: WebTwain_Buffer
+        path: /info/api/WebTwain_Buffer.html
+        startVersion:
+        endVersion:
+      - name: WebTwain_Viewer
+        path: /info/api/WebTwain_Viewer.html
+        startVersion:
+        endVersion:
+      - name: WebTwain_Edit
+        path: /info/api/WebTwain_Edit.html
+        startVersion:
+        endVersion:
+      - name: WebTwain_IO
+        path: /info/api/WebTwain_IO.html
+        startVersion:
+        endVersion:
+      - name: WebTwain_Util
+        path: /info/api/WebTwain_Util.html
+        startVersion:
+        endVersion:
+      - name: Addon_BarcodeReader
+        path: /info/api/Addon_BarcodeReader.html
+        startVersion:
+        endVersion:
+      - name: Addon_Camera
+        path: /info/api/Addon_Camera.html
+        startVersion:
+        endVersion:
+      - name: Addon_OCR
+        path: /info/api/Addon_OCR.html
+        startVersion:
+        endVersion: 17.1.1
+      - name: Addon_OCRPro
+        path: /info/api/Addon_OCRPro.html
+        startVersion:
+        endVersion: 17.1.1
+      - name: Addon_PDF
+        path: /info/api/Addon_PDF.html
+        startVersion:
+        endVersion:
+      - name: Addon_Webcam
+        path: /info/api/Addon_Webcam.html
+        startVersion:
+        endVersion:
+      - name: Dynamsoft_FileUploader
+        path: /info/api/Dynamsoft_FileUploader.html
+        startVersion:
+        endVersion:
+      - name: API Appendix
+        path: /info/api/appendix.html
+        startVersion:
+        endVersion:
+  - name: FAQ
+    path: /faq/
+    startVersion:
+    endVersion: 
+    isHashNode: true
+    childList:
+      - name: SDK Download/Free Trial
+        path: /faq/#sdk-downloadfree-trial
+        startVersion:
+        endVersion:
+      - name: Capture/Image Source
+        path: /faq/#captureimage-source
+        startVersion:
+        endVersion:
+      - name: Image Viewer
+        path: /faq/#image-viewer
+        startVersion:
+        endVersion:
+      - name: Image Editing
+        path: /faq/#image-editing
+        startVersion:
+        endVersion:
+      - name: UI Customization
+        path: /faq/#ui-customization
+        startVersion:
+        endVersion:
+      - name: Document Saving
+        path: /faq/#document-saving
+        startVersion:
+        endVersion:
+      - name: Security
+        path: /faq/#security
+        startVersion:
+        endVersion:
+      - name: Addon
+        path: /faq/#addon
+        startVersion:
+        endVersion:
+      - name: Project Deployment and End-user Installation
+        path: /faq/#project-deployment-and-end-user-installation
+        startVersion:
+        endVersion:
+      - name: Error Troubleshooting
+        path: /faq/#error-troubleshooting
+        startVersion:
+        endVersion:
+      - name: Licensing and Purchase
+        path: /faq/#licensing-and-purchase
+        startVersion:
+        endVersion:
\ No newline at end of file
diff --git a/_layouts/default-layout.html b/_layouts/default-layout.html
index 3d0b6fa1..e12a586d 100644
--- a/_layouts/default-layout.html
+++ b/_layouts/default-layout.html
@@ -7,17 +7,8 @@
     .DWT17Note {position: relative; padding: 15px 20px 15px 20px;background: #e5f5ff;border: 1px solid #c7dbe8;color: #4788b3;margin-bottom: 20px;}
     .DWT17Note i { position: absolute; right: 10px; top: 8px; font-size: 20px; cursor: pointer; }
     .rightSideMenu.hasNote { padding-top: 168px; }
-    @media (min-width: 1200px) and (max-width: 1679.98px) {
-        /* .col-md-3 {
-            width: 21%;
-        }
-        .col-md-9 {
-            width: 79%;
-        }
-        .markdown-body {
-            width: calc(100% - 212px);
-        } */
-    }
+    .docContainer, .sideBar, .history { visibility: visible; }
+    #fullTreeMenuListContainer li.expandListStyle > ul { display: block; }
 </style>
 
 <body>
@@ -34,6 +25,10 @@
                         <input id="txtSearch" class="search" type="text">
                     </div>
                     <ul class="mainPage" id="fullTreeMenuListContainer" name="listLevel1">
+                    {%- if site.useVersionTreeV2 -%}
+                        {%- assign treeList = site.data.full_tree.tree_list -%}
+                        {%- include liquid_generateFullTree.html treeList=treeList -%}
+                    {%- else -%}
                         {%- include sidelist-about/about.html -%}
                         {%- include sidelist-getting-started/getting-started.html -%}
                         {%- include sidelist-indepth/features.html -%}
@@ -42,6 +37,7 @@
                         {%- include sidelist-info/releases.html -%}
                         {%- include sidelist-info/API-index.html -%}
                         {%- include sidelist-faq/faq.html -%}
+                    {%- endif -%}
                     </ul>
                 </div>
             </div>