产品列表Ajax listFlow 瀑布流事件
产品列表页使用瀑布流加载代替分页
可调用字段 参数说明
瀑布流加载：点击加载 & 滚动加载
产品列表，按分页（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" id="{openzc:ajax id='listLoad'/}">
{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="[field:products_image/]" alt=""></span>
<span class="tt-img-roll-over"><img 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 custom="flow"/}
</ul>
</nav>
{else}
<nav aria-label="Page navigation example">
<p class="pagination justify-content-center ">
The current category is empty.
</p>
</nav>
{/openzc:if}
<!--pagelist 中 flow代码-->
{type:flow}
<div class="openzc-load" data-action="listFlow" data-pagecount="[field:page_count/]" data-type="click" data-reload="listLoad" data-bh="200" >
<button class="openzc-load-btn btn btn-primary" style="display:block;">加载更多</button>
<p class="openzc-load-none" style="display:none;">加载完毕</p>
</div>
{/type:flow}