Jump to content

SOLD OUT BADGE (RECTANGLE) on squarespace 7.1 ?

Recommended Posts

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. 

Screen Shot 2022-08-18 at 20.32.45.png

Edited by kiyary
added links
Link to comment

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>

image.thumb.png.f4246e4b9a4dc8a86ce6657029312556.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.