Shopify的模板系统确实强制要求theme.liquid的body部分必须存在{{content_for_layout}}——它是加载各个页面（产品页、首页、集合页等）具体内容的核心入口，直接删除肯定会触发你遇到的报错。不过我们可以用几种变通方法实现“视觉上移除”或者“功能上替代移除”的效果：

• 直接隐藏main容器（最简单方案）
  不用删除整个main代码块，只要给它加上隐藏样式，让页面完全不显示这块内容，同时满足Shopify的模板检测要求：

  <main role="main" style="display: none !important; visibility: hidden; height: 0; overflow: hidden;">
    {{ content_for_layout }}
  </main>
  

  或者你也可以把样式写到主题的CSS文件里，避免内联样式：

  main[role="main"] {
    display: none !important;
    visibility: hidden !important;
    height: 0;
    overflow: hidden;
  }
  

• 把内容移到可视区域外
  如果不想用display:none（担心某些场景下的副作用），可以用绝对定位把{{content_for_layout}}放到页面看不到的地方：

  <div style="position: absolute; left: -9999px; top: -9999px; width: 0; height: 0; overflow: hidden;">
    {{ content_for_layout }}
  </div>
  

  这样Shopify能检测到代码存在，同时用户完全看不到这块内容。

• 针对特定页面隐藏（按需处理）
  如果你只是想在部分页面隐藏内容，其他页面正常显示，可以结合Shopify的模板变量做条件判断：

  {% if template == 'index' or template == 'page.contact' %}
    <!-- 首页和联系页隐藏内容 -->
    <main role="main" style="display: none;">{{ content_for_layout }}</main>
  {% else %}
    <!-- 其他页面正常显示 -->
    <main role="main">{{ content_for_layout }}</main>
  {% endif %}
  

  你可以根据自己的需求修改template的判断条件，比如指定产品页、集合页等。

核心思路就是：不能删除{{content_for_layout}}，但可以让它在页面上不可见或者不影响视觉布局，这样既绕过了Shopify的模板检测，又实现了你想要的“移除”效果。

内容的提问来源于stack exchange，提问作者Super Kai - Kazuya Ito