How to change the 'sold out' tag to display delivery times?

Store Design
1

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 :slightly_smiling_face:

2

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

3

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.

4

Hi,

I’m using the Supply theme

5

Hi @asafari ,

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

{{ ‘products.product.add_to_cart’ | t }}

=>

delivery: 2-3 days

Hope it helps!

6

Hi,

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

My bad!

7

Hi @asafari ,

Code:


  delivery: 2-3 days

Code:

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

Hope it is clear to you.

8

Kindly share me your store URL for help

9

beauforthardware.nl

10

Hi @asafari ,

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

11

Yes it worked but it was not really what I was looking for, I wanted to make a separate template so I can address individual products and I want it to be a separate text, so I want to activate the ‘sold out’ tag while to product isn’t sold out and then I want to change that text to say 2-3 days.

12

Hi,

If you want to create a template, please follow the instructions:

Hope it helps!

13

What I am trying to achieve is this in the picture.

But the delivery text is on the bottom left corner for some reason and I don’t think it’ll be dynamic, haven’t tried it on mobile yet.

14

The picture

15

Hi @asafari ,

I did not receive the image, can you re-upload it?

16

Please check https://beauforthardware.nl/products/zotac-gaming-geforce-rtx-3060-amp-white-edition-12gb-1

17

Hi @asafari ,

Can you send me screenshot with description on it. I will check it.