{ openzc:banner }
banner: 站点广告调用
字段名称 | 说明 |
---|---|
[field:banners_id/] | 广告ID |
[field:banners_title/] | 广告名称 |
[field:banners_url/] | 广告链接 |
[field:banners_image/] | 广告图片 |
[field:banners_group/] | 广告分组名称 |
[field:banners_html_text/] | 广告HTML文本内容 |
[field:banners_sort_order/] | 广告排序序号 |
参数名称 | 参数值 | 说明 |
---|---|---|
bid | 1,2,3 | 广告ID,多个用“,”隔开 |
group | banners gourp name | 广告分组 |
banner 代码演示
banner 可以按广告分组调用、按广告ID调用 ,根据前端不同布局合理调用广告并展示
<div class="slider-revolution revolution-default" data-fullscreen="false" data-width="1180" data-height="650">
<div class="tp-banner-container">
<div class="tp-banner revolution">
<ul>
<li data-thumb="{openzc:field.template/}style/images/slides/16/slide-01.jpg" data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-saveperformance="off" data-title="Slide">
<img src="{openzc:field.template/}style/images/slides/16/slide-01.jpg" alt="slide1" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" >
<div class="tp-caption tp-caption1 lfl stl"
data-x="left"
data-y="center"
data-hoffset="281"
data-voffset="-20"
data-speed="600"
data-start="900"
data-easing="Power4.easeOut"
data-endeasing="Power4.easeIn">
<div class="tp-caption2-wd-1 tt-white-color">Ready To</div>
<div class="tp-caption2-wd-2 tt-white-color">Use Unique<br>Demos</div>
<div class="tp-caption2-wd-3">Optimized for speed, website that sells</div>
<div class="tp-caption1-wd-4"><a href="listing-left-column.html" class="btn btn-xl" data-text="SHOP NOW!">SHOP NOW!</a></div>
</div>
</li>
<li data-thumb="{openzc:field.template/}style/images/slides/16/slide-02.jpg" data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-saveperformance="off" data-title="Slide">
<img src="{openzc:field.template/}style/images/slides/16/slide-02.jpg" alt="slide1" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" >
<div class="tp-caption tp-caption1 lfr str"
data-x="right"
data-y="center"
data-hoffset="-221"
data-voffset="-20"
data-speed="600"
data-start="900"
data-easing="Power4.easeOut"
data-endeasing="Power4.easeIn">
<div class="tp-caption2-wd-1 tt-white-color"><span class="tt-base-color">Multipurpose</span></div>
<div class="tp-caption2-wd-2 tt-white-color">Premium<br>Html Template</div>
<div class="tp-caption2-wd-3 tt-white-color">30 skins, powerful features, great support, exclusive offer</div>
<div class="tp-caption2-wd-4"><a href="listing-left-column.html" class="btn btn-xl" data-text="SHOP NOW!">SHOP NOW!</a></div>
</div>
</li>
<li data-thumb="{openzc:field.template/}style/images/slides/16/slide-03.jpg" data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-saveperformance="off" data-title="Slide">
<img src="{openzc:field.template/}style/images/slides/16/slide-03.jpg" alt="slide1" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" >
<div class="tp-caption tp-caption1 lft stb"
data-x="center"
data-y="center"
data-hoffset="0"
data-voffset="0"
data-speed="600"
data-start="900"
data-easing="Power4.easeOut"
data-endeasing="Power4.easeIn">
<div class="tp-caption2-wd-1 tt-base-color"><span class="tt-base-color">Oberlo</span></div>
<div class="tp-caption2-wd-2 tt-white-color">Find Products for<br>Shop Store</div>
<div class="tp-caption2-wd-3 tt-white-color">Oberlo allows you to easily import dropshipped products directly into your ecommerce store</div>
<div class="tp-caption2-wd-4"><a href="listing-left-column.html" class="btn btn-xl" data-text="SHOP NOW!">SHOP NOW!</a></div>
</div>
</li>
</ul>
</div>
</div>
</div>
banner 代码演示
banner 可以按广告分组调用、按广告ID调用 ,根据前端不同布局合理调用广告并展示
<div class="row">
<div class="col-sm-6">
<a href="listing-left-column.html" class="tt-promo-box tt-one-child hover-type-2">
<img src="{openzc:field.template/}style/images/loader.svg" data-src="{openzc:field.template/}style/images/promo/index04-promo-img-02.jpg" alt="">
<div class="tt-description">
<div class="tt-description-wrapper">
<div class="tt-background"></div>
<div class="tt-title-small">WOMEN</div>
</div>
</div>
</a>
</div>
<div class="col-sm-6">
<a href="listing-left-column.html" class="tt-promo-box tt-one-child hover-type-2">
<img src="{openzc:field.template/}style/images/loader.svg" data-src="{openzc:field.template/}style/images/promo/index04-promo-img-03.jpg" alt="">
<div class="tt-description">
<div class="tt-description-wrapper">
<div class="tt-background"></div>
<div class="tt-title-small">MEN</div>
</div>
</div>
</a>
</div>
<div class="col-sm-12">
<a href="listing-left-column.html" class="tt-promo-box tt-one-child">
<img src="{openzc:field.template/}style/images/loader.svg" data-src="{openzc:field.template/}style/images/promo/index04-promo-img-04.jpg" alt="">
<div class="tt-description">
<div class="tt-description-wrapper">
<div class="tt-background"></div>
<div class="tt-title-small">READY TO</div>
<div class="tt-title-large">USE UNIQUE DEMOS</div>
</div>
</div>
</a>
</div>
</div>