zzwy2/view/product/detail.html

85 lines
3.8 KiB
HTML
Executable File

{layout name="layout" /}
<!-- 主体内容 -->
<div class="pull-point w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<a href="/">首页</a><em>/</em>
<a href="/product.html">{$category.title ?? ''}</a>
<em>/</em>{$secondInfo.title ?? ''}</div>
<div class="pull-content w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="product-detail">
{if !empty($images)}
<div class="product-swiper-bg wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<!-- 组图 -->
<div class="product-swiper swiper">
<div class="swiper-wrapper">
{foreach $images as $image}
<div class="swiper-slide">
<img src="{$image.src ?? ''}" alt="{$image.alt ?? ''}">
</div>
{/foreach}
</div>
</div>
<!-- 缩略图 -->
<div class="product-thumbnail-bg">
<div class="product-thumbnail-swiper swiper">
<div class="swiper-wrapper">
{foreach $images as $image}
<div class="swiper-slide">
<span><img src="{$image.src ?? ''}" alt="{$image.alt ?? ''}"></span>
</div>
{/foreach}
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
{/if}
<div class="product-txt wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<h1>{$item.title ?? ''}</h1>
<p class="clips7">{$item.description ?? ''}</p>
<div class="product-contact">
<p>
{if !empty($item.qr) || !empty($config.img_product_qr)}
<img src="{$item.qr ?: ($config.img_product_qr ?? '')}" style="width: 70px;height: 70px;" alt="qr icon">
{/if}
<a href="tel:{$item.phone ?: ($config.product_phone ?? '')}">
<strong>{$item.phone ?: ($config.product_phone ?? '')}</strong>
<em>(24小时热线)</em>
</a>
</p>
<p>
<img src="__STATIC__/images/icon/icon-qq.png" alt="">
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={$item.qq ?: ($config.product_qq ?? '')}&site=qq&menu=yes">
<strong>{$item.qq ?: ($config.product_qq ?? '')}</strong>
<em>(点击聊天)</em>
</a>
</p>
</div>
</div>
</div>
</div>
<div class="product-content w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="case-title product-btns"><span>客户价值</span><span>主要参数</span></div>
<div class="body-txt">
<div class="txt-item wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
{$item.content|raw}
</div>
<div class="txt-item">
{$item.params|raw}
</div>
</div>
</div>
<div class="relevant-case w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="case-title"><strong>相关产品</strong><a href="/product.html?second={$secondInfo.id ?? 0}">更多产品</a></div>
<ul class="product-list">
{foreach $recommendList as $recommend}
<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<a href="/product/detail.html?id={$recommend.id ?? 0}">
<h2>{$recommend.title ?? ''}</h2>
<p class="clips3">{$recommend.description ?? ''}</p>
</a>
</li>
{/foreach}
</ul>
</div>