out of stock button

[gflwrg]

Hello, can you help me with adding an out of stock button that looks identical to the add to cart button please?

It currently looks impractical and awful. Many thanks in advance.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

You can modify the CSS, an example would be this:

.woocommerce .out-of-stock-badge {
    background: #666;
    font-size: 10px;
    transform: none!important;
    right: 0!important;
}

[gflwrg]

Hello David, just read my question and I apologise. I didn’t explain properly.

I am looking to have the text on the ad to cart button say ‘sold out’ when item is out of stock.

I will also like to remove the pesky out of stock text that shows up above the add to cart button please.

Is this feasible mate 🙂 ?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

That would require php customization that unfortunately it’s outside our support scope.

-Rui

[gflwrg]

Hello, what section required php customisation, alteration of the add to cart button to say ‘Sold Out’ or removal/changing the ‘out of stock’ text shown in red font?

[Rui Guerreiro – SUPPORT]

There are several files, but that is done inside the Woocommerce plugin. The files inside the add-to-cart directory.

https://www.dropbox.com/s/4gruak2bs71v6tv/Screenshot%202017-01-03%2019.35.46.png?dl=0

-Rui

[gflwrg]

Many thanks mate. Will look into this.

[gflwrg]

What about editing the css to achieve the following (pls see image) – The pricing superscript to allow for example. £2 standard font size while the .80pence in smaller script.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

No problem.
-Rui