代理加盟

2023全新代理计划,一站式模板建站,铜牌代理低至699元送终身VIP,独立代理后台,自营贴牌。

您现在的位置: 麦站网 > 云优教程 >

云优CMS产品详情页多产品轮播如何调用

来源:本站原创 发布时间:2023-05-17 21:11:03热度:323 ℃我要评论(0

麦站模板建站平台(10年经验),服务数万家企业,固定透明报价。域名注册、主机/服务器、网站源码一站式服务。实体公司,专业团队,值得选择!超过1000套模板已登记版权,合规合法建站,规避版权风险!【点击获取方案】

云优CMS产品详情页多产品轮播如何调用,其实标签手册里有,主要是用到了 str2arr 标签。

代码如下:

01<div class="zoombox">
02  <div class="zoompic"><a class="example-image-link" href="{$content.pic}" data-lightbox="example-set"
03  data-title="{$content.title}" ><img class="example-image" src="{$content.pic}" width="860" height="580"
04  alt="{$content.title}" /></a></div>
05  <div class="sliderbox">
06    <div id="btn-left" class="arrow-btn dasabled"></div>
07    <div class="slider" id="thumbnail">
08      <ul>
09      <volist name="$content.piclist|str2arr='***'" id="v" key='k'>
10        <li <if condition = "$k eq 1">class="current"</if>><a href="javascript:;" >
11        <img src="{$v}" alt="{$title}" /></a></li>
12      </volist>
13      </ul>
14    </div>
15    <div id="btn-right" class="arrow-btn"></div>
16  </div>
17</div>

效果如下:

    转载请注明来源网址:https://www.xiuzhanwang.com/yunucms_jc/5895.html

    上一篇:云优CMS搜索调用教程

    下一篇:没有了

    发表评论

    评论列表(0条)

       
      QQ在线咨询
      VIP限时特惠