Melhores trechos de código WooCommerce para WordPress

Publicados: 2023-05-12

Deseja conhecer os melhores trechos de código WooCommerce para WordPress ? Se você planeja ajustar sua loja online e adicionar mais recursos, continue lendo este artigo. Este guia mostrará um conjunto de trechos de código que você deve conhecer.

Mas primeiro, vamos ver o que é um trecho de código e por que precisamos usar um.

O que é um trecho de código?

Um snippet de código é uma pequena seção de código que executa uma tarefa ou função específica em um site ou programa. Muitas vezes, é usado para personalizar o site/ferramenta e aprimorar os recursos.

Você pode escrever trechos de código em qualquer linguagem de programação, variando em complexidade, desde uma simples linha até uma função ou algoritmo de várias linhas. Além disso, você também pode encontrá-los online em bibliotecas de código, fóruns e blogs de programação, e eles geralmente são compartilhados e modificados por desenvolvedores para atender às suas necessidades específicas.

O uso de trechos de código pode economizar tempo e esforço. Mas é essencial entender como o código funciona e garantir que ele seja seguro e não cause vulnerabilidades. Além disso, ao usar trechos de código de fontes externas, é essencial verificar seus requisitos de licenciamento e atribuição para evitar violação de direitos autorais.

Por que adicionar trechos de código WooCommerce ao WordPress?

Se você usar trechos de código WooCommerce para WordPress, isso beneficiará tanto o proprietário quanto os desenvolvedores.

Por exemplo, você pode usar trechos de código WooCommerce para adicionar novas funcionalidades ou alterar os recursos existentes de uma loja online. Isso pode ajudar a melhorar a experiência do usuário e aumentar as vendas.

Por exemplo, você pode usar um snippet de código para adicionar uma opção personalizada de classificação de produtos ou para alterar o processo de checkout para atender melhor às necessidades de uma determinada empresa.

Além disso, usar trechos de código WooCommerce para WordPress pode ser mais eficiente do que instalar e configurar um plug-in separado, pois permite modificações mais direcionadas e evita possíveis conflitos com outros plug-ins ou temas.

Além disso, os snippets de código WooCommerce podem ajudar a melhorar a segurança e o desempenho de uma loja online. Ao adicionar código personalizado ao arquivo functions.php ou a um arquivo de plug-in separado, os desenvolvedores podem garantir que o código seja otimizado para as necessidades específicas do site.

Por fim, os snippets de código podem fornecer uma solução mais econômica do que contratar um desenvolvedor. Embora algumas personalizações possam exigir um trabalho de desenvolvimento mais complexo, você pode obter muitas modificações usando trechos de código simples encontrados online.

No entanto, um código mal escrito pode causar erros e vulnerabilidades de segurança. Portanto, recomendamos testar e entender o código em um ambiente de teste antes de adicioná-lo a um site.

Além disso, mantenha um backup dos arquivos e do banco de dados do site para proteger seu trabalho árduo.

Como adicionar trechos de código WooCommerce ao WordPress

Você pode adicionar trechos de código WooCommerce ao WordPress em algumas etapas simples:

  • Abra o arquivo functions.php: O arquivo functions.php é onde você pode encontrar a maioria dos trechos de código do WordPress. Geralmente está na pasta do tema; você pode acessá-lo através do painel do WordPress ou de um cliente FTP.
  • Adicione o trecho de código: Copie e cole o trecho desejado no arquivo functions.php. Certifique-se de adicioná-lo no local apropriado, como no final do arquivo, após qualquer código existente.
  • Salve as mudanças: Depois de adicionar o trecho de código, salve as mudanças no arquivo functions.php. Isso ativará o código que você acabou de inserir.
  • Teste a funcionalidade: depois de adicionar o snippet de código, teste a nova funcionalidade para garantir que ela funcione conforme o esperado.

No entanto, se não quiser adicionar o trecho de código ao arquivo functions.php do tema pai, você pode criar um tema filho personalizado. Dessa forma, as atualizações do tema não causarão problemas.

Melhores trechos de código WooCommerce para WordPress

