Woocommerce - Mensagem fora de estoque nos produtos

Categoria: Woocommerce Tags: Postado em: 1 de setembro de 2018 364

Woocommerce

Vejo muitas pessoas na internet buscando plugins para inserir a mensagem de Fora de estoque nos produtos listados e nos produtos internos do woocommerce.

Pois bem, hoje vou mostrar para vocês uma forma muito simples de fazer isso. 😉

Primeiramente vamos acessar nosso arquivo functions.php.

Para adicionar a mensagem de “Fora de Estoque” iremos utilizar o seguinte código:

add_action( 'woocommerce_single_product_summary', 'pointcomunicacao_single_product_out_of_stock', 20 );
function pointcomunicacao_single_product_out_of_stock(){

 	global $product;

 	if( !$product->is_in_stock() ){

 		echo '<div class="pointcomunicacao-message-out-of-stock">Fora de Estoque</div>';

 	}

 }

O código acima é auto explicativo 🙂 mas mesmo assim vou explicar.

Criamos uma função chamada pointcomunicacao_single_product_out_of_stock, dentro dessa função chamamos a tag global $product, pois, é nele que iremos inserir a mensagem correto.

Após isso fizemos a condição que diz:

Se o produto estiver fora de estoque exibe a mensagem, declarada no echo.

Simples não é…

Agora vamos inserir a mensagem na listagem dos produtos.

Para inserir a mensagem na listagem dos produtos inserimos o seguinte código:

add_filter( 'woocommerce_loop_add_to_cart_link', 'pointcomunicacao_message_after_prices', 10, 3 );

function pointcomunicacao_message_after_prices( $add_to_cart_html, $product, $args ){

    if( !$product->is_in_stock() ){
        $add_to_cart_html = '<div class="pointcomunicacao-message-out-of-stock">Fora de Estoque</div>' . $add_to_cart_html;
    }

    return $add_to_cart_html;

}

Basicamente é isso, você verá a mensagem inserida tanto na listagem quanto no produto interno.

Não trabalhamos com o CSS nestes código, apenas inserimos uma div com as devidas classes onde você poderá customizar da forma que achar melhor.

Espero ter ajudado.

Gostou? compartilhe nas redes!! ;)

Deixe seu comentário

Compartilhar4
Twittar
+1
Compartilhar
Pin
4 Compart.