像shopify主题的产品分类页,一般都会有一个侧边栏,这个侧边栏主要是一个过滤器,通过标签来导航到各个对应的页面。一般这个过滤器有两种模式,一个是直接将所有的标签显示,另一种是显示标签组。使用标签组来显示比较有条理,客户看着也比较舒服。
标签组的实现据我现在看到的也有两种设置方式。一种是在主题自定义里,产品系列页面会有设置的地方,可以设置想要显示的标签列表。另一种是在后台产品里根据命名方式来设置标签组。各个主题的设置方式都不一样,如果需要设置的话,可以根据他们的文档的说明来进行设置。
在这里,因为各种原因,我不在侧边栏使用标签过滤器,而是通过添加导航的方式。只要在后台添加对应的collection,然后添加导航。在这里的侧边栏就可以导航到对应的产品分类了。
首先,打开shopify的编辑代码页面,找到collection.liquid文件里侧边栏的代码位置,如果有些主题没有侧边栏的,可以自行添加一下。以下为我添加的大概代码:
{%- if section.blocks.size > 0 -%}
{%- for block in section.blocks -%}
{% assign linklist = linklists[block.settings.sidebar_link] %}
{%- for link in lisklist.links -%}
<a href="{{ link.url }}">{{ link.title }}</a>
{%- endfor -%}
{%- endfor -%}
{%- endif -%}
{% schema %}
............
"blocks":[
"type":"sidebar",
"name":"sidebar",
settings:[
{
"type":"header",
"content":"Sidebar nav"
},
{
"type":"linklists",
"id":"sidebar_link",
"label":"sidebar link"
]
]
{% endschema %}
这几段纯靠记忆写的,应该差不多是这个样子。最后,在后台添加一个block就能够显示导航了。