フォローしませんか？
シェア
私たちについてページを作成する<h1>{{ page.title }}</h1><div>{{ page.content }}</div> {% section 'page-template' %} {% schema %}{ "name": "ページ設定", "settings": [ { "type": "select", "id": "container", "label": "レイアウト",
このページ見ることで以下のことがわかります。 ・ダイナミックセクションにコレクションの商品を表示する方法 ・Liquidの在り方（なぜそのコードになったのか） ・Liquidの流れがイメージできる セクションファイル新規作成とJSONコードの追加「sections」フォルダに新しいファイルを作成します。 ファイル名「featured-collection.liquid」 新規作成した「featured-collection.liquid」に以下のJSONコードを記述するこ
このページを読むことで以下のことが学べます。 ①ダイナミックセクションの設定方法がわかります。 ②Liquidについて詳しくなれます。 ・for product in～ の product は変数？それともオブジェクトなのか？ ・collections.frontpage.products プロパティが2つあってもいいのか？ ・グローバルオブジェクトについて Liquidやプログラムについて詳しい方は Liquidの解説前半・後半は飛ばしてもらって大丈夫です。 {{ con
この記事を読むことでオリジナルデザインのヘッダー部分のデザインの概要を学ぶことができます。 ヘッダーのナビゲーション部分は管理画面から編集ができるまず、Shopifyのヘッダーのナビゲーション部分は管理画面から編集が可能な部分です。 左側のナビゲーションエリアのメニュー（赤枠①）をクリックすると 「メインメニュー（赤枠②）」が表示されます。 管理画面からナビゲーションのメニューにどのメニューを追加するかを設定することができます。 ヘッダー部分のLiquidのコードにつ
