Shopify如何实现二级类目导航

leuphis
观光客
7 0 0

实现Shopify二级类目展示,需要结合Collection和Navigation一起实现。

实现Shopify二级类目展示第一步

新建二级类目模板

20210726172353.png

{% section ‘list-sub-collection-template’ %}

Section Code Snippet:

{%- assign child_collection_links = linklists[collection.handle].links -%}

{%- if child_collection_links != blank -%}

{% for collection_link in child_collection_links %}

{%- assign subcollection = collection_link.object -%}

<div>

{% include ‘sub-collection-item’ %}

</div>

{% endfor %}

{% endif %}

实现Shopify二级类目展示第二步

为一级类目选择二级类目模板

 

 

实现Shopify二级类目展示第三步

以一级类目的Handle去构建二级类目Navigation

 

20210726173216.png

 

二级栏目显示效果(客户类目图片待更新)

20210726173734.png

 

 

技术交流微信:15818869905

专注基于Shopify外贸营销推广,提供Shopify建站,谷歌广告,Facebook广告服务。
1 条回复1
夢灯籠
新成员
1 0 0

新人入驻,非常谢谢您的分享!