优化Boundless Shopify商店客户账户的自定义图标和下拉菜单

2024-01-01 14:01:26
By 出海派编辑组

添加客户账户图标

一、默认情况

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

二、添加图标

此自定义会将账户图标添加到标头中,该图标会将客户定向到他们的账户页面或登录页面,具体取决于他们是否已登录。 此自定义适用于拥有忠诚项目或者大量使用或鼓励提供客户账户的商店,这样便于客户可以轻松访问他们的账户信息。

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

一、默认情况

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

二、修改切换方式

此自定义可在点击父链接或加号符号时切换下拉菜单。 如果要提供较大的点击区域用于打开菜单,并且商店没有包含重要链接的顶级菜单项,则适合使用此自定义。 在设计为使用顶级链接进行网站导航的商店中,请避免使用此


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


常见问答(FQAS)


如何自定义下拉菜单中的图标?

你可以在Boundless后台中编辑下拉菜单,选择要更换图标的菜单项,然后点击\"编辑\"按钮。这里你可以选择任何Font Awesome图标来替换默认图标。

可以使用自己的图片作为图标吗?

Boundless目前只支持使用Font Awesome图标库中的图标。但你可以使用私有域名中的图片链接来作为菜单项的图片。

是否可以调整图标的颜色和大小?

是的,你可以通过在Boundless后台中的\"CSS injection\"部分添加一些CSS代码来调整图标的颜色和大小。例如添加 .navbar-nav > li > a > i {color: blue; font-size: 30px;} 会把所有下拉菜单中的图标变成蓝色且30px大小。

可以为不同菜单项设置不同图标吗?

是的,你可以进入Boundless后台的每个下拉菜单项的\"编辑\"页面,分别为它设置不同的Font Awesome图标。系统会为每个菜单项设置不同的图标。