1. 先在后台设置推荐位 2. 修改模版 3. 进入后台 > 网站配置 > 保存(该操作会刷新模版缓存,使之生效)
  1. 先在后台设置推荐位

    屏幕快照 2018-01-17 下午8.15.03.png

    屏幕快照 2018-01-17 下午8.15.07.png

  2. 修改模版(示例,具体前端实现方式建议百度搜索“JS轮播图”)

    <div id="carousel" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
     {{#features 'home-focus-pictures'}}
       <li data-target="#carousel" data-slide-to="{{@index}}" {{#if @first}}class="active"{{/if}}></li>
     {{/features}}
    </ol>
    <div class="carousel-inner" role="listbox">
     {{#features 'home-focus-pictures'}}
       <div class="item {{#if @first}}active{{/if}}">
         <img src="{{thumbnail.src}}" alt="{{title}}">
         <div class="carousel-caption"><h3><a href="{{url}}" title="{{title}}" target="_blank">{{title}}</a></h3></div>
       </div>
     {{/features}}
    </div>
    <a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
     <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel" role="button" data-slide="next">
     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
     <span class="sr-only">Next</span>
    </a>
    </div>
    
  3. 进入后台 > 网站配置 > 保存(该操作会刷新模版缓存,使之生效)


标签:轮播图 推荐位