如何手动加入首页Announcement Bar和Cookie Bar的代码？

简体中文 讨论 技术问答

Topic summary

讨论如何在Shopify网站中手动添加Announcement Bar(通知条)和Cookie Bar(隐私政策提示条)的代码。

Announcement Bar添加方法:

  • Shopify 2.0版本:需要先创建一个独立的Announcement Bar section文件,然后在header区域手动添加该section
  • Shopify 1.0版本:需要在header.liquid文件中找到标签,在其上方添加对应的HTML段落代码

Cookie Bar添加方法:

  • 需要在theme.liquid文件中直接添加HTML内容
  • 应包含弹窗内容、底部内容以及同意/拒绝按钮等元素

回复中包含了Announcement Bar的示例截图,展示了通知条在网站顶部的显示效果。

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.
1

Announce Bar是网站的通知条

bobzhu_0-1625805059094.png

Cookie Bar是隐私政策提示条

2

您好 @bobzhu

我是Shopify合作伙伴西木建站Kristin，以下是关于您提出的问题解答：

Announce Bar首先需要您在header section上方添加一个Announce Bar的section，section内容为具体文字链接内容；如果您网站是1.0版本的，那么需要先找到header.liquid文件，在里面添加对应的html字段；如果您版本是2.0版本的，需要先创建好Announce Bar的section这个分区文件，在头部区域手动添加进去即可。

Cookie Bar需要作为html内容直接加在theme.liquid文件里，需要包括底部弹窗内容，同意/拒绝按钮等。