Se você possui uma loja virtual, em algum momento vai se deparar com a situação em que pelo menos um de seus produtos fique sem estoque, pelo menos é o que eu espero =)

Se você utiliza o Woocommerce, vai reparar que por padrão ele exibe uma mensagem na página do produto informando o usuário desse status.

No entanto, percebemos que isso só ocorre se o produto for simples. Caso o produto seja variável, mesmo que todas as variações estejam esgotadas, ainda sim vai exigir que o usuário tenha que clicar em uma variação para que o Woocommerce mostre a mensagem do produto fora de estoque.

Pensando em tornar isso mais intuitivo para o usuário,  fizemos esse pequeno trecho de código que exibe a mensagem de fora de estoque para o usuário logo de cara, caso todas as variações estejam esgotadas, sem que ele precise clicar em nada. Basta colocar isso no seu functions.php

[gist id=”248a32e35747f6814cb3″]

Nesse caso, se ainda desejar substituir o preço pela mensagem de fora de estoque, basta incluir isso no functions.php

[gist id=”326c933ded878d943229″]