Adding Reserved Tag To Be Displayed on Landing and Product Page

Hi all,

I would like to display the reserved status as a custom label on the product page for all items tagged as reserved. Would really appreciate if anyone can provide the CSS code for that as I'm only on a personal plan. Thank you!

OK, well you haven't provided much information here, but you do have some options. when you tag products in squarespace it creates a class on the main article element called tag-<yourtagnamehere>. this means that you can do something like this to add a label after your product title.

article.tag-reserved h1.ProductItem-details-title::after {
    display:block;
    content:'reserved';
    font-size:16px;
    padding:10px;
    background:grey;
    color:white;
    border-radius:5px;
    width:fit-content;
    line-height:100%
}

you can format it however you want by changing the css, but this should be enough to solve your problem.