diff --git a/public/themes/website/1/zh/demo/product.html b/public/themes/website/1/zh/demo/product.html
index 3f96356..f05e709 100644
--- a/public/themes/website/1/zh/demo/product.html
+++ b/public/themes/website/1/zh/demo/product.html
@@ -376,38 +376,22 @@ $resource_download = $main_content['resource_download'] ?? [];
         <h2 class="section__title">相关产品</h2>
         <div class="s-arrows">
           <button type="button" class="s-arrows__prev" aria-label="上一项">
-            <svg
-                    viewBox="0 0 12.2529 11.314"
-                    xmlns="http://www.w3.org/2000/svg"
-                    xmlns:xlink="http://www.w3.org/1999/xlink"
-                    width="12.252930"
-                    height="11.313965"
-                    fill="none"
-                    customFrame="#000000"
-            >
+            <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
               <path
-                      id="合并"
-                      d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z"
-                      fill="rgb(239,67,53)"
-                      fill-rule="evenodd"
+                id="合并"
+                d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z"
+                fill="rgb(239,67,53)"
+                fill-rule="evenodd"
               />
             </svg>
           </button>
           <button type="button" class="s-arrows__next" aria-label="下一项">
-            <svg
-                    viewBox="0 0 12.2529 11.314"
-                    xmlns="http://www.w3.org/2000/svg"
-                    xmlns:xlink="http://www.w3.org/1999/xlink"
-                    width="12.252930"
-                    height="11.313965"
-                    fill="none"
-                    customFrame="#000000"
-            >
+            <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
               <path
-                      id="合并"
-                      d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z"
-                      fill="rgb(239,67,53)"
-                      fill-rule="evenodd"
+                id="合并"
+                d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z"
+                fill="rgb(239,67,53)"
+                fill-rule="evenodd"
               />
             </svg>
           </button>
@@ -415,174 +399,33 @@ $resource_download = $main_content['resource_download'] ?? [];
       </div>
       <div class="p-related__swiper swiper">
         <div class="swiper-wrapper">
+
+          {hcTaglib:contentPage2 cid="$category_id" mainField="id,category_id,title,sub_title,thumbnail" subField="" name="hc_content" limit="30" item="content_sub22" sort="sort asc"}
+          {/hcTaglib:contentPage2}
+
+          {volist name="hc_content" id="vo_content"}
           <article class="swiper-slide p-related__card">
