Changing sold out tag

[asafari]

Hi!

I want to show a simple line of text that gives an indication for delivery times for my products.

I have already made a new product-template and used the code from the existing product-template but my experience only goes as far as HTML and CSS so I am not quite sure what I am looking for in the code.

I want to activate the 'sold-out' label when the product is in stock, then change the 'sold-out' text to for example 'delivery: 2-3 days' and then I want to edit the color and border of the label.

Could anyone point me in the right direction?

Thanks

[Zworthkey]

Hii, @asafari 
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

[LitCommerce]

Hi @asafari,

What theme are you using? Please send me the theme name.

Or send me the code of product-template.

I will check it.

[asafari]

Hi,

I’m using the Supply theme

[LitCommerce]

Hi @asafari,

Please go to product file, find 'products.product.add_to_cart' and change code: https://i.imgur.com/hMBuOwd.png 

<span id="addToCartText-{{ section.id }}">{{ 'products.product.add_to_cart' | t }}</span>

=>

<span id="addToCartText">delivery: 2-3 days</span>

Hope it helps!

[asafari]

Hi,

I'm so sorry, I am using Debut not Supply.

My bad!

[LitCommerce]

Hi @asafari,

- Please go to product file, find 'products.product.add_to_cart' and change code: https://i.imgur.com/BMM2x6Z.png => https://i.imgur.com/PIdUqvu.png 

Code: 

<span data-add-to-cart-text="true">
  delivery: 2-3 days
</span>

- Go to assets/theme.js file, find '_updateAddToCart: function()' and add code: https://i.imgur.com/bhrnwGV.png 

Code:

if(this.addToCartText.dataset.addToCartText == 'true'){
  this._enableAddToCart('delivery: 2-3 days');
  return;
}

Hope it is clear to you.

[Frank47]

Kindly share me your store URL for help

[asafari]

beauforthardware.nl

[LitCommerce]

Hi @asafari,

Have you tried following my instructions? I have tested it on my demo and it works fine.