Shopify Liquid テンプレート言語の基本を理解する - Qiita

Liquid とは Shopify がオープンソースで開発しているテンプレート言語です。 静的な要素は HTML/CSS/Javascript で記述し、ショップのデータと連動する動的な要素は Liquid コードで記述します。ファイル内の Liquid コードはショップにデプロイする際にコンパイルされてブラウザに表示されます。 Ruby on Rails の ERB テンプレート、Java の jsp ファイルだと思ってください。HTML/CSS/Javascript がわかるフロントエンドエンジニアならそこまで難しくないかと思います。MVC に当てはめると Liquid は View です。Shopify のデータモデルが Controller と Model だと考えてください。 コードの構文 静的な要素（HTML/CSS/Javascript） 一般的な Web 技術と同じです 動