You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
5.0 KiB
70 lines
5.0 KiB
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<div class="card mb-3">
|
|
<img class="card-img img-fluid" src="{if $pictures.0.img_url}{$pictures.0.img_url}{else}{$goods.goods_img}{/if}" alt="{$goods.goods_name|escape:html}" id="product-detail">
|
|
</div>
|
|
<div class="row">
|
|
<!--Start Controls-->
|
|
<div class="col-1 align-self-center">
|
|
<a href="#multi-item-example" role="button" data-bs-slide="prev">
|
|
<i class="text-dark fas fa-chevron-left"></i>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
</div>
|
|
<!--End Controls-->
|
|
<!--Start Carousel Wrapper-->
|
|
<div id="multi-item-example" class="col-10 carousel slide carousel-multi-item" data-bs-ride="carousel">
|
|
<!--Start Slides-->
|
|
<div class="carousel-inner product-links-wap" role="listbox">
|
|
|
|
{foreach from=$pictures item=picture name=foo}
|
|
<!--First slide-->
|
|
<div class="carousel-item {if $smarty.foreach.foo.index == 0}active{/if}">
|
|
<div class="row">
|
|
{foreach from=$picture item=p name=f}
|
|
<div class="col-4">
|
|
<a href="#">
|
|
<img class="card-img img-fluid" src="{$p.thumb_url}" alt="Product Image 1">
|
|
</a>
|
|
</div>
|
|
{/foreach}
|
|
</div>
|
|
</div>
|
|
<!--/.First slide-->
|
|
{/foreach}
|
|
</div>
|
|
<!--End Slides-->
|
|
</div>
|
|
<!--End Carousel Wrapper-->
|
|
<!--Start Controls-->
|
|
<div class="col-1 align-self-center">
|
|
<a href="#multi-item-example" role="button" data-bs-slide="next">
|
|
<i class="text-dark fas fa-chevron-right"></i>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</div>
|
|
<!--End Controls-->
|
|
</div>
|
|
|
|
|
|
<!-- <div class="detail_img" id="detail_img">
|
|
<div class="pic_view" id="li_{$goods.goods_id}"> <a href="{$pictures.0.img_url}" class="MagicZoomPlus" id="Zoomer" rel="hint-text: ; selectors-effect: false; selectors-class: current; zoom-distance: 10;zoom-width: 400; zoom-height: 400;">
|
|
<img id="J_prodImg" alt="{$goods.goods_name|escape:html}" src="{if $pictures.0.img_url}{$pictures.0.img_url}{else}{$goods.goods_img}{/if}" src="images/spacer.gif" class="loading pic_img_{$goods.goods_id}"> </a> </div>
|
|
<div class="item-thumbs" id="item-thumbs">
|
|
<a class="prev" href="javascript:void(0);"></a>
|
|
<a class="next" href="javascript:void(0);"></a>
|
|
<div class="bd">
|
|
<ul class="cle">
|
|
<!-- {if $pictures}-->
|
|
<!-- {foreach from=$pictures item=picture name=foo}-->
|
|
<li <!-- {if $smarty.foreach.foo.first}-->class="current"<!-- {/if}-->> <a href="{if $picture.img_url}{$picture.img_url}{else}{$picture.thumb_url}{/if}" rel="zoom-id: Zoomer" rev="{if $picture.img_url}{$picture.img_url}{else}{$picture.thumb_url}{/if}"> <img src="{if $picture.thumb_url}{$picture.thumb_url}{else}{$picture.img_url}{/if}" class="loading" alt="{$goods.goods_name}"> </a></li>
|
|
<!--{/foreach}-->
|
|
<!-- {/if}-->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="baidu_share">
|
|
<div class="bdsharebuttonbox"><p style="float:left;">分享商品：</p><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a></div>
|
|
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
|
|
</div>
|
|
</div> -->
|