shopify商店Boundless自定义客户账户图标和下拉菜单

2024-01-01 14:01:26
By 提笔战中考

添加客户账户图标

设计时间:15 分钟

默认情况下,客户账户链接在侧边栏菜单的底部显示。

此自定义会将账户图标添加到标头中,该图标会将客户定向到他们的账户页面或登录页面,具体取决于他们是否已登录。

此自定义适用于拥有忠诚项目或者大量使用或鼓励提供客户账户的商店,这样便于客户可以轻松访问他们的账户信息。

点击顶级菜单项时切换下拉菜单

设计时间:15 分钟

默认情况下,只有在点击父菜单项旁边的加号 + 符号时,下拉菜单才会切换为打开或关闭。

此自定义可在点击父链接或加号符号时切换下拉菜单。

如果要提供较大的点击区域用于打开菜单,并且商店没有包含重要链接的顶级菜单项,则适合使用此自定义。

在设计为使用顶级链接进行网站导航的商店中,请避免使用此自定义。

Shopify商户官网原文详情:


Add customer account icon

Design time: 15 minutes

By default, a customer account link displays at the bottom of the sidebar menu.

This customization adds an account icon to the header that directs customers to their account page or the login page, depending on whether they are signed in.

This customization works well for stores with loyalty programs or where customer accounts are extensively used or encouraged, so that customers can easily access their account information.

Toggle drop-down menu when a top-level menu item is clicked

Design time: 15 minutes

By default, drop-down menus only toggle open or closed when the plus + sign next to the parent menu item is clicked.

This customization toggles the drop-down menu when either the parent link or plus sign is clicked.

This customization works well if you want to provide a larger area to click to open the menus, and if the store doesn't have top-level menu items with important links.

Avoid this customization on stores that are designed to use the top-level links for site navigation.

文章内容来源:Shopify商户官方网站



(本文内容根据网络资料整理和来自用户投稿,出于传递更多信息之目的,不代表本站其观点和立场。本站不具备任何原创保护和所有权,也不对其真实性、可靠性承担任何法律责任,特此声明!)


常见问答(FQAS)


我可以自定义商店logo和导航图标吗?

是的,通过Boundless主题选项可以自定义商店logo和导航上的庄园菜单图标。主要步骤是上传你想要的图片,然后在选项中选择对应的图片。

我可以更改账户页面上的账户图标吗?

是的,Boundless主题允许用css定制账户页面上的客户账号下拉菜单图标。你需要编辑assets/css/style.css文件,找到.account-links__avatar选项,重新设置背景图片属性。

如何自定义庄园菜单下拉列表的样式?

你可以通过编辑style.css文件来自定义Boundless主题的庄园菜单下拉列表样式。主要属性包括颜色,背景,边框,阴影等。需熟练掌握css知识。

是否支持多语言?

是的,Boundless主题支持Shopify的多语言功能。你可以通过Shopify管理面板添加和管理不同语言,Boundless主题会自动展示对应语言的标题和文本。