自分のメモ用ですが、参考になれば幸いです.
フォルダ構成
上から順に大きいコンポーネント. 拡張子liquidはrubyの文法で書かれています.
*初めてや！って人はrailsいじってからやるといいかも。
Layout
Template
Section
Snippet
Javascript
Assets配下に設置
以下でinclude
<script src="{{ 'header_common.js' | asset_url }}" defer="defer"></script>
CSS
Assets配下に設置
以下でinclude
{{ 'header.scss' | asset_url | stylesheet_tag }}
テーマのCSSを変えたい
プレビュー表示から、編集したい要素のclassを探す
theme.scss.liquid内で該当クラスを探す
中身をいじる！
テンプレート
自分でテンプレートを作ってもOK.
その際は、下記のようにすると適応できる。
この場合は、sectionフォルダから該当ファイルがあれば、見つけてレンダリング.
{% section 'header' %}