Skip to product information
1 of 1
Published:2024.10.08

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)

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)

Applications

  • Collection information management and editing

How to implement

  • HTML/CSS
View full details

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.

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