Agora que aprendemos por que e como adicionar trechos de código WooCommerce para WordPress. Em seguida, vamos para os melhores trechos de código WooCommerce selecionados para suas necessidades gerais.

Em poucas palavras, os códigos que vamos compartilhar ajudarão você a:

  • Adicionando uma guia de produto personalizada
  • Adicionar suporte WooCommerce a um tema
  • Adicione uma moeda personalizada ao WooCommerce
  • Exibir o link "Minha conta" em um modelo
  • Pedidos concluídos automaticamente
  • Alterar o número de produtos exibidos na loja
  • Desativar pesquisa
  • Modificar o texto do botão adicionar ao carrinho
  • Ajuste o título da página da loja

Vamos dar uma olhada profunda em cada código.

1) Adicione uma guia de produto personalizado

Adicionar uma guia de produto personalizada no WooCommerce é uma ótima maneira de exibir informações extras sobre seus produtos. Então, aqui está um trecho de código que permitirá que você adicione um:

 // Adicionar guia de produto personalizado

add_filter( 'woocommerce_product_tabs', 'add_custom_product_tab' );
função add_custom_product_tab( $tabs ) {
$tabs['custom_tab'] = array(
'title' => __( 'Guia Personalizada', 'woocommerce' ),
'prioridade' => 50,
'callback' => 'custom_product_tab_content'
);

retornar $tabs;

}

// Conteúdo da guia do produto personalizado

function custom_product_tab_content() {
echo '<h2>Guia de produto personalizado</h2>';
echo '<p>O conteúdo personalizado vai aqui.</p>';
}

Esse código adiciona uma nova guia “Guia personalizada” à página do produto, com prioridade 50. Além disso, você pode alterar o título e o conteúdo da guia do produto personalizado de acordo com seus requisitos. A função de retorno de chamada custom_product_tab_content exibe o conteúdo da guia. Você pode personalizar o código de acordo com suas necessidades.

2) Declarar suporte WooCommerce em um tema de terceiros

Se você estiver usando um tema de terceiros que não oferece suporte WooCommerce por padrão, você pode corrigir o problema adicionando o seguinte snippet de código ao arquivo functions.php do tema de seu site:

 // Adicionar suporte WooCommerce ao tema

function mytheme_add_woocommerce_support() {
add_theme_support('woocommerce');
add_theme_support('wc-product-galeria-zoom');
add_theme_support('wc-product-gallery-lightbox');
add_theme_support('wc-product-gallery-slider');
}
add_action( 'after_setup_theme', 'mytheme_add_woocommerce_support' );

Fonte: Médio.

3) Adicionando moeda personalizada ao WooCommerce

Se você deseja adicionar uma moeda personalizada ao WooCommerce, pode usar o seguinte trecho de código:

 // Adicionar moeda personalizada ao WooCommerce

function add_my_currency( $moedas ) {
$moedas['ABC'] = __( 'Minha Moeda', 'woocommerce' );
retornar $moedas;
}

add_filter( 'woocommerce_currencies', 'add_my_currency' );
função add_my_currency_symbol( $currency_symbols ) {
$currency_symbols['ABC'] = '$'; // Altere ABC para seu código de moeda personalizado e $ para seu símbolo de moeda.
retornar $currency_symbols;
}

add_filter( 'woocommerce_currency_symbols', 'add_my_currency_symbol' );

Aqui, usamos dois filtros – woocommerce_currencies e woocommerce_currency_symbols para adicionar nossa moeda personalizada e seu símbolo. Em primeiro lugar, você adiciona o nome e o código da sua moeda à lista de moedas disponíveis. Em segundo lugar, você pode adicionar o símbolo de moeda para o código de moeda personalizado.

4) Exibir o link Minha conta em um arquivo de modelo

Para exibir o link da minha conta em um arquivo de modelo no WooCommerce, você pode usar o seguinte trecho de código:

 <?php if (is_user_logged_in()): ?>

<a href="<?php echo esc_url( wc_get_account_endpoint_url( 'dashboard' ) ); ?>"><?php esc_html_e( 'Minha conta', 'woocommerce' ); ?></a>

