{ openzc:prolist }
prolist：产品列表调用，每个页面都可以使用
| 字段名称 | 说明 |
|---|---|
| [field:products_id/] | 产品ID |
| [field:products_name/] | 产品名称 |
| [field:products_image/] | 产品主图 |
| [field:products_image_flip/] | 产品副图（翻转图） |
| [field:products_price/] | 产品价格 |
| [field:products_type/] | 产品类别 |
| [field:products_quantity/] | 产品数量 |
| [field:products_model/] | 产品模型编号 |
| [field:sort_index/] | 产品序号 |
| [field:sort_index_type/] | 产品排序奇偶数（odd/even） |
| [field:categories_name/] | 产品所属分类名称 |
| [field:categories_link/] | 产品所属分类连接 |
| [field:products_normal_price/] | 产品价格 |
| [field:productPriceDiscount/] | 产品折扣内容 |
| [field:products_original_price/] | 产品原价 |
| [field:products_flag/] | 产品标识，sale(热销)、featured(特色)、specials(特价) |
| [field:products_image_full/] | 产品原图，当使用imgsizer缩略图参数时，用到原图字段 |
| [field:products_image_flip_full/] | 产品副图原图 |
| [field:sku_price_class/] | 产品SKU 前端DIV class名称,用于ajax sku 价格变化 |
| [field:products_description_preview/] | 产品描述简介，只保留描述文本，已过滤掉图片以及其他html标签 |
| 参数名称 | 参数值 | 说明 |
|---|---|---|
| cid | ID|all(所有ID)|parent(上级分类)|current(当前分类) | 分类ID，多个ID用逗号隔开 |
| pid | ID | 产品ID，多个ID用逗号隔开 |
| flag | specials（特价）|sale（促销）|featured（推荐） | 产品标签 |
| type | compare（对比）|wishlist（收藏）|preview（预览） | 表示当前最新的（收藏|对比|预览）产品 |
| imgsizer | 100,100 | 图片裁剪参数，（宽，高） |
| bgcolor | #000000 | 图片裁剪背景颜色 |
| row | 10 | 调用条数10 |
| titlelen | 100 | 产品名称字数限制,100代表100个字符 |
| desclen | 200 | 产品描述字数限制,200代表200个字符 |
| separator | # | 产品细节图分隔符，默认为“|||” |
| saleid | 1,2 | 促销活动ID，多个用“，”隔开 |
| options_id | 1,2 | 产品页相关产品调用，相关的属性项产品 |
| options_values_id | 1,2 | 产品页相关产品调用，相关属性值产品 |
| range | 50，50 | 产品页相关产品调用，与当前产品相近价格范围 |
① 调用标记产品列表
热销、推荐、特价产品列表调用
<!-- 说明：flag="featured"(推荐) flag="sale"(促销) flag="specials"(特价) row="5"(调用条数5) -->
<div class="media align-items-stretch">
<ul class="nav nav-tabs flex-column wd-150" id="myTab4" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab4" data-toggle="tab" href="#home4" role="tab" aria-controls="home" aria-selected="true">Featured</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab4" data-toggle="tab" href="#profile4" role="tab" aria-controls="profile" aria-selected="false">Sale</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contact-tab4" data-toggle="tab" href="#contact4" role="tab" aria-controls="contact" aria-selected="false">Specials</a>
</li>
</ul>
<div class="media-body">
<div class="tab-content bd bg-white bd-l-0 pd-20" id="myTabContent4">
<div class="tab-pane fade show active" id="home4" role="tabpanel" aria-labelledby="home-tab4">
<div class="row">
{openzc:prolist flag="featured" row="5" imgsizer="190,245"}
<div class="col-6 col-md-4 col-lg">
<img class="d-flex" src="[field:products_image/]"/>
<a class="d-flex tx-light tx-color-01 mg-b-0" href="[field:products_link/]">[field:products_name/]</a>
<span>[field:products_price/]</span>
</div>
{/openzc:prolist}
</div>
</div>
<div class="tab-pane fade" id="profile4" role="tabpanel" aria-labelledby="profile-tab4">
<div class="row">
{openzc:prolist flag="sale" row="5" imgsizer="190,245"}
<div class="col-6 col-md-4 col-lg">
<img class="d-flex" src="[field:products_image/]"/>
<a class="d-flex tx-light tx-color-01 mg-b-0" href="[field:products_link/]">[field:products_name/]</a>
<span class="mr-2">[field:products_price/]</span>
<del>[field:products_original_price/]</del>
</div>
{/openzc:prolist}
</div>
</div>
<div class="tab-pane fade" id="contact4" role="tabpanel" aria-labelledby="contact-tab4">
<div class="row">
{openzc:prolist flag="specials" row="5" imgsizer="190,245"}
<div class="col-6 col-md-4 col-lg">
<img class="d-flex" src="[field:products_image/]"/>
<a class="d-flex tx-light tx-color-01 mg-b-0" href="[field:products_link/]">[field:products_name/]</a>
<span class="mr-2">[field:products_price/]</span>
<del>[field:products_original_price/]</del>
</div>
{/openzc:prolist}
</div>
</div>
</div>
</div>
</div>
② 配合{ openzc:catelist }调用产品列表
循环嵌套调用指定多个分类的产品列表
Hardware
Software
DVD Movies
<!--指定分类ID：1，2，3 循环调用分块展示产品列表-->
<div class="row">
{openzc:catelist cid="1,2,3"}
<div class="card col-sm m-1 p-3">
<h5 class="card-title">[field:categories_name/]</h5>
<div class="row">
{openzc:prolist row="6" imgsizer="103,85"}
<div class="col-6 col-md-4 col-lg-4">
<img class="d-flex" src="[field:products_image/]"/>
<a class="d-flex tx-light tx-8 tx-color-01 mg-b-0" href="[field:products_link/]">[field:products_name/]</a>
<span>[field:products_price/]</span>
</div>
{/openzc:prolist}
</div>
</div>
{/openzc:catelist}
</div>