重用小的html页面片段模板

时间:2014-10-03 16:14:37

标签: html css templates jekyll

我使用Jekyll

在我的网站内的多个页面中为用户提供了订单信息html模板
<div class="ccpanel">
    {% include order_info.html %}
</div>

在我的order_info.html片段模板中,我有5个字段。

    <div class="row">
        <div class="form-group col-md-4">
            <label>First Name</label>
            <input class="form-control" placeholder="First Name">
        </div>
        <div class="form-group col-md-4">
            <label>Last Name</label>
            <input class="form-control" placeholder="Last Name">
        </div>

        <div class="form-group col-md-4">
            <label>Order ID</label>
            <input class="form-control">
        </div>
        <div class="form-group col-md-4">
            <label>Order Description</label>
            <input class="form-control">
        </div>
        <div class="form-group col-md-4">
            <label>Order Note</label>
            <input class="form-control">
        </div>
    </div>

我有一些页面需要在order_info.html中显示所有5个字段,但是我也有一些页面只需要在order_info.html中显示3个字段。

如何为所有网页重复使用order_info.html模板?或者我是否必须创建另一个包含3个字段的订单信息模板?

1 个答案:

答案 0 :(得分:1)

我相信您可以将变量传递给模板,并在

中执行if条件
{% include order_info.html fields=3 %}

然后在里面

{% if include.fields == 3 %}
{% endif %}