如何开发pbootcms产品详情页模板?参考新闻详情页模板制作,需要注意以下几点不同的地方.
- 新建的产品详情页模板product.html,侧边栏目调取
{include file=sidebar.html} - 产品描述
{content:description} - 产品详情页多图调用参考下面展示代码;当前内容详情页tag,我写的是直接输出
{content:tags}
<div class="pc-slide">
<div class="view">
<div class="swiper-container swiper-container-horizontal">
<div class="swiper-wrapper">
{pboot:pics id={content:id} num=9}
<div class="swiper-slide">
<div class="img-center">
<img src="[pics:src]" rel="[pics:src]" class="jqzoom">
</div>
</div>
{/pboot:pics}
</div>
</div>
</div>
<div class="preview"><a class="arrow-left" href="javascript:;"></a> <a class="arrow-right" href="javascript:;"></a>
<div class="swiper-container swiper-container-horizontal">
<div class="swiper-wrapper">
{pboot:pics id={content:id} num=3}
<div class="swiper-slide">
<div class="img-center">
<img src="[pics:src]">
</div>
</div>
{/pboot:pics}
</div>
</div>
</div>
</div>
调用详情页多图
适用范围：全站任意详情页
标签作用：用于依次输出详情页的多张图片
1、调用当前详情页多图
{pboot:pics id={content:id} num=*}
<img src="[pics:src]">
{/pboot:pics}
2、调用指定详情页多图
{pboot:pics id=指定详情页ID num=*}
<img src="[pics:src]">
{/pboot:pics}
控制参数：
id=* 内容ID号，必填，用于控制需要输出图片的内容，也可使用id={content:id}、id=[list:id]自适应当前内容及列表
num=* 数量，非必填，用于控制需要输出图片得数量
参考文章:
内容tags标签调用
适用范围：全站任意地方均可使用
获取当前tags值可用：{$get.tag}
1、调用指定栏目下的内容tags
{pboot:tags scode=*,*}
<a href="[tags:link]">[tags:text]</a>
{/pboot:tags}
此处tags的链接指向所填scode分类下列表页，比如如果填写5,7,那么5下面的内容指向5，7下面的指向7。
控制参数：
scode=* 栏目编码，用于控制需要输出内容的栏目编码，多个用逗号隔开
num=* 数量，非必填，用于控制需要输出的数量
target=tag （V2.0.6+）可以指定链接跳转到tags.html独立模板
2、调用指定内容的tags
{pboot:tags id=*}
<a href="[tags:link]">[tags:text]</a>
{/pboot:tags}
此处tags的链接默认指向内容本身的分类，如果你不想这样，那么可以指定scode=* 来设置跳转的分类。
控制参数：
id=* 内容ID，用于控制需要输出的内容ID，如果与列表标签嵌套可以用id=[list:id]
num=* 数量，非必填，用于控制需要输出的数量
target=tag （V2.0.6+）可以指定链接跳转到tags.html独立模板
3、使用tags显示相似内容列表
{pboot:list scode=* tags='x,y'}
<p><a href="[list:link]">[list:title]</a></p>
{/pboot:list}
此处scode可以是当前栏目标签{sort:scode}，详情页可配合tags={content:tags}来调用当前文章的相关相似文章
转载请注明：大灰牛博客 » pbootcms产品详情页模板怎么制作(tag)