jsasg/orico-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

refactor: 产品详情页相关产品

Browse Source
This commit is contained in:
jsasg
2025-05-19 14:49:56 +08:00
parent 37aed84d88
commit cc81bc8525
1 changed files with 17 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
app/index/view/product/detail.html
View File

@@ -125,64 +125,28 @@
{$product.detail|default=''|raw} {$product.detail|default=''|raw}
</div> </div>
</div> </div>
<!-- 相关产品 --> <!-- 关联产品 -->
{notempty name="product_related"} {notempty name="product_related"}
<div id="related"> <div class="glcpmain" id="related">
<p>{:lang('product_detail.related_products')}</p> <div class="glcptitle">{:lang('product_detail.related_products')}</div>
<div> <div class="swiper-container glcpswiper">
<ul> <div class="swiper-wrapper">
{volist name="product_related" id="related"} {volist name="product_related" id="rel"}
<li> <a class="swiper-slide glcpit" href="{:url('product/detail', ['id'=>$rel.id])}">
<a href="{:url('product/detail', ['id' => $related.id])}"> <img src="{:thumb($rel.cover_image)}" class="glimg" />
<img src="{$related.cover_image}" alt="{$related.name}" /> <div class="glinfo">
<p>{$related.name}</p> <div class="t1">{$rel.name}</div>
<p>{$related.spu}</p> <div class="t2">{$rel.spu}</div>
</a> </div>
</li> </a>
{/volist} {/volist}
</ul> </div>
<!-- 如果需要导航按钮 -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div> </div>
</div> </div>
{/notempty} {/notempty}
<!-- 关联产品 -->
<div class="glcpmain" id="related">
<div class="glcptitle">关联产品</div>
<div class="swiper-container glcpswiper">
<div class="swiper-wrapper">
<div class="swiper-slide glcpit">
<img src="https://www.orico.com.cn/uploads/product/2539U3/2539U3-L1.jpg" class="glimg" />
<div class="glinfo">
<div class="t1">2.5英寸USB3.0三防硬盘盒</div>
<div class="t2"> ORICO-2539U3</div>
</div>
</div>
<div class="swiper-slide glcpit">
<img src="https://www.orico.com.cn/uploads/product/2539U3/2539U3-L1.jpg" class="glimg" />
<div class="glinfo">
<div class="t1">2.5英寸USB3.0三防硬盘盒</div>
<div class="t2"> ORICO-2539U3</div>
</div>
</div>
<div class="swiper-slide glcpit">
<img src="https://www.orico.com.cn/uploads/product/2539U3/2539U3-L1.jpg" class="glimg" />
<div class="glinfo">
<div class="t1">2.5英寸USB3.0三防硬盘盒</div>
<div class="t2"> ORICO-2539U3</div>
</div>
</div>
<div class="swiper-slide glcpit">
<img src="https://www.orico.com.cn/uploads/product/2539U3/2539U3-L1.jpg" class="glimg" />
<div class="glinfo">
<div class="t1">2.5英寸USB3.0三防硬盘盒</div>
<div class="t2"> ORICO-2539U3</div>
</div>
</div>
</div>
<!-- 如果需要导航按钮 -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<!-- 弹框--> <!-- 弹框-->
<div id="form_modal" class="XJmodal"> <div id="form_modal" class="XJmodal">
<div class="XJmodal-content"> <div class="XJmodal-content">