商品情報にスキップ
1 1
公開日:2024.06.04

Shopifyのテーマ「Dawn」のブログ画面で「グリッド」「コラージュ」以外の「リスト」型のレイアウトで表示する設定例

Shopifyのテーマ「Dawn」のブログ画面で「グリッド」「コラージュ」以外の「リスト」型のレイアウトで表示する設定例

用途

  • ブログ管理・編集

実装方法

  • LIQUID
  • HTML/CSS
詳細を表示する

Shopifyのテーマ「Dawn」のブログレイアウトは「グリッド」か「コラージュ」の2択ですが、これとは別にリスト型のレイアウトを追加したい場合の設定例です。


テーマ「Dawn」のブログ画面で「グリッド」「コラージュ」以外の「リスト」型のレイアウトで表示する設定例


【(テーマDawnの場合)設定手順①】「main-blog.liquid」にschemeを、「ja.schema.json」にラベルを追加


【(テーマDawnの場合)設定手順②】「main-blog.liquid」にレイアウトタイプを変更するコードを追加


【(テーマDawnの場合)設定手順③】「section-main-blog.css」にリストレイアウト用のコードを追加


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

「main-blog.liquid」にschemeを追加

「ja.schema.json」にラベルを追加

「main-blog.liquid」にレイアウトタイプを変更するコードを追加

関連ポスト