Skip to product information
【Dawn】Shopifyのテーマ「Dawn」のブログ画面で「グリッド」「コラージュ」以外の「リスト」型のレイアウトで表示する設定例
  • 【Dawn】Shopifyのテーマ「Dawn」のブログ画面で「グリッド」「コラージュ」以外の「リスト」型のレイアウトで表示する設定例
[Dawn] Example of settings for displaying a "List" type layout other than "Grid" or "Collage" on the blog screen of the Shopify theme "Dawn"
Published:2024.06.04

[Dawn] Example of settings for displaying a "List" type layout other than "Grid" or "Collage" on the blog screen of the Shopify theme "Dawn"

用途

Shopify's theme "Dawn" offers two blog layout options: "Grid" or "Collage," but this is an example of how to add a list-type layout in addition to these.


Example of settings for displaying the "List" type layout other than "Grid" or "Collage" on the blog screen of the theme "Dawn"


[(For the Dawn theme) Setup procedure ①] Add the scheme to "main-blog.liquid" and the label to "ja.schema.json"


[(For the Dawn theme) Setup procedure ②] Add code to change the layout type to "main-blog.liquid"


[(For the Dawn theme) Setup step 3] Add the code for the list layout to "section-main-blog.css"


After making a purchase (all items are ¥0), you will be able to view the sample code.

[Dawn] Example of settings for displaying a "List" type layout other than "Grid" or "Collage" on the blog screen of the Shopify theme "Dawn"

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Add scheme to "main-blog.liquid"

Add a label to "ja.schema.json"

Add code to change the layout type to "main-blog.liquid"

すべてのShopify TIPS

View all