91 lines
3.9 KiB
HTML
91 lines
3.9 KiB
HTML
{include file='zh-cn/common/header' title='商品详情' keywords='商品详情' description='商品详情'} {include file='zh-cn/common/nav' }
|
|
<!-- Search Modal End -->
|
|
<!-- OffCanvas Menu End --><!-- breadcrumb-area start -->
|
|
<div class="container">
|
|
<div class="row align-items-center justify-content-center">
|
|
<div class="col-12">
|
|
<!-- breadcrumb-list start -->
|
|
<ul class="breadcrumb-list">
|
|
<li class="breadcrumb-item"><a log="a" href="{:url('index/index/index')}">首页</a></li>
|
|
{foreach $resource.bread as $key => $bread}
|
|
<span>></span>
|
|
<li class="breadcrumb-item"><a log="a" href="{:url('index/goods/index?'.$bread.qs)}">{$bread.name}</a></li>
|
|
{/foreach}
|
|
</ul>
|
|
<!-- breadcrumb-list end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- breadcrumb-area end --><!-- Goods Details Area Start -->
|
|
<div class="product-details-area pb-100px">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-5 col-sm-12 col-xs-12 mb-lm-30px mb-md-30px mb-sm-30px">
|
|
<!-- Swiper -->
|
|
<div class="swiper-container zoom-top">
|
|
<div class="single-product-slider-wrapper swiper-wrapper">
|
|
{foreach $resource.goodsInfo.images as $img}
|
|
<div class="swiper-slide zoom-image-hover">
|
|
<img log="img" class="img-responsive m-auto" src="{$img.image}" alt="" />
|
|
</div>
|
|
{/foreach}
|
|
</div>
|
|
</div>
|
|
<div class="swiper-container zoom-thumbs mt-20px">
|
|
<div class="swiper-wrapper">
|
|
{foreach $resource.goodsInfo.images as $img}
|
|
<div class="swiper-slide">
|
|
<img log="img" class="img-responsive m-auto" src="{$img.image}" alt="" />
|
|
</div>
|
|
{/foreach}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-7 col-sm-12 col-xs-12" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="product-details-content quickview-content ml-25px">
|
|
<h2>{$resource.goodsInfo.name}</h2>
|
|
<p class="mb-0">{$resource.goodsInfo.description}</p>
|
|
<div class="line-shape-top"></div>
|
|
<div class="pro-details-categories-info pro-details-same-style">
|
|
<ul>
|
|
<li><span>型号:</span>{$resource.goodsInfo.model_number}</li>
|
|
<li><span>类型:</span>{$resource.goodsInfo.category_name}</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- product details description area start -->
|
|
<div class="description-review-area pb-100px" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="container">
|
|
<div class="description-review-wrapper">
|
|
<div class="description-review-topbar nav">
|
|
<a log="a" class="active" data-bs-toggle="tab" href="#des-details1">图文详情描述</a>
|
|
<a log="a" data-bs-toggle="tab" href="#des-details2">规格参数</a>
|
|
</div>
|
|
<div class="tab-content description-review-bottom">
|
|
<div id="des-details1" class="tab-pane active">
|
|
<div class="product-description-wrapper">{$resource.goodsInfo.details | raw}</div>
|
|
</div>
|
|
<div id="des-details2" class="tab-pane">
|
|
<div class="product-anotherinfo-wrapper text-start">
|
|
<div class="row">
|
|
{if count($resource.goodsInfo.goods_attribute) > 0} {foreach $resource.goodsInfo.goods_attribute as $attr}
|
|
<div class="col-lg-12 col-xl-12 col-md-12 col-sm-12 col-xs-12">
|
|
<ul>
|
|
<li><span>{$attr.attribute_name}</span><em>{$attr.value}</em></li>
|
|
</ul>
|
|
</div>
|
|
{/foreach} {/if}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- product details description area end -->
|
|
{include file='zh-cn/common/footer'} {include file='zh-cn/common/script'}
|