<?php mais: ?>

<a href="<?php echo esc_url( wc_get_page_permalink( 'myaccount' ) ); ?>"><?php esc_html_e( 'Login / Register', 'woocommerce' ); ?></a>

<?php endif; ?>

Este código verifica se o usuário está logado usando a função is_user_logged_in() .

Se o usuário estiver conectado, ele exibirá um link para o painel usando a função wc_get_account_endpoint_url( 'dashboard' ) . No entanto, se o usuário não estiver conectado, ele mostrará um link para a página Minha Conta usando a função wc_get_page_permalink( 'myaccount' ) .

Você pode adicionar este código a qualquer arquivo de modelo em seu tema WooCommerce onde deseja exibir o link da minha conta. Por exemplo, você pode adicioná-lo ao seu arquivo header.php para exibir o link no cabeçalho do seu site.

5) Pedidos concluídos automaticamente

Se você deseja concluir pedidos no WooCommerce automaticamente, pode usar o seguinte trecho de código:

 // pedidos de preenchimento automático
add_action( 'woocommerce_thankyou', 'custom_woocommerce_auto_complete_order' );

função custom_woocommerce_auto_complete_order($order_id) {
if (! $order_id) {
retornar;
}

$pedido = wc_get_order($pedido_id);
$order->update_status( 'concluído' );
}

Fonte: StackOverflow

Esse código adiciona um gancho de ação à função woocommerce_thankyou , que é acionada quando um pedido é concluído. Quando este gancho é ativado, a função custom_woocommerce_auto_complete_order é executada.

A função primeiro verifica se a variável $order_id está definida. Se não estiver definido, ele retorna. Caso contrário, ele acessa o objeto de pedido da função wc_get_order() .

Por fim, ele usa o método update_status() para colocar o status do pedido em “concluído”.

Observe que o preenchimento automático de pedidos pode não atender a todos os produtos ou empresas. Portanto, é essencial considerar suas necessidades específicas antes de ativar este código.

6) Altere o número de produtos exibidos por página

Se você deseja alterar o número de produtos exibidos por página no WooCommerce, pode usar o seguinte trecho de código:

 // modificar produtos por contagem de página
add_filter( 'loop_shop_per_page', 'custom_loop_shop_per_page', 22 );
function custom_loop_shop_per_page($cols){
$cols = 14; // Altere este número para o número desejado de produtos por página.
return $cols;

}

Esse código adiciona um filtro à função loop_shop_per_page . Isso controla o número de produtos exibidos por página no WooCommerce. A função custom_loop_shop_per_page é então executada, que recebe o número atual de colunas como parâmetro.

Na função, você também pode definir a variável $cols para o número desejado de produtos por página (neste exemplo, 14). Finalmente, você obtém o número atualizado de colunas.

Alterar o número de produtos exibidos por página pode afetar a experiência do usuário e o tempo de carregamento da página. Portanto, é essencial considerar suas necessidades específicas antes de alterar essa configuração.

7) Desativar pesquisa

Para desativar a pesquisa no WordPress, você pode usar o seguinte trecho de código:

 // Desativa a pesquisa
function fb_filter_query($consulta, $erro = verdadeiro){
if ( is_search() ) {
$consulta->is_search = false;
$consulta->consulta_vars[s] = false;
$consulta->consulta[s] = false;

// para erro
if ($erro == verdadeiro)
$consulta->é_404 = verdadeiro;
}
}

add_action( 'parse_query', 'fb_filter_query' );
add_filter( 'get_search_form', create_function( '$a', "return null;" ) );

Fonte: StackOverflow

Este código usa uma função personalizada chamada custom_disable_search() para desabilitar a funcionalidade de pesquisa no WordPress. Aqui você adiciona um gancho de ação à função parse_query , acionada quando uma consulta de pesquisa é executada.

Na função, verifica se a consulta atual é uma consulta de pesquisa (is_search()); em caso afirmativo, ele define a propriedade is_search do objeto de consulta como nula. Ele também define a variável de consulta s como nula, desativando efetivamente a consulta de pesquisa.