-            <a class="p-related__link" href="#">
-              <div class="p-related__media">
-                <img src="/themes/dist_static/static/images/section-5-img-1-DKl9E-KT.png" width="100" height="206" alt="" />
-              </div>
-              <div class="p-related__foot">
-                <h3 class="p-related__name">RA3系列PN总线型</h3>
-                <span class="p-related__arrow" aria-hidden="true">
-                      <svg
-                              viewBox="0 0 12.2529 11.314"
-                              xmlns="http://www.w3.org/2000/svg"
-                              xmlns:xlink="http://www.w3.org/1999/xlink"
-                              width="12.252930"
-                              height="11.313965"
-                              fill="none"
-                              customFrame="#000000"
-                      >
-                        <path
-                                id="合并"
-                                d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z"
-                                fill="rgb(239,67,53)"
-                                fill-rule="evenodd"
-                        />
-                      </svg>
-                    </span>
-              </div>
-            </a>
-          </article>
-          <article class="swiper-slide p-related__card">
-            <a class="p-related__link" href="#">
-              <div class="p-related__media">
-                <img src="/themes/dist_static/static/images/section-5-img-3-BI54fOZ3.png" width="100" height="206" alt="" />
-              </div>
-              <div class="p-related__foot">
-                <h3 class="p-related__name">RS3系列伺服驱动器</h3>
-                <span class="p-related__arrow" aria-hidden="true">
-                      <svg
-                              viewBox="0 0 12.2529 11.314"
-                              xmlns="http://www.w3.org/2000/svg"
-                              xmlns:xlink="http://www.w3.org/1999/xlink"
-                              width="12.252930"
-                              height="11.313965"
-                              fill="none"
-                              customFrame="#000000"
-                      >
-                        <path
-                                id="合并"
-                                d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z"
-                                fill="rgb(239,67,53)"
-                                fill-rule="evenodd"
-                        />
-                      </svg>
-                    </span>
-              </div>
-            </a>
-          </article>
-          <article class="swiper-slide p-related__card">
-            <a class="p-related__link" href="#">
-              <div class="p-related__media">
-                <img src="/themes/dist_static/static/images/section-5-img-3-BI54fOZ3.png" width="100" height="206" alt="" />
-              </div>
-              <div class="p-related__foot">
-                <h3 class="p-related__name">RS31系列伺服驱动器</h3>
-                <span class="p-related__arrow" aria-hidden="true">
-                      <svg
-                              viewBox="0 0 12.2529 11.314"
-                              xmlns="http://www.w3.org/2000/svg"
-                              xmlns:xlink="http://www.w3.org/1999/xlink"
-                              width="12.252930"
-                              height="11.313965"
-                              fill="none"
-                              customFrame="#000000"
-                      >
-                        <path
-                                id="合并"
-                                d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z"
-                                fill="rgb(239,67,53)"
-                                fill-rule="evenodd"
-                        />
-                      </svg>
-                    </span>
-              </div>
-            </a>
-          </article>
-          <article class="swiper-slide p-related__card">
-            <a class="p-related__link" href="#">
-              <div class="p-related__media">
-                <img src="/themes/dist_static/static/images/section-5-img-1-DKl9E-KT.png" width="100" height="206" alt="" />
-              </div>
-              <div class="p-related__foot">
-                <h3 class="p-related__name">RA3系列PN总线型</h3>
-                <span class="p-related__arrow" aria-hidden="true">
-                      <svg
-                              viewBox="0 0 12.2529 11.314"
-                              xmlns="http://www.w3.org/2000/svg"
-                              xmlns:xlink="http://www.w3.org/1999/xlink"
-                              width="12.252930"
-                              height="11.313965"
-                              fill="none"
-                              customFrame="#000000"
-                      >
-                        <path
-                                id="合并"
-                                d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z"
-                                fill="rgb(239,67,53)"
-                                fill-rule="evenodd"
-                        />
-                      </svg>
-                    </span>
-              </div>
-            </a>
-          </article>
-          <article class="swiper-slide p-related__card">
-            <a class="p-related__link" href="#">
-              <div class="p-related__media">
-                <img src="/themes/dist_static/static/images/section-5-img-3-BI54fOZ3.png" width="100" height="206" alt="" />
-              </div>
-              <div class="p-related__foot">
-                <h3 class="p-related__name">RS3系列伺服驱动器</h3>
-                <span class="p-related__arrow" aria-hidden="true">
-                      <svg
-                              viewBox="0 0 12.2529 11.314"
-                              xmlns="http://www.w3.org/2000/svg"
-                              xmlns:xlink="http://www.w3.org/1999/xlink"
-                              width="12.252930"
-                              height="11.313965"
-                              fill="none"
-                              customFrame="#000000"
-                      >
-                        <path
-                                id="合并"
-                                d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z"
-                                fill="rgb(239,67,53)"
-                                fill-rule="evenodd"
-                        />
-                      </svg>
-                    </span>
-              </div>
-            </a>
-          </article>
-          <article class="swiper-slide p-related__card">
-            <a class="p-related__link" href="#">
+            <a class="p-related__link" href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}">
               <div class="p-related__media">
-                <img src="/themes/dist_static/static/images/section-5-img-3-BI54fOZ3.png" width="100" height="206" alt="" />
+                <img src="{$vo_content['thumbnail']['url'] ?? ''}" width="100" height="206" alt="" />
               </div>
               <div class="p-related__foot">
-                <h3 class="p-related__name">RS31系列伺服驱动器</h3>
+                <h3 class="p-related__name">{$vo_content.title}</h3>
                 <span class="p-related__arrow" aria-hidden="true">
-                      <svg
-                              viewBox="0 0 12.2529 11.314"
-                              xmlns="http://www.w3.org/2000/svg"
-                              xmlns:xlink="http://www.w3.org/1999/xlink"
-                              width="12.252930"
-                              height="11.313965"
-                              fill="none"
-                              customFrame="#000000"
-                      >
-                        <path
-                                id="合并"
-                                d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z"
-                                fill="rgb(239,67,53)"
-                                fill-rule="evenodd"
-                        />
-                      </svg>
-                    </span>
+                  <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
+                    <path
+                            id="合并"
+                            d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z"
+                            fill="rgb(239,67,53)"
+                            fill-rule="evenodd"
+                    />
+                  </svg>
+                </span>
               </div>
             </a>
           </article>
+          {/volist}
+
         </div>
         <!-- <div class="p-related__pagination swiper-pagination"></div> -->
       </div>