1.功能介绍
当pc端的导航中有三级菜单时，shopify主题默认隐藏三级菜单，悬浮显示，效果如下:
默认悬浮展示三级菜单
现将三级菜单修改为默认显示，效果如下：
默认展开三级菜单
以下为操作步骤：
2.将目标代码放置目标位置：
- 目标代码
{%- for sub_link in link.links -%}
<li class="Linklist__Item" {% if sub_link.links != blank %}aria-haspopup="true"{% endif %}>
<a href="{{ sub_link.url }}" class="Link Link--secondary" {% if sub_link.links != blank %}style="font-weight:bold;"{% endif %}>{{ sub_link.title | escape }}</a>
{%- if sub_link.links != blank -%}
{%- for sub_sub_link in sub_link.links -%}
<a href="{{ sub_sub_link.url }}" class="Link Link--secondary">{{ sub_sub_link.title | escape }}</a>
{%- endfor -%}
{%- endif -%}
</li>
{%- endfor -%}
- 目标位置查找方法
打开shopify后台 -- 依次点击 Online Store -- Actions -- Edit Code -- 搜索并打开header.liquid。
需被替换的代码块
-
正确代码
完成效果
如样式正确显示，证明替换成功。
操作中遇到困难请联系技术部同事。
有任何意见建议请联系技术部同事。
😊
