Version 5.1.5

{ openzc:list }

list:当前分类产品列表调用,只能在分类页面使用

字段名称 说明
[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标签
参数名称 参数值 说明
pagesize12产品列表页每页展示的数量
flagspecials(特价)|sale(热销)|featured(推荐)产品标签
type
imgsizer100,100图片裁剪参数,(宽,高)
bgcolor#000000图片裁剪背景颜色
titlelen100产品名称字数限制,100代表100个字符
desclen200产品描述字数限制,200代表200个字符
① 当前分类列表调用,当前分类产品数量(6)

产品列表,按分页(12/每页)每页数量可自定义

Matrox G200 MMS

Reinforcing its position as a multi-monitor trailblazer, Matrox Graphics Inc. has once again developed the most flexible and highly advanced solution in the industry. Introducing the new Matrox G200 Multi-Monitor Series; the first graphics card ever to support up to four DVI digital flat panel displays on a single 8" PCI board.With continuing demand for digital flat panels in the financial workplace, the Matrox G200 MMS is the ultimate in flexible solutions. The Matrox G200 MMS also supports the new digital video interface (DVI) created by the Digital Display Working Group (DDWG) designed to ease the adoption of digital flat panels. Other configurations include composite video capture ability and onboard TV tuner, making the Matrox G200 MMS the complete solution for business needs.Based on the award-winning MGA-G200 graphics chip, the Matrox G200 Multi-Monitor Series provides superior 2D/3D graphics acceleration to meet the demanding needs of business applications such as real-time stock quotes (Versus), live video feeds (Reuters & Bloombergs), multiple windows applications, word processing, spreadsheets and CAD.
$299.99

Matrox G400 32MB

Dramatically Different High Performance GraphicsIntroducing the Millennium G400 Series - a dramatically different, high performance graphics experience. Armed with the industry's fastest graphics chip, the Millennium G400 Series takes explosive acceleration two steps further by adding unprecedented image quality, along with the most versatile display options for all your 3D, 2D and DVD applications. As the most powerful and innovative tools in your PC's arsenal, the Millennium G400 Series will not only change the way you see graphics, but will revolutionize the way you use your computer.Key features:New Matrox G400 256-bit DualBus graphics chipExplosive 3D, 2D and DVD performanceDualHead DisplaySuperior DVD and TV output3D Environment-Mapped Bump MappingVibrant Color Quality rendering UltraSharp DAC of up to 360 MHz3D Rendering Array ProcessorSupport for 16 or 32 MB of memory
$499.99

Microsoft IntelliMouse Pro

Every element of IntelliMouse Pro - from its unique arched shape to the texture of the rubber grip around its base - is the product of extensive customer and ergonomic research. Microsoft's popular wheel control, which now allows zooming and universal scrolling functions, gives IntelliMouse Pro outstanding comfort and efficiency.
$39.99

Microsoft Internet Keyboard PS/2

The Internet Keyboard has 10 Hot Keys on a comfortable standard keyboard design that also includes a detachable palm rest. The Hot Keys allow you to browse the web, or check e-mail directly from your keyboard. The IntelliType Pro software also allows you to customize your hot keys - make the Internet Keyboard work the way you want it to!
$69.99

Microsoft IntelliMouse Explorer

Microsoft introduces its most advanced mouse, the IntelliMouse Explorer! IntelliMouse Explorer features a sleek design, an industrial-silver finish, a glowing red underside and taillight, creating a style and look unlike any other mouse. IntelliMouse Explorer combines the accuracy and reliability of Microsoft IntelliEye optical tracking technology, the convenience of two new customizable function buttons, the efficiency of the scrolling wheel and the comfort of expert ergonomic design. All these great features make this the best mouse for the PC!
$64.95

Hewlett Packard LaserJet 1100Xi Linked

HP has always set the pace in laser printing technology. The new generation HP LaserJet 1100 series sets another impressive pace, delivering a stunning 8 pages per minute print speed. The 600 dpi print resolution with HP's Resolution Enhancement technology (REt) makes every document more professional.Enhanced print speed and laser quality results are just the beginning. With 2MB standard memory, HP LaserJet 1100xi users will be able to print increasingly complex pages. Memory can be increased to 18MB to tackle even more complex documents with ease. The HP LaserJet 1100xi supports key operating systems including Windows 3.1, 3.11, 95, 98, NT 4.0, OS/2 and DOS. Network compatibility available via the optional HP JetDirect External Print Servers.HP LaserJet 1100xi also features The Document Builder for the Web Era from Trellix Corp. (featuring software to create Web documents).
$499.99

           
<!-- 说明:pagesize='12'(每页显示数量)  imgsizer="190,245"(裁剪图片大小为:宽190px,高245px)
		变量:$listCount(判断当前分类是否有产品)
-->
<div class="row mb-5">
{openzc:if $listCount>0}
<div class="tt-product-listing tt-col-six row">
	{openzc:list pagesize="12" imgsizer="430,538" ajax="listLoad" autodiv="false"}
	<div class="col-6 col-md-4 tt-col-item">
		<div class="tt-product thumbprod-center">
			<div class="tt-image-box">
				<a href="javascript:void(0);" class="tt-btn-quickview" data-toggle="modal" data-target="#ModalquickView" data-tooltip="Quick View" data-tposition="left"></a>
				<a href="javascript:void(0);" class="tt-btn-wishlist openzc-btn" data-action="addWishlist" data-id="[field:products_id/]" data-tooltip="Add to Wishlist" data-tposition="left"></a>
				<a href="javascript:void(0);" class="tt-btn-compare openzc-btn" data-action="addCompare" data-id="[field:products_id/]" data-tooltip="Add to Compare" data-tposition="left"></a>
				<a href="[field:products_link/]">
				<span class="tt-img"><img src="{openzc:field.template/}style/images/loader.svg" data-src="[field:products_image/]" alt=""></span>
				<span class="tt-img-roll-over"><img src="{openzc:field.template/}style/images/loader.svg" data-src="[field:products_image_flip/]" alt=""></span>
				</a>
			</div>
			<div class="tt-description">
				<div class="tt-row">
					<div class="tt-rating">
					{openzc:rating star='<i class="icon-star"></i>' half='<i class="icon-star-half"></i>' empty='<i class="icon-star-empty"></i>'/}
					</div>
				</div>
				<h2 class="tt-title"><a href="[field:products_link/]">[field:products_name/]</a></h2>
				<div class="tt-text-info">[field:products_description_preview/]</div>
				<div class="tt-price">
					{openzc:if $field['productPriceDiscount']}
					<span class="new-price">[field:products_price/]</span>
					<span class="old-price">[field:products_original_price/]</span>
					{else}
					[field:products_price/]
					{/openzc:if}
				</div>
				<div class="tt-option-block">
					<ul class="tt-options-swatch">
						{openzc:proattr options_id="1"}
						{openzc:loopson}
						<li><a class="options-color" style="background:[field:products_options_values_color/]" href="javascript:void(0);"></a></li>
						{/openzc:loopson}
						{/openzc:proattr}
					</ul>
				</div>
				<div class="tt-product-inside-hover">
					<div class="tt-row-btn">
						<a href="javascript:void(0);" class="tt-btn-addtocart thumbprod-button-bg openzc-btn" data-action="buyNow" data-id="[field:products_id/]" data-reload-group="cart">ADD TO CART</a>
					</div>
					<div class="tt-row-btn">
						<a href="javascript:void(0);" class="tt-btn-quickview" data-toggle="modal" data-target="#ModalquickView"></a>
						<a href="javascript:void(0);" data-action="addWishlist" data-id="[field:products_id/]" class="tt-btn-wishlist openzc-btn"></a>
						<a href="javascript:void(0);" data-action="addCompare" data-id="[field:products_id/]" class="tt-btn-compare openzc-btn"></a>
					</div>
				</div>
			</div>
		</div>
	</div>
	{/openzc:list}
</div>
{/openzc:if}
</div>

<!--分页调用--详细参考pagelist标签的使用教程-->
{openzc:if $listCount>0}
<nav aria-label="Page navigation example">
	<ul class="pagination justify-content-center pagination-circle">
		{openzc:pagelist listitem="prev,list,next" listsize="5"/}
	</ul>
</nav>
{else}
<nav aria-label="Page navigation example">
	<p class="pagination justify-content-center ">
	The current category is empty.
	</p>
</nav>
{/openzc:if}