Browse Source

产品详情--相关产品

master
xiaodong 3 weeks ago
parent
commit
67ef9c75f4
  1. 215
      public/themes/website/1/zh/demo/product.html

215
public/themes/website/1/zh/demo/product.html

@ -376,38 +376,22 @@ $resource_download = $main_content['resource_download'] ?? [];
<h2 class="section__title">相关产品</h2> <h2 class="section__title">相关产品</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项"> <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 <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> </svg>
</button> </button>
<button type="button" class="s-arrows__next" aria-label="下一项"> <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 <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> </svg>
</button> </button>
@ -415,174 +399,33 @@ $resource_download = $main_content['resource_download'] ?? [];
</div> </div>
<div class="p-related__swiper swiper"> <div class="p-related__swiper swiper">
<div class="swiper-wrapper"> <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"> <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"> <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>
<div class="p-related__foot"> <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"> <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> </div>
</a> </a>
</article> </article>
{/volist}
</div> </div>
<!-- <div class="p-related__pagination swiper-pagination"></div> --> <!-- <div class="p-related__pagination swiper-pagination"></div> -->
</div> </div>

Loading…
Cancel
Save