Skip to product information
【Dawn】Shopifyのテーマ「Dawn 」のコレクション(商品リスト)ページで商品カードのレイアウトを横型にする設定例
Published:2024.05.15

[Dawn] Example of setting the product card layout to horizontal on the collection (product list) page of the Shopify theme "Dawn"

This is an example of how to display the product card layout in a horizontal format on the collection page of the Shopify theme "Dawn." Add this to the custom CSS. (The same settings can be used for featured collections, etc.)



How to set it up: Add custom CSS to the product grid in your collection template (for mobile, set it to one column; for desktop, set it to two to three columns for balance).


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

View store information

[Dawn] Example of setting the product card layout to horizontal on the collection (product list) page 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 custom CSS to the product grid in collection templates

↗ Related Post