Por fim, este trecho de código adiciona um filtro a get_search_form para ocultar o formulário de pesquisa do seu site WordPress.

8) Altere o Texto do Botão Adicionar ao Carrinho

Para alterar o texto do botão “Adicionar ao carrinho” no WooCommerce, você pode usar o seguinte trecho de código:

 add_filter( 'woocommerce_product_single_add_to_cart_text', 'custom_add_to_cart_text' );
add_filter( 'woocommerce_product_add_to_cart_text', 'custom_add_to_cart_text' );

function custom_add_to_cart_text() {
return __('Compre agora', 'woocommerce');
}

Fonte: Njengah See More

Este código adiciona dois filtros às funções woocommerce_product_single_add_to_cart_text e woocommerce_product_add_to_cart_text , que controlam o texto do botão “Adicionar ao carrinho” no WooCommerce. A função custom_add_to_cart_text() é então executada, que retorna o texto do botão atualizado.

Usamos a função __() para acessar o texto “Buy Now” definido no arquivo de tradução WooCommerce. Se você quiser alterar o texto para outra coisa, substitua 'Compre agora' pelo texto desejado.

9) Substitua o título da página da loja no WooCommerce

Para substituir o título da página da loja no WooCommerce, você pode usar o seguinte trecho de código:

 add_filter( 'woocommerce_page_title', 'custom_shop_page_title' );
function custom_shop_page_title( $page_title ) {
if('loja' == $page_title) {
return __('Novo título da loja', 'woocommerce');
}

return $page_title;
}

Este código adicionará um filtro à função woocommerce_page_title , que controla o título da página da loja WooCommerce. Em seguida, é executada a função custom_shop_page_title() , que verifica se o título da página é “shop” e, em caso afirmativo, retorna o título atualizado (“New Shop Title”).

Este trecho de código usa a função __() para acessar o texto traduzido para o título atualizado da página da loja, definido no arquivo de tradução do WooCommerce. No entanto, se você quiser alterar o texto para outra coisa, substitua 'Novo título da loja' pelo texto desejado.

Conclusão

Usar trechos de código WooCommerce para WordPress é uma maneira poderosa de personalizar sua loja online e adicionar novas funcionalidades. Por exemplo, se você deseja alterar a aparência de sua loja, o processo de pagamento ou adicionar novos recursos, os snippets de código podem ajudá-lo a atingir seus objetivos.

Para adicionar um trecho de código, cole o código no arquivo functions.php do seu tema filho ou crie um plug-in personalizado. Mas é importante lembrar que modificar o código do seu site pode ter consequências indesejadas. Portanto, sempre recomendamos criar um backup do seu site antes de fazer qualquer alteração.

Com os códigos que fornecemos acima, você pode administrar uma fantástica loja WooCommerce com muitas personalizações. Para resumir, compartilhamos trechos de

  • Adicionando uma guia de produto personalizada
  • Adicionar suporte WooCommerce a um tema
  • Adicione uma moeda personalizada ao WooCommerce
  • Exibir o link "Minha conta" em um modelo
  • Pedidos concluídos automaticamente
  • Alterar o número de produtos exibidos na loja
  • Desativar pesquisa
  • Modificar o texto do botão adicionar ao carrinho
  • Ajuste o título da página da loja

Você pode escolher um código e trabalhar com ele dependendo de suas necessidades.

Esperamos que você tenha achado este artigo útil e tenha gostado de lê-lo. Se preferir, considere compartilhar esta postagem com seus amigos e colegas blogueiros nas redes sociais. Você também pode acessar nosso arquivo de blog para aprender mais guias de WordPress/WoCommerce.

Precisamos adicionar outros snippets a este guia?

Deixe-nos saber nos comentários abaixo.

Artigos semelhantes que você pode gostar:

  • Como filtrar produtos WooCommerce por atributo
  • Melhores plugins de doação para WooCommerce
  • Melhores plug-ins do gerenciador de licenças WooCommerce