jquery - 如何添加具有相同优先级的不同报价横幅的阔叶网站主页横幅 slider ？

Question

我在 Broadleaf 数据库中创建了不同的报价广告。我想把它作为网站主页上的幻灯片。请帮我把 html slider 放在主页上。

Answer 1

如果您在管理控制台中定义了广告，那么您可以使用 blc:content 标签将它们从 BL 拉到模板中

这就是我创建轮播横幅的方式，它会在我们的着陆页上旋转多个图像

   <ul id="slider">
        <blc:content contentType="Carousel Banner"/>
        <li th:each="item : ${contentList}">
            <a th:href="'/shop/' + ${item['targetUrl']}">
                <img th:src="'/shop/' + ${item['imageUrl']}"/>
            </a>
        </li>
    </ul>

结果类似于这个例子:

http://jsfiddle.net/KyleMit/XFcSv/

在这里您可以找到有关 blc:content 及其使用方法的说明:

http://www.broadleafcommerce.com/docs/core/current/tutorials/admin-usage-tutorials/using-structured-content