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

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

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

How to add broadleaf site homepage banner slider with different offer banner with same priority?

css

jquery

slider

broadleaf-commerce