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

Question

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

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