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

时间:2015-01-08 14:54:42

标签: jquery css slider broadleaf-commerce

我在Broadleaf数据库中创建了不同的优惠广告。我想在网站主页上将其作为幻灯片。请帮我在主页上放置html滑块。

1 个答案:

答案 0 :(得分:1)

如果您在管理控制台中定义了广告,那么您可以使用blc:content标记将BL从BL中提取到模板中

这就是我如何创建一个caroussel横幅,在我们的目标网页上旋转多个图像

   <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