Skip to product information
1 of 1
Published:2024.10.05

An example of how to display "sold out" products on the collection page of the Shopify theme "Rise/Dawn" by covering the entire photo instead of using a badge.

An example of how to display "sold out" products on the collection page of the Shopify theme "Rise/Dawn" by covering the entire photo instead of using a badge.

Applications

  • Collection information management and editing

How to implement

  • Javascript
  • HTML/CSS
View full details

On the collection page of the Shopify theme "Dawn/Rise," sold-out items are marked with a badge, but in this example, they are displayed by covering the entire photo to make them stand out more.


An example of how to display "sold out" products on the collection page of the Shopify theme "Rise/Dawn" by covering the entire photo instead of using a badge.


[(For the Rise/Dawn theme) Setup method] Add a customized Liquid section to the collection template and insert the code.


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 a customized Liquid section to your collection template and insert the code

Related Post