Shopify (liquid) - 如果页面模板等于，则将类添加到 div答案

【问题标题】：Shopify (liquid) - add class to div if page template is equal toShopify (liquid) - 如果页面模板等于，则将类添加到 div
【发布时间】：2017-12-12 13:18:37
【问题描述】：

这可能吗？我在现有网站上工作，我需要覆盖一些样式，但仅在使用我的新模板的页面上，因为覆盖主要样式可能会破坏其他页面。这是标记：

<div id="page">

  <main role="main" id="MainContent">
     {{ content_for_layout }}
   </main>

   {% section 'footer' %}

</div>

因此向页面添加类或main 元素将是理想的选择。

我已经设法通过if 语句来实现这一点，但仅在特定模板上显示内容，如下所示：

{% if template == 'page.job-detail' %}
    <!-- CODE HERE -->
{% endif %}

不确定与 div 上的类有关如何工作？可能有几页我需要包括所以一个数组或我指定多个模板的方式将是理想的。 “page.faq”、“page.jobs”、“page.job-detail”等模板。

【问题讨论】：

标签： php html css shopify liquid

【解决方案1】：

您为什么不向所有页面添加一个自定义类，并根据您喜欢定位的模板进行定位。

所以你可以在body标签中添加以下内容。

<body class="template-{{ template | replace: '.', '-' | replace: '/', '-' }}">

你会得到这样的课程：

模板页面常见问题解答
模板页面作业
模板集合
模板索引
模板-客户-登录等等。

从那里你可以只使用 CSS 来设置你需要使用上述类的样式。

【讨论】：