diff --git a/docs/assets/img/product_pics/hat/envii_hat/env_ii_hat_sch.webp b/docs/assets/img/product_pics/hat/envii_hat/env_ii_hat_sch.webp
new file mode 100644
index 00000000..c1720a8d
Binary files /dev/null and b/docs/assets/img/product_pics/hat/envii_hat/env_ii_hat_sch.webp differ
diff --git a/docs/assets/img/product_pics/hat/envii_hat/envii.webp b/docs/assets/img/product_pics/hat/envii_hat/envii.webp
new file mode 100644
index 00000000..b18764d7
Binary files /dev/null and b/docs/assets/img/product_pics/hat/envii_hat/envii.webp differ
diff --git a/docs/en/hat/hat_envII.md b/docs/en/hat/hat_envII.md
index c82a4dfc..81a5566e 100644
--- a/docs/en/hat/hat_envII.md
+++ b/docs/en/hat/hat_envII.md
@@ -1,8 +1,8 @@
-# ENV II
+# ENV II HAT
 
-<el-tag effect="plain">SKU:U001-B</el-tag>
+<el-tag effect="plain">SKU:U053-B</el-tag>
 
-<div class="product_pic"><img src="assets/img/product_pics/unit/envII/envII_01.webp"></div>
+<div class="product_pic"><img src="assets/img/product_pics/hat/envii_hat/envii.webp"></div>
 
 ## Description
 
@@ -20,7 +20,7 @@
 ## Include
 
 - 1x ENV II HAT
-- 1x Grove Cable(5cm)
+- 1x 双面胶
 
 ## Specification
 
@@ -70,7 +70,7 @@
         </tr>
         <tr>
             <td>Product Size</td>
-            <td></td>
+            <td>15*24*14mm</td>
         </tr>
         <tr>
             <td>Package Size</td>
@@ -121,15 +121,15 @@
     <div style="background-color:white;">
         <div><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/easyloader_intro.webp"></div>
         <div class="easyloader-btn">
-            <a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/Windows/UNIT/For%20M5Core/EasyLoader_ENV2_UNIT_With_M5Core.exe">Windows</a>
-            <a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/MacOS/UNIT/EasyLoader_ENV2_UNIT_With_M5Core.dmg">MacOS</a>
+            <a href="">Windows</a>
+            <a href="">MacOS</a>
             <!-- <a>Linux</a>
             <a>MacOS</a> -->
         </div>
     </div>
     <div>
         <video id="example_video" controls>
-            <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/Unit/ENVII.MP4" type="video/mp4">
+            <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/HAT/ENV_HAT.mp4" type="video/mp4">
         </video>
         <div class="easyloader-mask">
         <a>
@@ -143,7 +143,7 @@
 ### PinMap
 
 <table>
- <tr><td>M5Core(GROVE A)</td><td>GPIO22</td><td>GPIO21</td><td>5V</td><td>GND</td></tr>
+ <tr><td>M5StickC</td><td>GPIO26</td><td>GPIO0</td><td>5V</td><td>GND</td></tr>
  <tr><td>ENV II HAT</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
 </table>
 
@@ -157,23 +157,13 @@
 
 ## Schematic
 
-<img src="assets/img/product_pics/unit/envII_sch.webp">
+<img src="assets/img/product_pics/hat/envii_hat/env_ii_hat_sch.webp">
 
 ## Example
 
 ### 1. Arduino IDE
 
-This is an ENV example - implementing reading temperature, humidity and atmospheric pressure function.
-1, Before compiling, please install `Adafruit BMP280 Library`
-2, copy `Adafruit_Sensor.h` to `C:\Users\<user_name>\Documents\Arduino\libraries\Adafruit_BMP280_Library`
-
-The code below is incomplete. To get the complete code, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/ENVII/Arduino)
-
-### 2. UIFlow
-
-If you want the complete code, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/ENVII/UIFlow)
-
-<img src="assets/img/product_pics/unit/envII/envII_03.webp" width="60%">
+The code below is incomplete. To get the complete code, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/ENVII_HAT)
 
 <script>
 
