Skip to product information
【Dawn】Shopifyのテーマ「Dawn/Rise」のコレクションページで特定の行ごとに商品サイズに変化を持たせる設定例
Published:2024.11.27

[Dawn] Example of setting up a collection page for the Shopify theme "Dawn/Rise" to vary product sizes for specific rows

On collection pages with a large number of products, a well-balanced display can be effective.
Varying product sizes on specific rows can add visual interest and make your store more appealing.

◆Benefits of implementation: It adds a sense of contrast to how the product is displayed, making it easier to attract users' interest.

◆Specific steps ・Open the product grid section of the collection template ・Add the necessary styles to the custom CSS items


Example of setting up the collection page of the theme "Dawn/Rise" to vary product sizes for specific rows


[(For Rise/Dawn Themes) How to Set Up] Collection Template: Adding Styles to Custom CSS for the Product Grid Section


[Additional Information] Other layout pattern style examples on the desktop


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

View store information

[Dawn] Example of setting up a collection page for the Shopify theme "Dawn/Rise" to vary product sizes for specific rows

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

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Adding styles to the custom CSS for the product grid section

↗ Related Post

すべてのShopify TIPS

View all