CSS模板文件中的Shopify If语句？答案

【问题标题】：Shopify If statement in CSS template file?CSS模板文件中的Shopify If语句？
【发布时间】：2017-03-01 15:08:42
【问题描述】：

我正在为客户编辑 Shopify 网站，我在 css 文件中发现了这段代码。

.pass-foot a {
  font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  font-style: italic;
  font-size: 16px;
  font-weight: 600;

  // It's this piece I'm talking about
  **{% if settings.password_bg != "no_password_bg" %}
  color: #fff;
  {% endif %}**
}

我想知道是否有人见过这样的事情并可以向我解释这个 if 语句是什么。

【问题讨论】：

这可能是在部署 CSS 之前在某些构建过程中处理的东西？
对不起，请正确阅读问题，d'oh rtfq！这是一个流动的 if 语句，因此如果设置不等于 no_password_bg 则它将锚的字体颜色更改为白色 - 如果正常工作，您的 css 文件将有一个 .liquid 扩展名
是的，所有的shopify文件都有.liquid是shopify特有的文件类型吗？现在我需要研究 .liquid 哈哈。我只在shopify中看到过。
这是 shopify 自己的语言，不算太差，但也不是很好。他们有一个很好的documentation centre，所以通常很容易找出如何做事

标签： css if-statement shopify

【解决方案1】：

看起来像来自 Liquid 模板引擎的 {% if %}，可能此代码不在 CSS 文件中，而是在视图文件中原始。

您可以在此处获得有关文档的更多信息：

https://help.shopify.com/themes/liquid/basics

【讨论】：

这是我找到代码的文件名。 stylesheet.css.liquid
正如@Pete 所说，他们有自己的语言不是纯 CSS，您可以查看文档 :)

【解决方案2】：

此声明与您的主题设置有关。

主题设置是主题开发者在 «schema_settings.json» 文件中定义的选项。

最终，此语句不应在仅支持和呈现 Liquid 字符串的 .css.liquid 文件中工作。

例如 {{ mystring }} 有效。但是 {% if some_condition %}do_sthg{% endif %} 不应该。

HTH

【讨论】：

【解决方案3】：

这可能是一个服务器端符号溜进客户端。因为它是Shopify - 我假设他们使用Django - 一个用python编写的网络开发平台：

https://docs.djangoproject.com/en/1.10/ref/templates/builtins/#if

【讨论】：

你假设错了 - this is shopify - 这是你付费购买的电子商务平台，无法通过 github 下载
@Pete，你为什么这么说？
你说得对，刚刚查看了他们的一些职位空缺。他们主要围绕 RoR/mySQL 等。