其他分享
首页 > 其他分享> > shopify 侧边栏添加自定义导航

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