根据页面为 shopify-section 分配不同的类

【问题标题】：Assign a different class to shopify-section depending on page根据页面为 shopify-section 分配不同的类
【发布时间】：2018-05-26 11:13:01
【问题描述】：

在我网站的博客部分中，我指定了一个要添加到架构代码中shopify-section 的类。这是该代码的快照（我不会全部发布）：

{% schema %}
  {
    "name": "Blog",
    "class": "band band--tint",
    "settings": [

这很好用，但是在我的 product.liquid 中布局略有不同，我不希望该页面上的 band--tint 类。

有没有办法可以定位句柄/模板，以便仅针对该布局删除此类？

【问题讨论】：

【解决方案1】：

您可以创建一个备用模板来修改 HTML。

创建替代模板允许您修改内容的方式显示在您的在线商店中，但仅限于产品、系列、博客，以及您应用替代模板的其他页面。为了例如，您可以创建一个没有添加的替代产品模板到购物车按钮，并将其仅应用于非出售产品。或者，您可以创建一个不包含标头，并将其应用于您商店的选定页面。

【讨论】：

我想过这样做。只需克隆模板，修改类并将其加载到产品页面上。不确定为了一个班级维护两个做同样工作的模板是否会很痛苦？
您可以尝试将模板逻辑抽象成一个块。所以唯一的动态部分是那个块而不是整个模板。
我认为我最好创建 2 个部分，然后将内容放在每个模板中使用的 sn-p 中，这样它就不是重复的大块代码。我认为问题是我正在尝试操纵 shopify 生成的 div 上的类，这很棘手！