Skip to product information
1 of 1
Published:2024.05.15

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

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

Applications

  • CollectionsEdit

How to implement

  • HTML/CSS
View full details

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.

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