2017-03-01 5 views
3

クライアント用のShopifyサイトを編集しています。このコードをCSSファイルに配置しました。CSS ifステートメント?

.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文が何であるかを私に説明できるかと思いまして。

+0

これは、CSSが展開される前に、いくつかのビルドプロセスで処理されたものになるのでしょうか? –

+2

申し訳ありませんが、ちょうど質問を正しく読んだら、dhr rtfq!これは液体のif文で、設定がno_password_bgと等しくなければ、アンカーのフォント色を白に変更します.CSSファイルは適切に動作すれば '.liquid'拡張子を持ちます。 – Pete

+0

これは、すべてのshopifyファイルには、shopifyに固有のファイルタイプがあります。今、私はリチャハハの研究をする必要があります。私はshopifyでそれを見たことがあります。 – ajwerth

答えて

1

液体テンプレートエンジンの{% if %}のように見えますが、おそらくこのコードはCSSファイルにはなく、ビューファイルでは未処理です。

現在地ドキュメント上でより多くの情報を持っている:

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

+0

これはコードを見つけたファイル名です。 stylesheet.css.liquid – ajwerth

+0

@Peteは言ったように、彼らは自分の言語が純粋なCSSではない、あなたはドキュメントをチェックすることができます:) – Troyer

-1

これはおそらく、クライアントに転落し、サーバー側の表記法です。 それはShopifyなので - 私は、彼らがDjangoを使用すると仮定します - Pythonで書かれたWeb開発プラットフォームを:

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

+1

あなたは間違っていると仮定 - [これはshopify](https://www.shopify.co.uk /) - あなたが支払う電子商取引プラットフォームで、githubを介してダウンロードすることはできません。 – Pete

+0

@Pete、あなたは何を言っていますか? – silicakes

+0

申し訳ありません私の編集を読む – Pete

0

この文は、あなたのテーマ設定に関連しています。

テーマ設定は、「schema_settings.json」ファイルのテーマdevで定義されているオプションです。

最終的に、この文はLiquid文字列のみをサポートしレンダリングする.css.liquidファイルでは機能しません。

たとえば、{{mystring}}が動作します。 しかし、{%if some_condition%} do_sthg {%endif%}は実行しないでください。

HTH