Shopify店铺在启用密码保护后，访客打开域名会首先看到一个密码输入页面。这个页面除了密码输入框，通常还会显示商店名称、标语以及页面底部的页脚信息。对于一些尚未准备好对外公开品牌细节的卖家来说，这些默认展示可能显得多余。隐藏密码页上的页脚和商店名称，一方面能保持品牌神秘感，另一方面也让页面更简洁、更聚焦于输入密码这一个动作。
为什么要隐藏密码页上的页脚和商店名称
密码页是店铺上线前的临时门面。默认情况下，Shopify会自动调用商店名称，并在部分主题中显示页脚链接，例如由Shopify提供支持、隐私政策、搜索等。这些信息虽然常见，但在品牌尚未完成视觉统一时，容易让访客产生不一致的印象。比如你只想起到一个简单拦截作用，却因为页脚暴露了店铺类型、主题来源或未完善的导航文字，反而分散注意力。
隐藏这些元素并不意味着要破坏主题结构，而是通过精准修改密码页模板或添加CSS规则，只移除指定区域的显示。店铺正常页面不会受到影响，后台功能也保持不变。理解这一点后，操作起来就会更加安心。
另外，有些卖家会担心隐藏后影响搜索引擎收录。实际上，启用密码保护的店铺页面默认带有noindex属性，搜索引擎不会抓取密码页中的内容。因此，隐藏商店名称和页脚不会对SEO产生负面影响，也不会影响店铺后续正式上线。
操作前准备：备份主题并定位密码页模板
在进行任何代码修改前，建议先备份当前主题。登录Shopify后台，点击在线商店，进入主题页面。找到正在使用的主题，点击更多操作按钮，选择复制或下载主题文件。这样一旦修改出错，可以快速恢复到原始状态。
备份完成后，点击更多操作中的编辑代码。打开代码编辑器后，左侧会列出主题的模板和资源文件。密码页相关文件通常名为 password.liquid，有些旧主题可能叫 password-template.liquid，也有主题会把密码页拆分成 sections 文件夹下的 password.liquid 或 password-header.liquid。如果不确定，可以先在布局目录 Layout 下找到 theme.liquid，查看密码页使用的是哪个模板；也可以直接搜索 password 关键字。
在代码编辑器中，一定要确认自己打开的是密码页模板，而不是普通页面模板。如果误改了其他页面文件，可能会导致正常店铺页面显示异常。建议每次修改前记录文件路径，方便后续排查。
方法一：删除或注释商店名称代码
在代码编辑器中打开密码页模板文件后，使用编辑器搜索功能查找 shop.name。这是Shopify输出商店名称的核心对象。常见代码形式有 <h1>{{ shop.name }}</h1> 或 <a href="/">{{ shop.name }}</a>。有些主题会在密码页头部用 div 包裹，并带有 shop-name 或 password-header 等class。
如果确定要隐藏商店名称，可以直接删除这一整段代码。但更稳妥的方式是使用Liquid注释包裹，这样以后需要恢复时只需删除注释标记。写法如下：
<code>{% comment %}
<h1>{{ shop.name }}</h1>
{% endcomment %}</code>保存后，密码页将不再显示商店名称。注意不要误删密码输入框所在的主要表单代码，通常表单区域会含有 form 或 password 相关id，不要一并删除。如果删除后页面无法正常提交密码，说明误删了表单结构，应立即恢复代码并重新检查。
方法二：移除密码页页脚区域
密码页的页脚在不同主题中表现不同。有些主题会在密码页模板底部直接调用页脚 section，例如 {% section 'footer' %}；有些则显示一段简单的 powered_by_link，即由Shopify提供支持的链接；还有一些会加载独立的密码页脚文件，如 password-footer.liquid。
要隐藏页脚，可以先在密码页模板中搜索 footer 或 powered_by_link。如果看到类似 {% section 'footer' %} 的代码，可以将其注释或删除。这样只会影响密码页，不会影响正常店铺页面的页脚。若模板中没有直接调用页脚，可以检查密码页引用的 section 文件，或者通过浏览器访问密码页后按F12检查页脚文字的class名称，再回到代码中定位。
对于只有一个简单技术支持链接的情况，可以搜索 powered_by_link，把它注释掉。修改后保存，刷新密码页即可看到变化。需要注意的是，有些主题的页脚代码可能不在密码页模板中，而在 sections 文件夹里的单独文件中，这时需要在相应文件夹内找到并修改对应文件。
方法三：使用CSS隐藏指定元素
如果不想改动模板结构，用CSS隐藏也是快速有效的方式。打开密码页模板文件，在头部 <style> 标签内添加规则，或者打开 Assets 文件夹里的样式表，在文件末尾追加CSS。需要先确定目标元素的class或id。可以在浏览器中右键点击商店名称或页脚，选择检查，查看元素的class名称。
例如，如果商店名称的class是 shop-name，页脚的class是 password-footer，可以添加：
<code>.shop-name, .password-footer { display: none !important; }</code>如果选择器名称不同，请根据实际检查结果替换。使用!important可以覆盖主题原有的显示样式，但应该谨慎使用，优先选择更具体的class。保存CSS后，刷新密码页验证隐藏效果。CSS隐藏不会删除代码，只是视觉上不显示，恢复也非常简单，删除对应规则即可。
修改后如何验证与恢复
完成代码或CSS修改后，打开店铺域名，在未输入密码的情况下查看密码页。确认商店名称和页脚是否已经消失，同时检查密码输入框、错误提示、提交按钮是否正常工作。如果发现页面错乱或元素消失过多，立即回到代码编辑器，使用备份文件或撤销修改。
建议在正式启用密码保护前，先在一个副本主题中测试这些改动。Shopify支持对未发布的主题进行编辑和预览，这样不会影响线上展示。当修改确认无误后，再将主题发布上线。
如果日后需要恢复商店名称或页脚，只需回到密码页模板，删除之前添加的Liquid注释标记或CSS隐藏规则，保存后即可恢复原状。整个操作过程可逆，不会对店铺数据造成任何影响。
针对不同主题的补充说明
不同Shopify主题的密码页结构可能存在较大差异。Dawn、Refresh等Online Store 2.0主题通常会使用 sections 文件夹中的独立文件来构建密码页，商店名称可能位于 password.liquid 或 password-header.liquid 中，而页脚可能通过 liquid 变量引入。旧版主题则可能把所有代码集中在 layout 目录下的密码模板里。
如果搜索 shop.name 时发现多个结果，需要逐个确认哪一个对应密码页上的显示。可以使用代码编辑器的搜索功能结合文件名判断。对于带有 class 或 id 的元素，优先使用CSS隐藏法会更简单，不需要逐行理解Liquid逻辑。
操作时如果遇到不确定的代码，不要贸然删除大段内容。先使用注释包裹并保存，再到前台刷新查看效果，这是最安全的调试方式。只要保持备份和谨慎，就能顺利完成隐藏页脚和商店名称的目标。
Shopify密码页隐藏页脚隐藏商店名称 修改时间：2026-08-26 14:14:02