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

Changing SOLD OUT label to COMING SOON


xavier-cusso

Question

18 answers to this question

Recommended Posts

  • 0

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0

In the past I have cut and pasted code like that below into the "Page Header Injection Code" for individual pages, but this time it is not working. Any ideas? Am I missing something?

 

 .ProductItem-relatedProducts .product-mark.sold-out { 
   visibility: hidden;
   font-size:0;
 }
 .ProductItem-relatedProducts .product-mark.sold-out:after {
   visibility: visible;
   content: 'Coming Soon'; 
   font-size: 18px;
 } 
Link to comment
  • 0

The code I provided is CSS so, rather than Code Injection, it should be added to Design > Custom CSS.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0

Hi Paul! I just tried to use your code to change one product category from Sold Out to Coming Soon. Unfortunately it did not work. I changed all as per your description and added to the Footer, then saved. The products right now are still shown as Hidden, not sure this is the problem? But I guess not. Any other suggestions why this may be? 

Link to comment
  • 0
On 1/19/2021 at 1:02 AM, kiwistick said:

Hi Paul! I just tried to use your code to change one product category from Sold Out to Coming Soon. Unfortunately it did not work. I changed all as per your description and added to the Footer, then saved. The products right now are still shown as Hidden, not sure this is the problem? But I guess not. Any other suggestions why this may be? 

Can you share your site url? We can check easier

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

Link to comment
  • 0
On 1/18/2021 at 6:02 PM, kiwistick said:

I just tried to use your code to change one product category from Sold Out to Coming Soon.

@kiwistick I sent you a direct message on Monday asking for more information.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0
On 2/21/2020 at 3:36 AM, paul2009 said:

Hi @paul2009this is probably an embarrassingly obvious question, but if I want to use the code you provided here on more than one tag, do I need to duplicate the entire code and change the tag name or is there a simpler way to do it? Ie. add a comma or something after 'tag-mask' and then add an additional tag.

<script>
var oosCat = 'tag-mask'';
var oosDesc = 'Coming Soon';
var a= ...

Thanks!

Link to comment
  • 0
16 minutes ago, emily.klein said:

If I want to use the code you provided here on more than one tag, do I need to duplicate the entire code and change the tag name or is there a simpler way to do it?

Hi @emily.klein

The code that I posted is fairly simple and has been written to accept just one tag. You can't add additional tags or duplicate the code.

Can you provide a few more details of what you want to achieve? A working link to the products on the site may also help. For example, do you products with different tags that need the same 'sold' message or do they each need different 'sold' messages per tag?

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0
12 hours ago, paul2009 said:

Hi @emily.klein

The code that I posted is fairly simple and has been written to accept just one tag. You can't add additional tags or duplicate the code.

Can you provide a few more details of what you want to achieve? A working link to the products on the site may also help. For example, do you products with different tags that need the same 'sold' message or do they each need different 'sold' messages per tag?

Hi Paul,

Actually if I just tag all the products that I want to use this code for as "coming soon" (and not have the tags visible on the product pages) that will actually work and will be much simpler! Funny how things are always much clearer in the morning! Sorry to have bothered you. And thanks again for providing the code.

Emily

Link to comment
  • 0
8 hours ago, joshcohen said:

I’m trying to do the same to create an "In Stock" status circle

Can you explain a little more? An in-stock label would normally be an unnecessary distraction. 

A link to the products page may add context. 

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0

My client is a furniture company where stock is ordered and takes 12 weeks to manufacture and ship. However they have some floor stock they want to promote. Ie. have a label like “ready to ship” etc. so not for every product just certain tagged or categorised products that are ready to ship now. Thanks 

Link to comment
  • 0
2 hours ago, joshcohen said:

My client is a furniture company where stock is ordered and takes 12 weeks to manufacture and ship. However they have some floor stock they want to promote. Ie. have a label like “ready to ship” etc. so not for every product just certain tagged or categorised products that are ready to ship now.

It will depend on whether custom manufactured products are shown with inventory, or if you set these products to zero and manage orders in another way. If only the 'ready to ship' items are sold online then you can use the built-in Limited Availability Labels feature to show a 'ready to ship' label automatically, without code.

However, if custom manufactured products are sold online too, you'll need some code that can add a label to products with a certain tag. See my solution in this post: Adding a custom status badge to Squarespace Products.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

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