Skip to product information
1 of 1
Published:2024.06.04

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

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

Applications

  • Blog management and editing

How to implement

  • LIQUID
  • HTML/CSS
View full details

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.

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"