商品情報にスキップ
【Dawn】Shopifyのテーマ「Dawn」のブログ画面で「グリッド」「コラージュ」以外の「リスト」型のレイアウトで表示する設定例
  • 【Dawn】Shopifyのテーマ「Dawn」のブログ画面で「グリッド」「コラージュ」以外の「リスト」型のレイアウトで表示する設定例
【Dawn】Shopifyのテーマ「Dawn」のブログ画面で「グリッド」「コラージュ」以外の「リスト」型のレイアウトで表示する設定例
公開日：2024.06.04

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

用途

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


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


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


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


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


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

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

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

サンプルコード

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

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

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

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

↗ 関連ポスト

すべてのShopify TIPS

すべて表示