如何将collection.liquid添加到现有页面?

时间:2015-03-30 04:00:59

标签: shopify liquid

在Shopify中,我正在尝试使用模板collection.liquid并将其呈现在另一个页面中,就像嵌入它一样。但我不知道如何实现这一目标。

{% paginate collection.products by 50 %} 
{% include 'breadcrumb' %}
{% if settings.show_sort_by and collection.products_count > 1 %}
  {% include 'collection-sort' %}
{% endif %}
{% if current_tags.size > 0 %}
<h1>{{ current_tags.first }}</h1>
{% else %}
{% endif %}
{% if collection.description.size > 0 %}
<!--START HERO-->

<!--END HERO-->
{% endif %}
<!--START PRODUCT GRID-->
<section class="product-grid twelve columns alpha omega">
   <div id="collection_hero" class="collection_hero_class">
  <img src="http://carnegie.org/fileadmin/Media/News/press_releases/whitehouse.JPG"> 
  </div>
  {% if collection.products.size > 0 %}
    {% for product in collection.products %}
      {% include 'product-grid-item' %}
    {% endfor %}
  {% else %}
    <p id="no-products" class="animated fadeInUpBig">There aren't any products in this collection!</p>
  {% endif %}
</section>
<!--END PRODUCT GRID-->
{% include 'paging' %}
{% endpaginate %}

3 个答案:

答案 0 :(得分:1)

我一直在尝试做同样的事情并且不断出错。

通过制作名为 list-collections 的新代码段并将 list-collections.liquid 中的所有内容复制到其中来解决此问题。然后创建一个名为 page.list-collections.liquid 的页面模板,并将此代码粘贴到/ div之前: {%include'list-collections'%}

然后,我使用 page.list-collections模板创建了一个新页面,并输入了我的介绍性文本,图像等,在发布时显示在页面上方的产品集合中:)< / p>

答案 1 :(得分:0)

复制collection.liquid中的所有内容并将其粘贴到新的代码段中(假设您将其称为collection-copy.liquid)。

然后,在要添加馆藏页面的页面中,只需添加{% include 'collection-copy' %}

那应该只是转储collection-copy.liquid中的所有内容并将其输出到你的页面。

答案 2 :(得分:0)

最简单的方法是:

  • 创建新的页面模板,例如:page.list-collections
  • 然后放在:{{ page.content }}这一行:

    {%section'list-collections-template'%}

现在在Shopify中创建一个新页面,然后选择新的页面模板。 通常,您应该能够在页面的“自定义”部分添加新的集合!