【Shopifyテーマカスタマイズメモ】触るファイルの確認【part2】

theme.liquidのコードでliquidの構文を学んでいく

liquid構文：

{{ 'constants.js' | asset_url }}

意味：
contents.jsがあるurlを返す。

使い方：

<script src="{{ 'constants.js' | asset_url }}" defer="defer"></script>

参考：
qiita.com

liquid構文：

{% assign variable_name = value %}

意味：
assignで新しい変数を作成できる。

使い方：

{%- liquid
      assign body_font_bold = settings.type_body_font | font_modify: 'weight', 'bold'
      assign body_font_italic = settings.type_body_font | font_modify: 'style', 'italic'
      assign body_font_bold_italic = body_font_bold | font_modify: 'style', 'italic'
    %}

参考：
shopify.dev

liquid構文：

font_modify
フォントフィルタの仲間。

フォントフィルタを用いると、フォント（serif, San-serif, etc.）をロードしたり、フォントのバリアント（Bold, Regular, etc.）を取得したりすることができます。

参照：
qiita.com