Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Customize the "Out of stock" Product Status Tag beyond just words


StevansAZ

Question

Site URL: https://www.stevansaz.com/maitland-smith

I am looking to customize the "Out of Stock" label that shows in my product summary block.

1217467116_ScreenShot2020-10-08at1_51_14PM.thumb.png.87455e5729943f7e053c22b0a49e2c6c.pngCurrently it is just black with the words "Not Available" at the top right of the item photo. We would like to change the color, location, font. However, with coding, I'm not sure where to start as I don't know what the specific code for this tag is. I found one that will edit its font and color but unfortunately it also changed anything that is on sale.

I have gained some knowledge in CSS that with the right code block names I could probably figure it out, so any help would be appreciated!

We have found that people (our clientele is less tech savy than most) don't see this and we've gotten calls lately of people interested in the product.

We are a consignment store, so we only ever have one of each product (sometimes we have two but they each have a different stock number). If these products are from one of our top brands we have a dedicated page for these brands. This is mainly for SEO purposes and it is amazing how many people find us on google through these brands. For this reason, if we sell a brand item, we prefer to keep that listed on the brand page to show people the type of items we carry regularly but maybe don't have in stock right now. Hence the "Not Available". 

Thanks in advance!!

Link to comment
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

1 answer to this question

Recommended Posts

  • 0

Add to Page Settings > Advanced > Header

<style>
  .product-mark.sold-out {
    background: red !important;
    font-size: 10px !important;
    font-family: monospace;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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...