Magento | Woocommerce | Shopify

Por padrão todos os meios de pagamento disponível para Woocommerce mudam o status de AGUARDANDO para PROCESSANDO quando um pedido é realizado. Até aí tudo bem, já que ainda temos que indicar no pedido que a entrega foi realizada informando por exemplo o código de rastreamento dos Correios.
Mas e quando o produto é VIRTUAL e ainda para variar você não disponibiliza para para download? É aí que o STATUS nunca vai mudar, já que foi pago apenas, mas não houve interação após isso.
Vou ensina-los a corrigir esse problema que afeta quase toda a loja que vende produtos digitais.
1. Faça o download e depois a instalação desse PLUGIN.
2. Ative o plugin.
3. Agora vá em Woocommerce > Configurações e clique na Aba Autocomplete Order.
4. Selecione a opção ALL PAID ORDERS OF ANY PRODUCT.

Prontinho, agora é deixar ele trabalhar ? 

Que tal estimular seu cliente a usar um meio de pagamento dando a ele um desconto? Saiba que é possível fazer isso de forma automática utilizando um plugin. Nesse tutorial irei usar o meio de pagamento BOLETO FÁCIL, porém ele funciona com qualquer outro meio de pagamento.
Basicamente o PLUGIN gera um cupom automático quando o meio de pagamento é ativado. Vamos ao tutorial.
1. Faça o download desse plugin e instale-o. 
2. Após ativa-lo, vá em Woocommerce > Desconto na forma de pagamento.
3. Agora, configure o desconto desejado na forma de pagamento. É possível colocar valor fixo ou porcentagem. Para valor fixo, coloque 10, para 10 porcento, digite 10%.

4. Agora que salvou as configurações, é só testar. Fiz o teste e deu certo. Eu gostei desse plugin que ele ainda informa que aquele meio de pagamento tem desconto.

É isso, se tiverem alguma dúvida estou a disposição.

Imagine a situação, você entrega uma loja linda para seu cliente ou você tem uma loja linda... aí nota que alguns itens estão desalinhados devido a falta de padronização das fotos. Isso acontece quando nossos produtos possuí todas as fotos com mesma dimensão (3 por 3) e aí alguém sobe uma foto maior (3 por 4). 
Aconteceu com a minha cliente, e é mais fácil eu corrigir no código do que ensina-la a editar uma imagem rsrs... então vamos ao tutorial.
1. Vá em Aparência > Personalizar

2. Navegue até a opção Woocommerce > Imagens de Produtos.

3. Selecione a opção 1:1 e clique em PUBLICAR.

4. Esse é o resultado. A primeira foto é fruto dos novos upload do cliente, tirada pelo celular, já as demais foram recortadas por nós seguindo uma dimensão padrão.

É isso, o site voltou a ficar alinhado depois desse pequeno ajuste. Você também consegue escolher as dimensões que deseja... mas eu prefiro usar logo 1.1 para evitar que fiquem deformadas.

Imagine a situação, você tem uma lista de produtos aonde a promoção é válido somente por email, e não quer que ninguém do seu site os vejam. Saiba que é possível ocultar produtos de uma categoria específica da lista de produtos padrão. Atualmente eu uso esse em um cliente, ela quer que os produtos dos afiliados não se misturem com os itens da loja física, para isso eu uso uma ação no functions.php que oculta os produtos da loja baseado no slug da categoria.
No exemplo, irei usar o slug rafaella-piragini.

