【产品模型】标签

1、产品列表

<ul class="plug2">
<!--{foreach $product as $volist}-->
<li>
<span><!--{$volist.addtime|date_format:'%Y-%m-%d'}--></span>
<a href="<!--{$volist.url}-->"><!--{$volist.title}--></a>
</li>
<!--{/foreach}-->
</ul>
<!--{if $showpage!=""}-->
<div class="clear"></div>
<div class="pagecode"><!--{$showpage}--></div>
<!--{/if}-->

2、内容页
产品详情页：

产品图库调用代码：这里有点复杂，看得懂就看一下，看不懂直接复制代码去用就好了。

<dt style="width:364px;">
<!--{if $product.uploadfiles!=''}-->
<span class='info_img' id='imgqwe'><a id='view_bigimg' href='<!--{$product.uploadfiles}-->' title="查看大图" target='_blank'><img id='view_img' border='0' style="width:350px; height:200px" onload="javascript:DrawImage(this,'200','200');" src='<!--{$product.uploadfiles}-->'></a>
</span>
<script type='text/javascript'>var zoomImagesURI = '<!--{$skinpath}-->images/zoom/';</script>
<script src='<!--{$skinpath}-->js/zoom.js' language='javascript' type='text/javascript'></script>
<script src='<!--{$skinpath}-->js/zoomhtml.js' language='javascript' type='text/javascript'></script>
<script type='text/javascript'> window.onload==setupZoom(); </script>
<!--{else}-->
<span class='info_img'><img id='view_img' border='0' onload="javascript:DrawImage(this,'200','200');" src='<!--{$product.thumbfiles}-->'></span>
<!--{/if}-->

<div style="padding-top:5px;"></div>
<span class='other' onmouseover="changepic('<!--{$product.uploadfiles}-->')"><img border='0' width="50" height="50" src='<!--{$product.thumbfiles}-->'></span>
<!--{if !empty($product.gallery)}-->
<!--{foreach $product.gallery as $val}-->
<span class='other' onmouseover="changepic('<!--{$val.imgurl}-->')"><img border='0' width="50" height="50" src='<!--{$val.imgthumb}-->'></span>
<!--{/foreach}-->
<!--{/if}-->
</dt>

这中间有几个JS，是点击图片看大图的效果。直接在默认模板下找到相应的JS用就可以了。

这一个JS片段是相册切换图用的：

<script language="javascript">
function changepic(val){
$("#view_img").attr("src",val);
$("#view_bigimg").attr("href",val)
}
</script>

浏览次数<!--{$product.hits}-->
名称 ：<!--{$product.productname}-->
编号 : <!--{$product.productsn}-->
分类 : <a href="<!--{$catinfo.url}-->"><!--{$catinfo.catname}--></a>
日期 : <!--{$product.addtime|date_format:'%Y-%m-%d'}-->
价格 : <!--{$product.bprice}-->

详细介绍：<!--{$product.content}-->