SOLD OUT BADGE (RECTANGLE) on squarespace 7.1 ?

Site URL: http://kiyary.com

Hello guys!

I need some help on figuring out how to activate or create a badge/label of "SOLD OUT" on products marked as such, as the only thing I get, it is a tiny text under the price.

my site is www.kiyary.com

First screen shot shows what I want. Right now I managed to have this badge design by using "product" block on a new page www.kiyary.com/shop ; but where I want it is in my real store page www.kiyary.com/store ; because when I use the product block it only can put up to 30 items and when you click on the product the breadcrumbs take you back to the original store.

Thank you! 🙂

P.S. I have other questions regarding some hover text on gallery. 

Add to Store Page Header

<style>
  .grid-meta-status {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: black;
    color: white !important;
    padding-left: 5px;
    padding-right: 5px;
}
</style>

Omgosh THANK YOU! @tuanphanYES! this is what i needed! You are a saviour!