O código que você deve usar o o seguinte: 
/** * Exclude products from a particular category on the shop page */ function custom_pre_get_posts_query( $q ) { $tax_query = (array) $q->get( 'tax_query' ); $tax_query[] = array( 'taxonomy' => 'product_cat', 'field' => 'slug', 'terms' => array( 'rafaella-piragini' ), // Don't display products in the clothing category on the shop page. 'operator' => 'NOT IN' ); $q->set( 'tax_query', $tax_query ); } add_action( 'woocommerce_product_query', 'custom_pre_get_posts_query' ); E para excluir diversas categorias? É bem simples, basta inserir novos termos.
'terms' => array( 'esconder-1','esconder-2' , 'categoria-x','categoria-y' ), // Don't display products in the clothing category on the shop page. Antes: 

Depois: 

Os produtos só são acessíveis através do link absoluto ou através de filtros de widgets. 
Créditos do código: Não faço ideia, estou usando isso a bastante tempo em um cliente rsrs ?

Se você instalou um tema recém lançado em sua loja e notou que o conteúdo interno não aparece, o problema é seu tema, não o módulo!
Eu tive esse problema com minha cliente do projeto MENINA FLOR ESTÉTICA, o tema foi recém lançado e quando implantei a loja não tive sucesso. Bem, nada como um Google para resolver o caso, então pesquisei na internet no fórum de suporte informava apenas como corrigir um dos campos, se não me engano CPF.
Então usando minhas habilidades ninjas  eu crie um código que adicionava o placeholder em todos os campos que faltavam.
Antes:

Para corrigir é fácil, copie e cole o código abaixo dentro do functions.php do seu tema. Cole lá no rodapé!
add_filter( 'woocommerce_billing_fields' , 'custom_override_billing_fields' ); function custom_override_billing_fields( $fields ) { $fields['billing_first_name']['placeholder'] = 'Nome'; $fields['billing_last_name']['placeholder'] = 'Sobrenome'; $fields['billing_cpf']['placeholder'] = 'CPF'; $fields['billing_rg']['placeholder'] = 'RG'; $fields['billing_postcode']['placeholder'] = 'CEP'; $fields['billing_city']['placeholder'] = 'Cidade'; $fields['billing_number']['placeholder'] = 'Número'; $fields['billing_cnpj']['placeholder'] = 'CNPJ'; $fields['billing_phone']['placeholder'] = 'Telefone'; $fields['billing_cellphone']['placeholder'] = 'Celular'; $fields['billing_neighborhood']['placeholder'] = 'Bairro'; $fields['billing_email']['placeholder'] = 'Email'; return $fields; } Resultado

Ficou perfeito, como podem ver! O legal que é possível customizar as informações!

Hoje uma cliente me pediu para inserir a opção de cálculo de frete na página do produto. É bem fácil fazer isso e irei explicar como inserir usando um PLUGIN.
Antes:

 
Faça o download desse plugin e instale-o e ativa-lo. Também dá para ir em PLUGINS > INSTALAR e pesquisar FRETE. É a primeira opção.
Não querer nenhum tipo de configuração. Após a ativação, ele já começa a funcionar. Lembrando que é obrigatório TODOS OS PRODUTOS constarem no mínimo o PESO. Só assim o CÁLCULO funcionará.
Para o tutorial não terminar aqui, vamos trocar a cor do BOTÃO para seguir o padrão do TEMA e remover esse BACKLINK indesejado. Para fazer o isso, segue as instruções. Colem esses códigos em PERSONALIZAR > CSS ADICIONAL.
3.1. Esse CSS personalizará o BACKGROUND do BOTÃO. div#cfpp div.calculo-de-frete div#calcular-frete {background-color: #463257!important;} 3.2. Já esse CSS vai ocultar o link CFPP. 
a#cfpp_credits {display: none;} Esse é resultado final, espero que gostem ?

Para integrar sua loja virtual com os meios de pagamento do PAGSEGURO, é preciso gerar um TOKEN. Esse Token é universal e poderá ser usado em qualquer aplicação, por exemplo MAGENTO, WOOCOMMERCE ou SHOPIFY.
Vá em Minha Conta no PagSeguro e faça login. No menu direito, localize VENDAS ONLINE > INTEGRAÇÕES.
  Basta clicar em GERAR TOKEN.
O TOKEN será enviado por email, mas também dá para copia-lo.
Agora para integrar é fácil, irei usar como exemplo o MAGENTO. Acesse Sistema > Configurações > Formas de Pagamento. Localize PAGSEGURO. Agora é só digitar o TOKEN gerado e também o EMAIL principal. 
Por padrão você deve sempre colocar o email e o TOKEN. Só assim vai validar. Recomendo que faça uma compra para ter certeza que deu certo.
Pedido no Magento

Como exibiu no PAGSEGURO

Se você quer personalizar o ALT - texto alternativo no logo da sua loja, é bem simples. Essa mudança é ótima para quem quer deixar seu site patronizado para leitores de tela.

Vá em Themes > Actions > Edit Code. Localize o arquivo HEADER.LIQUID, normalmente fica em SECTIONS. Logo de início você vai encontrar o código {{ shop.name }}, certifique-se se que ele está entre as tags <a href ou <img src.

Mobile


Desktop
Basta personalizar, no meu caso será apenas HOME em ambas as linhas. Resultado

Quer customizar os termos e condições do seu site? Por padrão o texto diz : Li e concordo com o(s) termos e condições do site.
Mas em alguns casos o conteúdo não faz sentido, como é a situação do meu cliente, lá iremos vender um único evento, então dizer 'site' é estranho.
Vá em Aparência > Personalizar, também dá para ir direto no . Agora navegue até Woocommerce > Finalizar Compra, no final você encontra o campo para edição. O código [terms] é o link que clica e abre.
Resultado : 

Problemas para o cliente se localizar? Alguns lojas trabalham com a venda de apenas um produto, mas outras tem a função de vender diversos itens, eu fiz um projeto em WOOCOMMERCE para uma loja cerealista e esse é exemplo perfeito de aonde devemos inserir um comando de voltar. A questão é simples, o site possuí diversas categorias e itens e o cliente precisava retornar para a categoria e procurar aonde ele parou para continuar comprando.
Acrescentando um pequeno comando no FUNCTIONS.PHP eu consegui adicionar um javascript history.back();.

Basta inserir esse código em seu FUNCTIONS.
add_action( 'woocommerce_after_add_to_cart_form', 'my_function_sample', 10 ); function my_function_sample() { global $product; echo ' <p><h4 style="text-align:right;"><a href="#" onclick="history.back();"><i class="fas fa-arrow-left"></i> Voltar </a></h4></p> '; } Eu fiz tudo com HTML mesmo, mas também é possível inserir uma CLASSE CSS NO LINK e formatar direto. Crédito a esse tópico no site do Wordpress. Eu apenas adaptei o código. E se você quiser mudar a posição do VOLTAR, use essa site para se orientar. Aí é só trocar 'after_add_to_cart_form' por outro nome.
Quer testar? Acesse o Cerealista Monte Verde, vá para a página 2 de qualquer categoria e adicione um produto qualquer no carrinho, eu por padrão aperto backspace no teclado, mas o usuário comum fica perdido e não sabe o que fazer. Lembrando que o código é baseado no histórico.

Existe uma forma de você exibir uma descrição em seus FRETES FIXOS (Flate Rate). Por padrão o Woocommerce não permite inserir nenhuma descrição no frete fixo, então você coloca o prazo junto do título e fica feito comparado com o frete dos Correios. Com esse simples código é possível adicionar sua descrição, basta coloca-lo no functions.php do seu tema.
add_action( 'woocommerce_after_shipping_rate', 'action_after_shipping_rate', 10, 2 ); function action_after_shipping_rate ( $method, $index ) { if( 'flat_rate:10' === $method->id ) { echo __("<p><small>Entrega em 3 dias úteis</small></p>"); } if( 'flat_rate:2' === $method->id ) { echo __("<p>Arriving on your chosen date between 9am - 7pm Perfect for residential addresses</p>"); } } O código acima foi editado do ORIGINAL para exibir as informações dentro do CHECKOUT e também do CARRINHO. O número 10 representa o ID da regra. Para descobrir o ID é só acessar o link da regra no navegador, no final do link vai exibir. wp-admin/admin.php?page=wc-settings&tab=shipping&instance_id=10

Créditos ao código: LoicTheAztec 

Se você desenvolveu uma loja virtual em Woocommerce e notou ao procurar um produto, tudo fica uma bagunça, os resultados não são objetivos, existe uma forma de resolver isso.
O problema acontece por que o Wordpress é um BLOG e nós 'adaptamos' ele para funcionar como E-COMMERCE, então a busca do WORDPRESS por padrão serve tanto para título, quanto para DESCRIÇÃO.
Meu problema acontecia quando eu pesquisava termos compostos como por exemplo bicarbonato de sódio,  por padrão o Wordpress pesquisava tanto no título quanto na descrição. Por se tratar de uma loja virtual de alimentos no qual 100% dos produtos possuem tabela nutricional, quase todos os itens apareciam, já que em TODOS nós informamos o SÓDIO rsrs.
Para resolver isso é simples, basta instalar esse plugin e ativa-lo. Ele resolverá seu problema. Segue resultado.

Uma forma eficiente de garantida de trocar o logo dos emails transacionais no Magento, aqueles emails de boas vindas, pedido etc. É você fazer o seguinte;

1. Crie uma imagem com no máximo 165px de largura com a sua identidade visual. 
2. Salve a imagem com o nome logo_email.gif e fundo transparente.
3. Via FTP, envie para a pasta /skin/frontend/base/default/images/
4. Prontinho, agora seu email tem o logo personalizado.

Se você está em fase final de desenvolvimento da sua loja virtual, saiba que é importante alertar seus visitantes que aquela loja ainda não foi lançada.
No tutorial de hoje irei ensinar como colocar uma barra no topo do site informando que qualquer venda realizada na loja, não será honrada e também como personalizar essa frase.
1. Vá em Sistemas > Configurações, lá no final localize Geral > Visual.
2. Em cabeçalho, marque SIM a opção EXIBIR MENSAGEM LOJA TESTE.

3. É só limpar o cache que a mensagem será exibida na home page.

Extras!
Para personalizar a mensagem é tranquilo, ainda em configurações, vá em AVANÇADO > DESENVOLVEDOR, habilite a opção traduzir inline. Escreva o conteúdo desejado, aperte submit e depois desative a tradução inline. Limpe o cache para exibir imediatamente.

Resultado:

Se você comercializa itens ÚNICOS em sua loja virtual, não faz sentido exibir o campo QUANTIDADE. É bem fácil esconder o campo para TODOS OS PRODUTOS.

1. Copie e cole o código abaixo e insira-o no final do FUNCTIONS.PHP do seu tema.
/** * @desc Remove in all product type */ function wc_remove_all_quantity_fields( $return, $product ) { return true; } add_filter( 'woocommerce_is_sold_individually', 'wc_remove_all_quantity_fields', 10, 2 ); Resultado.

Também vai sumir do checkout! Agora se você quer tirar a opção de quantidade de produtos específicos, não de todos... é possível também - antes de tudo não use o código acima em seu functions.
1. Acesse o produto desejado em PRODUTOS > LISTA DE PRODUTOS.
2. em INVENTÁRIO, marque a opção VENDER INDIVIDUALMENTE.

Créditos: Código fonte é do stackoverflow, texto e imagens por mim.

Vamos ao tutorial!
1. Faça um backup da sua loja virtual e do banco de dados.
2. Após realizar a cópia, crie o banco de dados e usuário do banco, faça o upload do backup do banco via PHPMYADMIN.
3. Após subir o arquivo, você precisa editar o endereço da loja. Usando o BUSCA do PHPMYADMIN, vai exibir a tabela core_config_data, edite ambos clicando em EDITAR para mudar o valor da tabela para o domínio desejado.

4. Agora vamos mudar o banco de dados junto dos arquivos do MAGENTO. Vá em public_html/app/etc e abra o arquivo local.xml. Localize as chaves <host>,  <username>,  <password> e  <dbname> para mudar as informações. No meu caso foi fácil já que só tive que editar a senha. Se tiver dificuldades me chama.
5. Agora é só acessar o painel de controle da loja no novo endereço, gerar o REINDEX e liberar o CACHE.
Se algumas páginas continuar sem funcionar, é fácil de resolver... faça o download do HTACCESS do site original e suba o mesmo para o site novo. Normalmente o HTACCESS não importa quando faço o upload via CPANEL.
Resultado

Notou que seu banco de dados está gordinho?  Nesse exemplo são mais de 1GB de informações descartáveis!

Para limpar é fácil, vá em SISTEMAS > CONFIGURAÇÕES, lá no final localize AVANÇADO > SISTEMA.

Em LOG CLEANING, ative o método de limpeza. Em SAVE LOG, por padrão fica 180 dias, eu mudei para 20.
Para concluir, limpe o CACHE e em seguida e processe um REINDEX.
Agora se você não quer esperar o servidor trabalhar, vamos EXCLUIR os dados salvo no banco! Execute esse comando em seu banco de dados, será o suficiente para eliminar as tabelas. 
TRUNCATE dataflow_batch_export; TRUNCATE dataflow_batch_import; TRUNCATE log_customer; TRUNCATE log_quote; TRUNCATE log_summary; TRUNCATE log_summary_type; TRUNCATE log_url; TRUNCATE log_url_info; TRUNCATE log_visitor; TRUNCATE log_visitor_info; TRUNCATE log_visitor_online; TRUNCATE report_viewed_product_index; TRUNCATE report_compared_product_index; TRUNCATE report_event; TRUNCATE index_event; Faça um backup antes!
Fiz o download do banco de dados, como podem ver... apenas 11MB! Eliminei quase 95% de lixo.

Esse é o registro do CPANEL (tinha quase 2gb de banco de dados).

Prints por FORBIDDEEN e instruções, SQL por stackoverflow

Um código simples para ajuda-lo a expor o preço do seus produtos variáveis dentro na hora do cliente selecionar.

Por padrão não é exibido! Para exibir basta editar o arquivo FUNCTIONS.PHP do seu tema e colar o seguinte código no final;
//Add prices to variations add_filter( 'woocommerce_variation_option_name', 'display_price_in_variation_option_name' ); function display_price_in_variation_option_name( $term ) { global $wpdb, $product; $result = $wpdb->get_col( "SELECT slug FROM {$wpdb->prefix}terms WHERE name = '$term'" ); $term_slug = ( !empty( $result ) ) ? $result[0] : $term; $query = "SELECT postmeta.post_id AS product_id FROM {$wpdb->prefix}postmeta AS postmeta LEFT JOIN {$wpdb->prefix}posts AS products ON ( products.ID = postmeta.post_id ) WHERE postmeta.meta_key LIKE 'attribute_%' AND postmeta.meta_value = '$term_slug' AND products.post_parent = $product->id"; $variation_id = $wpdb->get_col( $query ); $parent = wp_get_post_parent_id( $variation_id[0] ); if ( $parent > 0 ) { $_product = new WC_Product_Variation( $variation_id[0] ); $itemPrice = strip_tags (woocommerce_price( $_product->get_price() )); //this is where you can actually customize how the price is displayed return $term . ' (' . $itemPrice . ')'; } return $term; } O código é de autoria do Derek, achei no google nesse blog. Mesmo sendo de 2013, funcionou direitinho!

Quer trocar a posição do seu botão 'comprar'? na loja WOOCOMMERCE é possível inserindo um comando no FUNCTIONS.PHP do seu tema.
/** * woocommerce_single_product_summary hook * * @hooked woocommerce_template_single_title - 5 * @hooked woocommerce_template_single_price - 10 * @hooked woocommerce_template_single_excerpt - 20 * @hooked woocommerce_template_single_add_to_cart - 30 * @hooked woocommerce_template_single_meta - 40 * @hooked woocommerce_template_single_sharing - 50 */ remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 40); add_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 15); Existe o MANUAL informando qual código você deve inserir em REMOVER e ADICIONAR NOVAMENTE o botão.
Por exemplo.
remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 40); Para remover o botão localizado no arquivo SIMPLE_META, eu devo colocar o código 40 na linha.
Já para adicionar o botão logo abaixo do PREÇO, eu coloco o 10.
add_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 10); Fiz o teste e deu certinho. Nem precisei editar o código PHP do meu tema. Fonte Github.

Lançou uma promoção e quer dar ênfase no que está em promoção? É bem fácil. Nesse tutorial irei mostrar como organizar seus produtos, nesse exemplo meu cliente queria todos os itens que são vendidos a 30 reais em primeiro, mas ele tinha itens abaixo desse valor, então organizar por preço não seria uma opção.

Acesse WOOCOMMERCE > PRODUTOS > TODOS OS PRODUTOS, clique em ORDENAÇÃO. Agora passe o mouse por cima e 'arraste e solte'... feito isso será reorganizado e salvo automaticamente. Espero ter ajudado.