diff --git a/docs/index.md b/docs/index.md
index e1db83da..74e1329a 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -179,7 +179,8 @@
 
    const hat_list = [
       //C-HAT class
-      {a:"/#/en/hat/hat-spk", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/spk_hat_01.webp", p:"SPK", sku:"U055" ,kw:"MUSIC SPEAKER", category:"C-HAT class"},
+      {a:"/#/en/hat/hat_envII", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/envii.webp", p:"ENV II", sku:"U053-B" ,kw:"BMP280 BMM150 SHT30", category:"C-HAT class"},
+      {a:"/#/en/hat/hat-spk", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/spk_hat_01.webp", p:"SPK", sku:"U055" ,kw:"MUSIC SPEAKER"},
       {a:"/#/en/hat/hat-env", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/env_hat_01.webp", p:"ENV", sku:"U053" ,kw:"DHT12 BMP280 BMM150"},
       {a:"/#/en/hat/hat-pir", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/pir_hat_01.webp", p:"PIR", sku:"U054" ,kw:"SENSOR"},
       {a:"/#/en/hat/hat-proto", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/hat_proto_01.webp", p:"PROTO", sku:"U060" ,kw:"PROTOTYPE"},
diff --git a/docs/zh_CN/README.md b/docs/zh_CN/README.md
index dd4b952e..8b111e33 100644
--- a/docs/zh_CN/README.md
+++ b/docs/zh_CN/README.md
@@ -179,7 +179,8 @@
 
    const hat_list = [
       //C-HAT class
-      {a:"/#/zh_CN/hat/hat-spk", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/spk_hat_01.webp", p:"SPK", sku:"U055" ,kw:"MUSIC SPEAKER", category:"C-HAT class"},
+      {a:"/#/zh_CN/hat/hat_envII", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/envii.webp", p:"ENV II", sku:"U053-B" ,kw:"BMP280 BMM150 SHT30", category:"C-HAT class"},
+      {a:"/#/zh_CN/hat/hat-spk", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/spk_hat_01.webp", p:"SPK", sku:"U055" ,kw:"MUSIC SPEAKER"},
       {a:"/#/zh_CN/hat/hat-env", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/env_hat_01.webp", p:"ENV", sku:"U053" ,kw:"DHT12 BMP280 BMM150"},
       {a:"/#/zh_CN/hat/hat-pir", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/pir_hat_01.webp", p:"PIR", sku:"U054" ,kw:"SENSOR"},
       {a:"/#/zh_CN/hat/hat-proto", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/hat_proto_01.webp", p:"PROTO", sku:"U060" ,kw:"PROTOTYPE"},
diff --git a/docs/zh_CN/hat/hat_envII.md b/docs/zh_CN/hat/hat_envII.md
index 03816b53..66561ddc 100644
--- a/docs/zh_CN/hat/hat_envII.md
+++ b/docs/zh_CN/hat/hat_envII.md
@@ -1,13 +1,11 @@
 # ENV II HAT
 
-<el-tag effect="plain">SKU:U001-B</el-tag>
-
-<div class="product_pic"><img src="assets/img/product_pics/unit/envII/envII_01.webp"></div>
+<el-tag effect="plain">SKU:U053-B</el-tag>
 
+<div class="product_pic"><img src="assets/img/product_pics/hat/envii_hat/envii.webp"></div>
 
 ## 描述
 
-
 **ENV II** 是一款多功能环境传感器,内部集成SHT30、BMP280以及BMM150，用于检测温度、湿度、大气压值数据和磁场.SHT30是高精度低功耗的数字温湿度传感器,并支持I2C接口（0x44）.BMP280(0x76)是一款专为移动应用而设计的绝对气压传感器，具有较高的精准度.BMM150(0x10)是磁力计，可用于监测磁场变化及磁场方向，对于需要对环境数据进行快速采集检测的项目来说, ENV-II HAT是一个兼顾性能与性价比的不错选择.
 
 ## 产品特性
@@ -22,7 +20,7 @@
 ## 包含
 
 - 1x ENV-II HAT
-- 1x Grove 线(5cm)
+- 1x Double faced adhesive tape
 
 ## 应用
 
@@ -78,11 +76,11 @@
         </tr>
         <tr>
             <td>产品尺寸</td>
-            <td></td>
+            <td>15*24*14mm</td>
         </tr>
         <tr>
             <td>包装尺寸</td>
-            <td>35*36*18mm</td>
+            <td>36*36*18mm</td>
         </tr>
         <tr>
             <td>外壳材质</td>
@@ -128,15 +126,15 @@
     <div style="background-color:white;">
         <div><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/easyloader_intro.webp"></div>
         <div class="easyloader-btn">
-            <a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/Windows/UNIT/For%20M5Core/EasyLoader_ENV2_UNIT_With_M5Core.exe">Windows</a>
-            <a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/MacOS/UNIT/EasyLoader_ENV2_UNIT_With_M5Core.dmg">MacOS</a>
+            <a href="">Windows</a>
+            <a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/MacOS/HAT/EasyLoader_ENVII_HAT.dmg">MacOS</a>
             <!-- <a>Linux</a>
             <a>MacOS</a> -->
         </div>
     </div>
     <div>
         <video id="example_video" controls>
-            <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/Unit/ENVII.MP4" type="video/mp4">
+            <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/HAT/ENV_HAT.mp4" type="video/mp4">
         </video>
         <div class="easyloader-mask">
         <a>
@@ -150,14 +148,13 @@
 ### 管脚映射
 
 <table>
- <tr><td>M5Core(GROVE A)</td><td>GPIO26</td><td>GPIO20</td><td>5V</td><td>GND</td></tr>
+ <tr><td>M5StickC</td><td>GPIO26</td><td>GPIO0</td><td>5V</td><td>GND</td></tr>
  <tr><td>ENV II HAT</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
 </table>
 
 ## 原理图
 
-<img src="assets/img/product_pics/unit/envII_sch.webp">
-
+<img src="assets/img/product_pics/hat/envii_hat/env_ii_hat_sch.webp">
 
 ## 相关链接
 
@@ -173,17 +170,8 @@
 
 ### 1. Arduino IDE
 
-该案例将使用 ENVII Unit ，实现温度、湿度、大气压数据的读取.
-1, 在进行程序编译前，请安装`Adafruit BMP280 Library`
-2, 并将`Adafruit_Sensor.h`复制至`C:\Users\<user_name>\Documents\Arduino\libraries\Adafruit_BMP280_Library`
+[请点击此处下载Arduino示例程序](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/ENVII_HAT)
 
-[请点击此处下载Arduino示例程序](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/ENVII/Arduino)
-
-### 2. UIFlow
-
-[请点击此处UIFlow](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/ENVII/UIFlow)
-
-<img src="assets/img/product_pics/unit/envII/envII_03.webp" width="60%">
 
 <script>