```
{include file="header" /}
<!--Page Title-->
<section class="page-title centered" style="background-image: url(images/about/bg.jpg);">
<div class="container">
<div class="content-box">
<div class="title">產品介紹</div>
</div>
</div>
</section>
<!--End Page Title-->
<!-- bread-crumb -->
<section class="bread-crumb">
<div class="container">
<div class="content-box">
<div class="link"> <a href="{:url('cms/index/index')}">首頁</a>> {:catpos($catid)}</div>
</div>
</div>
</section>
<!-- bread-crumb end -->
<!-- project section -->
<section class="project-grid three-column-project gallery-page">
<div class="container">
<ul class="post-filter centred ">
<li class="active" data-filter=".filter-item">
<span>全部</span>
</li>
{yzn module="cms" action="category" catid="6" cache="0" order="listorder DESC" num="20" return="data"}
{volist name="data" id="vo"}
<li data-filter=".{$vo.id}">
<span>{$vo.catname}</span>
</li>
{/volist}
{/yzn}
</ul>
<div class="row masonary-layout filter-layout">
{yzn module="cms" action="lists" catid="$catid" order="listorder DESC" limit="$limit" return="data"}
{volist name="data" id="vo"}
<div class="col-md-4 col-sm-6 col-xs-12 filter-item {$vo.catid}">
<div class="single-item inner-box">
<div class="single-item-overlay">
<div class="img-box">
<img src="{$vo.thumb}" alt="">
<div class="overlay">
<div class="inner-box">
<ul class="content">
<li><a href="{$vo.url}"><i class="fa fa-link"></i></a></li>
<li><a href="{$vo.thumb}" class="lightbox-image"><i class="fa fa-search"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="lower-content">
<h4><a href="project-details.html">{$vo.title}</a></h4>
<!-- <div class="text"><p>{$vo.description|str_cut=###,10}</p></div> -->
</div>
</div>
</div>
{/volist}
{/yzn}
</div>
<ul class="link-btn centered">
{$pages|raw}
</ul>
</div>
</section>
<!-- project section end -->
{include file="footer" /}
```
