如何在Shopify Liquid模板的自定义Rails错误页面中隐藏页脚

嘿，我来帮你搞定这个需求！结合你用Rails做后端、Shopify Liquid做视图的场景，有几个简单直观的方法可以让你只在not_found.html.erb和internal_server_error.html.erb这两个错误页面里隐藏Liquid页脚：

方法1：在主布局中判断当前页面 #

假设你的应用使用application.html.erb作为全局主布局，渲染页脚的部分可以加个条件判断，跳过错误页面的页脚渲染：

<!-- 在主布局的页脚渲染位置 -->
<% unless ['not_found', 'internal_server_error'].include?(controller.action_name) %>
  {% render 'footer' %} <!-- 这里是你原本渲染Liquid页脚的代码 -->
<% end %>

原理是：Rails的错误页面对应的控制器（默认是ErrorsController）的action_name刚好是你的错误模板名称，通过这个就能精准识别当前是不是错误页面。

方法2：给错误页面单独配置布局 #

如果想让错误页面的布局和普通页面彻底分离，你可以新建一个不含页脚的专用布局：

1. 创建app/views/layouts/error_layout.html.erb，里面只保留顶部菜单和必要的页面结构，不写页脚代码：

<!DOCTYPE html>
<html>
<head>
  <!-- 复制主布局里的头部资源、meta标签等内容 -->
</head>
<body>
  <!-- 顶部菜单的Liquid渲染代码 -->
  <%= yield %> <!-- 这里会渲染错误页面的内容 -->
  <!-- 这里不添加页脚代码 -->
</body>
</html>

2. 在两个错误页面的最顶部添加布局指定：

<% layout 'error_layout' %>

<!-- 下面是错误页面的原有内容 -->
<div class="error-page">
  <!-- 动画、错误提示等内容 -->
</div>

这种方式的好处是逻辑清晰，后续调整错误页面的样式或结构时，不会影响到普通页面的布局。

方法3：通过实例变量控制页脚显示 #

如果不想修改布局结构，也可以用Rails的实例变量来开关页脚：

1. 在你的错误控制器（比如ErrorsController）里，给对应的action添加标记变量：

class ErrorsController < ApplicationController
  def not_found
    @hide_footer = true
    render status: 404
  end

  def internal_server_error
    @hide_footer = true
    render status: 500
  end
end

2. 在主布局的页脚渲染位置添加判断：

{% unless @hide_footer %}
  {% render 'footer' %}
{% end %}

这种方式比较灵活，以后如果还有其他页面需要隐藏页脚，只需要给对应的action设置@hide_footer = true就行。

你可以根据自己项目的实际结构选最适合的方法，比如如果错误页面和普通页面的布局差异不大，方法1或3最省事；如果想完全独立错误页面的布局，方法2更合适。

内容的提问来源于stack exchange，提问作者Hakeem Baba