FROM CACHE - zh-cn_header

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广告服务。
2 条回复2

夢灯籠
访客
2 0 0

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

ldnio
观光客
3 0 0

后台新建的类目,是可以拖动的!

1,后台navigation那里直接新建多个类目

2,鼠标按住某个类目A前面的那个符号(6个小点),拖动到另一个目录B下方,于是类目A就变成了类目B的子类目或者说二级类目了。(看我这个回复提供的附件截图)

3,shopify目前支持最多三级类目