vr-shopxo-source/service/Application/Home/View/Default/Goods/Index.html

284 lines
14 KiB
HTML
Executable File

<include file="Public/Header" />
<!-- header top nav -->
<include file="Public/HeaderTopNav" />
<!-- search -->
<include file="Public/NavSearch" />
<!-- header nav -->
<include file="Public/HeaderNav" />
<!-- goods category -->
<include file="Public/GoodsCategory" />
<div class="detail">
<!-- 轮播 -->
<div class="scoll">
<div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{"directionNav":false}' >
<ul class="am-slides">
<if condition="!empty($goods.photo)">
<foreach name="goods.photo" item="photo">
<li>
<img src="{{$photo}}" title="{{$goods.title}}" />
</li>
</foreach>
</if>
</ul>
</div>
</div>
<!-- 基础信息 -->
<div class="item-inform am-container">
<!-- pc放大镜 / 左侧 -->
<div class="clearfix-left" id="clearcontent">
<div class="box">
<div class="tb-booth tb-pic tb-s310">
<if condition="!empty($goods['photo'][0])">
<a href="{{$goods['photo'][0]}}">
<img src="{{$goods['photo'][0]}}" alt="{{$goods.title}}" rel="{{:str_replace('compr', 'original', $goods['photo'][0])}}" class="jqzoom" />
</a>
</if>
</div>
<ul class="tb-thumb" id="thumblist">
<if condition="!empty($goods.photo)">
<foreach name="goods.photo" key="photo_key" item="photo">
<li class="<if condition="$photo_key eq 0">tb-selected<else /> tb-pic tb-s40</if>">
<div class="tb-pic tb-s40">
<a href="javascript:;"><img src="{{$photo}}" mid="{{$photo}}" big="{{:str_replace('compr', 'original', $photo)}}"></a>
</div>
</li>
</foreach>
</if>
</ul>
</div>
</div>
<!-- 右侧 -->
<div class="clearfix-right">
<!--规格属性-->
<!--名称-->
<div class="tb-detail-hd">
<h1 class="detail-title">{{$goods.title}}</h1>
</div>
<div class="tb-detail-list">
<!--价格-->
<div class="tb-detail-price">
<if condition="isset($goods['original_price']) and $goods['original_price'] gt 0">
<li class="price iteminfo_price">
<dt>原价</dt>
<dd>
<b class="sys_item_mktprice">¥ {{$goods.original_price}}</b>
</dd>
</li>
</if>
<li class="price iteminfo_mktprice">
<dt>促销价</dt>
<dd>
<em>¥</em>
<b class="sys_item_price">{{$goods.price}}</b>
</dd>
</li>
</div>
<!--销量-->
<ul class="tm-ind-panel">
<li class="tm-ind-item tm-ind-sellCount canClick">
<div class="tm-indcon"><span class="tm-label">累计销量</span><span class="tm-count">{{$goods.sales_count}}</span></div>
</li>
<li class="tm-ind-item tm-ind-sumCount canClick">
<div class="tm-indcon"><span class="tm-label">浏览次数</span><span class="tm-count">{{$goods.access_count}}</span></div>
</li>
<li class="tm-ind-item tm-ind-reviewCount canClick tm-line3">
<div class="tm-indcon"><span class="tm-label">累计评价</span><span class="tm-count">640</span></div>
</li>
</ul>
<!--各种规格-->
<dl class="iteminfo_parameter sys_item_specpara">
<dt class="theme-login">
<div class="cart-title">
<span class="specpara-title">可选规格</span>
<span class="am-icon-angle-right"></span>
</div>
</dt>
<dd>
<!--操作页面-->
<div class="theme-popover-mask"></div>
<div class="theme-popover">
<div class="theme-span"></div>
<div class="theme-poptit">
<a href="javascript:;" title="关闭" class="close am-icon-close am-icon-sm"></a>
</div>
<div class="theme-popbod dform">
<form class="theme-signin" name="loginform" action="" method="post">
<div class="theme-signin-left">
<if condition="!empty($goods['attribute']['choose'])">
<foreach name="goods.attribute.choose" key="key" item="attribute">
<div class="theme-options">
<div class="cart-title">{{$attribute.name}}</div>
<ul>
<if condition="!empty($attribute['find'])">
<foreach name="attribute.find" key="keys" item="attr">
<li class="sku-line" data-parent-id="{{$attribute.id}}" data-id="{{$attr.id}}">{{$attr.name}}<i></i></li>
</foreach>
</if>
</ul>
</div>
</foreach>
</if>
<div class="theme-options">
<div class="cart-title number">数量</div>
<dd>
<button id="min" class="am-btn am-btn-default" type="button">-</button>
<input id="text_box" name="" type="text" value="1" />
<button id="add" class="am-btn am-btn-default" type="button">+</button>
<span id="Stock" class="tb-hidden">库存<span class="stock">{{$goods.inventory}}</span>{{$goods.inventory_unit}}</span>
</dd>
</div>
<div class="btn-op">
<span class="btn am-btn am-btn-default confirm">确认</span>
<span class="btn close am-btn am-btn-danger cancel">取消</span>
</div>
</div>
<div class="theme-signin-right">
<div class="img-info">
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/songzi.jpg" />
</div>
<div class="text-info">
<span class="J_Price price-now">¥{{$goods.price}}</span>
<span id="Stock" class="tb-hidden">库存<span class="stock">{{$goods.inventory}}</span>{{$goods.inventory_unit}}</span>
</div>
</div>
</form>
</div>
</div>
</dd>
</dl>
</div>
<!--手机导航-->
<div class="buy-nav">
<div class="buy-nav-opt">
<a href="{{:__MY_URL__}}"><span class="am-icon-home am-icon-fw"> 首页</span></a>
<a><span class="am-icon-heart am-icon-fw"> 收藏</span></a>
</div>
<li>
<div class="clearfix tb-btn tb-btn-buy theme-login">
<a id="LikBuy" title="点此按钮到下一步确认购买信息" href="javascript:;">立即购买</a>
</div>
</li>
<li>
<div class="clearfix tb-btn tb-btn-basket theme-login">
<a id="LikBasket" title="加入购物车" href="javascript:;"><i></i>加入购物车</a>
</div>
</li>
</div>
</div>
</div>
<!-- 详情/推荐商品-->
<div class="introduce am-container">
<div class="browse">
<div class="mc">
<ul>
<div class="mt">
<h2>看了又看</h2>
</div>
<if condition="!empty($left_goods)">
<foreach name="left_goods" key="key" item="v">
<li <if condition="$key eq 0">class="first"</if>>
<div class="p-img">
<a href="{{:$v['goods_url']}}">
<img alt="{{$v.title}}" src="{{$v.images}}">
</a>
</div>
<div class="p-name">
<a href="{{:$v['goods_url']}}">{{$v.title}}</a>
</div>
<div class="p-price"><strong>¥{{$v.price}}</strong></div>
</li>
</foreach>
</if>
</ul>
</div>
</div>
<div class="introduce-main">
<div class="am-tabs" data-am-tabs>
<ul class="am-avg-sm-2 am-tabs-nav am-nav am-nav-tabs" data-am-sticky="{animation: 'slide-top'}">
<li class="am-active">
<a href="javascript:;">
<span class="index-needs-dt-txt">宝贝详情</span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="index-needs-dt-txt">猜你喜欢</span>
</a>
</li>
</ul>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in am-active">
<if condition="!empty($goods['attribute'])">
<div class="specifications">
<div class="spacing-nav-title">
<span class="line"></span>
<span class="text-wrapper">产品参数</span>
</div>
<ul class="detail-attr">
<if condition="!empty($goods['attribute']['show'])">
<foreach name="goods.attribute.show" key="key" item="attribute">
<li title="">{{$attribute.name}}:&nbsp;{{:implode(',', array_column($attribute['find'], 'name'))}}</li>
</foreach>
</if>
<if condition="!empty($goods['attribute']['choose'])">
<foreach name="goods.attribute.choose" key="key" item="attribute">
<li title="">{{$attribute.name}}:&nbsp;{{:implode(',', array_column($attribute['find'], 'name'))}}</li>
</foreach>
</if>
</ul>
</div>
</if>
<div class="details">
<div class="spacing-nav-title">
<span class="line"></span>
<span class="text-wrapper">商品细节</span>
</div>
<div class="detail-content">{{$goods.content_web}}</div>
</div>
</div>
<div class="am-tab-panel am-fade">
<div class="like">
<ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 boxes">
<if condition="!empty($detail_like_goods)">
<foreach name="detail_like_goods" key="key" item="v">
<li>
<div class="i-pic limit">
<a href="{{:$v['goods_url']}}">
<img alt="{{$v.title}}" src="{{$v.home_recommended_images}}" />
</a>
<p class="ellipsis">{{$v.title}}</p>
<p class="price fl">
<strong>¥{{$v.price}}</strong>
</p>
</div>
</li>
</foreach>
</if>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer start -->
<include file="Public/Footer" />
<!-- footer end -->