如何在 Shopify 标题中显示账户登录图标

在您的 Shopify 商店标题中显示账户登录图标，是让客户轻松访问其账户控制面板的好方法。这将提供更无缝的购物体验，并允许客户查看历史订单、重新订购、管理订阅、编辑账户详细信息等。

以下是在 Shopify 标题中添加账户登录图标的主要步骤。工作原理类似 启用客户帐户 在 Shopify 中。了解更多 如何在 Shopify 启用客户帐户。

• 登录 Shopify 管理员，进入在线商店设置
• 向下滚动，找到 "客户账户 "部分
• 选中 "在商店页眉和结账时显示登录链接 "复选框
• 这将启用标题中的账户登录图标.
• 客户现在可以点击图标访问其账户仪表板

完成！ 您的账户登录信息将开始显示。如果还没有显示，请继续阅读文章中的详细步骤。

第 1 步 - 导航至在线商店设置

• 登录 Shopify 管理员，点击左下角的 "设置
• 接下来，点击菜单中的 "网上商店

这将打开商店的常规设置，您可以在此自定义客户体验。

第 2 步 - 向下滚动至客户账户

• 在网上商店设置中，向下滚动直至看到 "客户账户 "部分
• 默认情况下，"在页眉中显示登录链接...... "选项将取消选中

第 3 步 - 选中显示登录链接的方框

• 选中 "在网店页眉和结账时显示登录链接 "旁边的复选框
• 这样就能在标题中显示账户登录图标

就这样！现在，登录图标应该会出现在您店铺的标题中。顾客可以点击它进入账户仪表板。

Shopify 客户账户的主要区别

功能	经典客户账户	新客户账户
登录体验	客户可使用电子邮件/密码登录或使用 Shop 登录。激活 用商店登录 经典账户。	客户使用发送到电子邮件中的一次性代码登录。如果使用商铺支付，则自动激活商铺登录。
创建账户	客户接受邀请或在登录页面创建账户。	客户使用电子邮件登录时创建的账户。
客户名称	客户可以编辑送货地址上的姓名，但不能编辑个人资料。	客户可以编辑个人资料名称，并在管理员中反映出来。
打造品牌	使用在线商店主题设置。	使用结账设置，登录页面除外。
液体定制	✔	✘
支持应用程序	✔	✘
订单历史/状态	✔	✔
保存的地址	✔	✔
支持 B2B	✘	✔
自助退货	✘	✔
支持多通道	✔	✘
支持重新排序	✘	✔

如何自定义账户登录图标？

您可以通过几种不同的方式自定义标题中显示的图标和文字：

使用账户图标应用程序

• 最简单的方法是使用 Shopify App Studio 的 Account Icon 等免费应用程序，它会自动添加图标。
• 访问 Shopify App Store 并搜索 "账户图标"。查找 Shopify App Studio 的产品。
• 点击 "添加应用程序"，在您的 Shopify 商店中安装应用程序。
• 现在，用户图标将出现在店面标题的顶栏中。

编辑主题代码

• 您也可以直接编辑主题代码来添加账户图标：
• 转到在线商店 > 主题。
• 点击 "操作" > "编辑代码"，编辑当前主题代码。
• 在 theme.liquid 文件中找到
  部分。
• 在结尾的 标记前添加以下代码段：

网页

<a href="/zh/账户/">

  {% render 'icon-account' %}

</a>

• 图标现在将显示在标题中。您可以根据需要调整样式和位置。
• 保存并发布主题更改。

如何调整图标样式？

• 您可以自定义图标的大小、颜色和样式，使其与您的标题设计相匹配。
• 对于帐户图标应用程序，请在网上商店 > 主题 > 自定义中编辑 CSS。
• 如需编辑代码，可直接在 theme.liquid 中添加 标记和自定义 CSS。
• 缩小图标尺寸，使其颜色更深：

css

.header__icon-account {

  width: 20px；

  height: 20px；

  fill: #555；

}

• 增加图标周围的间距：

css

.header__icon {

  padding：0 15px；

}

结论

将账户图标放在主标题或移动导航中。避免将其隐藏在二级菜单中。突出显示图标可鼓励客户访问账户，提高参与度。实施智能链接和样式设计，使其与主题的现有图标保持一致。在不同尺寸的设备上测试呈现的图标。优化其展示和定位，以适应响应式设计。