代理加盟

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

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

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

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

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

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

代码如下:

<div class="zoombox">
  <div class="zoompic"><a class="example-image-link" href="{$content.pic}" data-lightbox="example-set" 
  data-title="{$content.title}" ><img class="example-image" src="{$content.pic}" width="860" height="580" 
  alt="{$content.title}" /></a></div>
  <div class="sliderbox">
    <div id="btn-left" class="arrow-btn dasabled"></div>
    <div class="slider" id="thumbnail">
      <ul>
      <volist name="$content.piclist|str2arr='***'" id="v" key='k'>
        <li <if condition = "$k eq 1">class="current"</if>><a href="javascript:;" >
        <img src="{$v}" alt="{$title}" /></a></li>
      </volist>
      </ul>
    </div>
    <div id="btn-right" class="arrow-btn"></div>
  </div>
</div>

效果如下:

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

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

    下一篇:没有了

    发表评论

    评论列表(条)

       
      QQ在线咨询
      VIP限时特惠