Skip to product information
1 of 1
Published:2023.07.08

How to make the number of columns in the featured collection section and collection template of the Shopify theme "Dawn" compatible with three columns on mobile

How to make the number of columns in the featured collection section and collection template of the Shopify theme "Dawn" compatible with three columns on mobile

Applications

  • CollectionsEdit

How to implement

  • LIQUID
View full details

The Shopify theme “Dawn” allows you to choose either one or two columns to display on the mobile screen by default, but with a little tweaking, you can also display three columns.


How to make the number of columns in the featured collection section and collection template of the theme "Dawn" compatible with three columns on mobile


[Settings Step 1: Product Grid Section] Add the scheme to "main-collection-product-grid.liquid" and the label to "ja.schema.json"


[Settings Step 2: Featured Collection Section] Add the scheme to "featured-collection.liquid" and the label to "ja.schema.json"


[Settings Step 3] Modify base.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-collection-product-grid.liquid" and "featured-collection.liquid".


Add labels to two places in "ja.schema.json"


Adding styles to base.css (part 1)