Skip to product information
【Dawn】Shopifyのテーマ「Rise/Dawn」のコレクションページで「売り切れ」状態の商品をバッジではなく写真全面をカバーするように表示する設定例(その2)
Published:2024.10.08

[Dawn] Example of settings for displaying "sold out" products on the collection page of the Shopify theme "Rise/Dawn" by covering the entire photo instead of a badge (Part 2)

To display an overlay on sold-out products on the collection page of the Shopify theme "Dawn/Rise," you can edit the Liquid code directly instead of editing it from the theme editor as in this post, which will allow you to make changes to the featured collection at the same time.


Example of settings for displaying "sold out" products on the collection page of the Shopify theme "Rise/Dawn" by covering the entire photo instead of a badge (Part 2)


[(For the Rise/Dawn theme) How to set it up] Modify the code in "snippets/card-product.liquid" and add styles to "assets/base.css"


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

View store information

[Dawn] Example of settings for displaying "sold out" products on the collection page of the Shopify theme "Rise/Dawn" by covering the entire photo instead of a badge (Part 2)

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

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Modify the code in "snippets/card-product.liquid"

Add styles to "assets/base.css"

↗ Related Post

すべてのShopify TIPS

View all