Personalize sua loja WooCommerce usando ganchos do WordPress

Última atualização - 24 de fevereiro de 2020

Neste artigo, vamos apresentar um dos tópicos mais importantes ao desenvolver temas ou plugins do WordPress para WordPress: ganchos do WordPress , e explicaremos a diferença entre ganchos de ação e ganchos de filtro.

Os ganchos são incorporados em todo o núcleo do WordPress, na maioria dos temas do WordPress e em todos os principais plugins do WordPress. Os Hooks do WordPress são um sistema orientado a eventos que permite adicionar seu próprio novo código ou editar o código existente no ecossistema do WordPress.

Ganchos WooCommerce

Os ganchos do WordPress são essencialmente funções php que permitem adicionar seu próprio código ao WordPress ou editar o código existente em todo o WordPress sem precisar editar os arquivos principais ao personalizar seu site WordPress e/ou loja WooCommerce.

Os ganchos também são usados ​​em todo o WooCommerce , permitindo que os desenvolvedores adicionem facilmente suas próprias funções personalizadas por meio de ganchos de ação ou editem a funcionalidade incorporada ao plug-in WooCommerce para personalizar ainda mais sua loja online por meio dos ganchos de filtro.

Ações e filtros do WooCommerce:

Existem 2 tipos diferentes de ganchos que você pode usar para personalizar ainda mais sua loja WooCommerce. Embora seja recomendado que você NÃO edite seus arquivos de tema ou plugin diretamente, é recomendado que você crie um tema filho e insira seus trechos de código php no arquivo functions.php, ou você pode usar o plugin WooCustomizer que permite que você edite muitos filtros sem precisar saber codificar.

Ganchos de ações:

Os ganchos de ação são colocados em todo o WooCommerce usando a do_action( 'action_name' ) e, portanto, você pode usar o nome da ação para especificar onde deseja executar o código que está adicionando.

Para adicionar seu código personalizado, você simplesmente cria uma nova função php com seu código dentro e especifica onde deseja que o código seja executado adicionando o nome da ação como o primeiro parâmetro na função add_action() .

Exemplo:

add_action( 'action_name', 'your_custom_function_name' );
function your_custom_function_name() {
// Your code
}

Então você está simplesmente dizendo ao código WooCommerce – “ adicione minha ação quando este do_action for executado ”.

Ganchos de filtro:

Ganchos de filtro são chamados em todo o WooCommerce usando a apply_filter( 'filter_name', $variable ) . Isso permite que você manipule a variável que é passada para a função e, em seguida, retorne o valor da variável conforme necessário.

Exemplo:

add_filter( 'filter_name', 'your_custom_function_name' );
function your_custom_function_name( $variable ) {
// Your code editing the variable
return $variable;
}

Semelhante ao gancho de ação, você cria sua própria função php e especifica em qual filtro usá-la, mas desta vez você está passando uma variável que já existe e usando sua função para manipular a saída para o que você precisa.

Com ganchos de filtro, você precisa retornar um valor .

Você não tem certeza sobre como criar um tema filho, adicionar ou editar suas próprias funções php usando os ganchos do WooCommerce?

Personalize sua loja WooCommerce com WooCustomizer

Dê uma olhada no novo plugin WooCustomizer … WooCustomizer vem com muitas funcionalidades para editar e personalizar ainda mais sua loja WooCommerce sem ter nenhum conhecimento de codificação ou precisar adicionar seu próprio código.

O WooCustomizer oferece muitos dos ganchos existentes do WooCommerce para editar e adicionar funcionalidades extras à sua loja WooCommerce.

Alguns recursos que o plugin WooCustomizer oferece:

• Editar banners de produtos 'À venda' para páginas de Loja e Produto
• Edite os botões 'Adicionar ao carrinho' para os diferentes tipos de produtos
• Remova quaisquer elementos da página de loja, produto, conta de usuário e ou carrinho
• Adicione banners de 'Novo Produto' ou 'Esgotado' aos seus produtos da Loja
• Personalize o design dos botões Adicionar ao carrinho, banners de venda e muito mais
• Editar guias de conta de usuário e campos básicos do Google Checkout para usuários
• Adicione estatísticas do produto ao front-end do site para usuários Administradores
• Adicione um item de menu Login / Logout a qualquer menu escolhido

+ muito mais

Baixe WooCustomizer

Querendo mais para sua loja WooCommerce?

O WooCustomizer também vem com uma versão premium que oferece muito mais para aumentar as vendas e adicionar recursos extras úteis à sua loja WooCommerce.

WooCustomizer Pro inclui:

Modo de catálogo para WooCommerce

Remova facilmente todas as funcionalidades de 'adicionar ao carrinho' e comprar da sua loja WooCommerce, transformando sua loja em um belo catálogo online. Aplique essas configurações a todos os produtos, produtos selecionados ou apenas a usuários desconectados, solicitando que os usuários criem uma conta e façam login para comprar seus produtos.

Páginas de agradecimento personalizadas para WooCommerce

O WooCustomizer oferece a capacidade de criar suas próprias páginas de agradecimento personalizadas para WooCommerce, usando o editor padrão do WordPress ou qualquer outro construtor de páginas que você goste. Redirecione o cliente para sua nova página de agradecimento padrão, redirecione-o para páginas diferentes dependendo dos produtos que comprou ou redirecione-o para páginas dependendo de como comprou os produtos em sua loja.

Visualização rápida do produto para WooCommerce

Dê aos seus usuários a opção de visualizar todas as informações do produto e facilmente 'adicionar ao carrinho' ou navegar pelas imagens em um pop-up em sua loja ou nas páginas de arquivo. Isso ajuda seus usuários a navegar na loja mais rapidamente.

Pesquisa WooCommerce Ajax

Ajudar os usuários a encontrar seus produtos mais rapidamente? Adicione uma pesquisa simples de produtos ajax à sua barra de pesquisa, áreas de widgets ou página da loja, para exibir uma previsão de produtos quando seus usuários começarem a digitar para pesquisar seus produtos.

Carrinho de menu WooCommerce

Ative o carrinho de menu WooCustomizers para WooCommerce e selecione em qual menu você gostaria de exibir um carrinho WooCommerce. Adicione um mini carrinho suspenso para que seus usuários possam adicionar ou remover produtos, visualizar o carrinho ou ir direto para o checkout.

Ver WooCustomizer

Use nosso cupom especial para receber 15% de desconto em sua primeira compra no WooCustomizer

LW15OFF

Comece a editar com ganchos!

Agora que você entende como os ganchos do WordPress funcionam no WordPress e no WooCommerce, você pode adicionar ou editar facilmente a funcionalidade necessária em sua loja online WooCommerce.

Observação: não se esqueça que este código deve sempre ser adicionado a um tema filho ou a um plugin de personalização do site para que você não perca as edições ao atualizar seu tema WordPress.

Se você ainda não tiver certeza sobre como adicionar seu próprio código para editar ainda mais sua loja WooCommerce, recomendamos experimentar o plug-in WooCustomizer . Ele pega todos os ganchos disponíveis do WooCommerce e cria uma interface visual para editar o código, tudo embutido no WP Customizer, além de oferecer muito mais, como estatísticas do produto, itens de menu de login/logout e muito mais.