shopify 侧边栏添加自定义导航

　　像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就能够显示导航了。

　　

标签：-%,%-,shopify,自定义,标签,侧边,link,sidebar
来源： https://www.cnblogs.com/whiteshu/p/14971808.html