{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'}