Magento | Woocommerce | Shopify

Já deve ter notado que o carrinho do Woocommerce fica com diversas informações desnecessárias para calcular um frete. Nesse pequeno tutorial vou ensiná-los a remover isso.

1. Vá em editar Aparência > Editor de arquivos de tema > e localize o arquivo FUNCTIONS.PHP 

2. Adicione as 3 linhas de código no final do seu código e clique em ATUALIZAR ARQUIVO.
 
add_filter( 'woocommerce_shipping_calculator_enable_country', '__return_false' ); add_filter( 'woocommerce_shipping_calculator_enable_city', '__return_false' ); add_filter( 'woocommerce_shipping_calculator_enable_state', '__return_false' ); Prontinho, agora vá no carrinho e veja o resultado final.

O código eu peguei nesse link, fotos e texto é de minha autoria.

Por padrão o Woocommerce mantém exposto o campo PAÍS, mesmo quando nós deixamos apenas um país selecionado em países permitido para comprar. Para remover isso e tornar seu checkout mais limpo é simples, adiciona essa linha CSS em seu tema.
#billing_country_field { display: none; } Você pode adicionar em Aparência > Personalizar. Localize a opção CSS adicional, cole o texto acima e salve.

1. Instalei esse plugin.
2. Vá em WP-ADMIN > Woocommerce > Configurações > Integração > Correios
3. Ative essa opção e salve.

Uma coisa que é bem comum acontecer quando você desenvolve sua loja virtual, sãos os campos do checkout ficarem bagunçados. As vezes isso ocorre quando você desativa algum campo no módulo ou então seu tema não é totalmente compatível com ele.

Mas como resolver esse problema? É simples. Esse plugin possuí classes CSS no qual indica quando o campo fica em PRIMEIRO e em SEGUNDO. Nesse exemplo, o BAIRRO está alinhado a esquerda e a cidade a direita. Ao realizar a correção invertendo a classe form-row-first você resolve o problema.
1. Acesse o FTP e vá em /wp-content/plugins/woocommerce-extra-checkout-fields-for-brazil/includes/
2. Abra o arquivo class-extra-checkout-fields-for-brazil-front-end.php
3. Localize o campo que deseja editar, eu irei editar o billing_city (Cidade) e billing_neighborhood (Bairro). Por volta da linha 241 você localiza.

4. Na linha 250 em billing_neighborhood, localize form-row-first e toque por form-row-last
5. Já na linha 257 em billing_city, localize form-row-last e troque por form-row-first.
Use o código abaixo como exemplo.
$new_fields['billing_neighborhood'] = array( 'label' => __( 'Neighborhood', 'woocommerce-extra-checkout-fields-for-brazil' ), 'class' => array( 'form-row-last', 'address-field' ), 'clear' => true, 'priority' => 65, ); if ( isset( $fields['billing_city'] ) ) { $new_fields['billing_city'] = $fields['billing_city']; $new_fields['billing_city']['class'] = array( 'form-row-first', 'address-field' ); } 6. É só salvar e substituir pelo arquivo que está no ar. 
Esse é o resultado final.

Espero que ajude-os.

Pré Requisitos
1. Instalado o Product CSV Import Suite - Dá para baixa-lo em https://ggbr.me/UltraPack
2. Instale também o Open Office ou Libre Office.
3. Crie uma planilha em EXCEL com os atributos básicos, como NOME/DESCRIÇÃO/CATEGORIA/CÓDIGO/PESO e IMAGEM.
 

Um dos melhores recursos disponíveis no Woocommerce é a permitir que uma relação de itens seja encontrado baseado em seus atributos, ou seja... se quer por exemplo exibir divulgar todos seus produtos com a cor AZUL usando um único link é possível, para isso faça o seguinte.
1. Vá em Produtos > Atributos.

2. Selecione o atributo desejado e clique em EDITAR.

3. Marque a opção ATIVAR ARQUIVO e salve.

Para pegar o link é fácil, acesse qualquer item que possua esse atributo, clique em ATRIBUTOS DO PRODUTO. Vai notar que o atributo virou um link.
Exemplo: 

O mais interessante é o link, ficando em seusite.com.br/atributo/nome, no meu exemplo ficaria embalagem/par

Se você quer deixar a navegação mais limpa, é fácil... basta ocultar os produtos fora de estoque do seu site. Para isso faça o seguinte.
1. Vá em Woocommerce > Configurações.
2. Clique em Produtos e em seguida Inventário.

3. Localize a opção 'visibilidade dos produtos fora de estoque' e salve as alterações.

Pronto, agora seus produtos sem estoque somem da loja.

1. Acesse seu WP-ADMIN.
2. Vá em Aparência > Personalizar.
3. Localize a opção Woocommerce > Catálogo de produto.
4. Em PADRÃO DE ORDENAÇÃO DE PRODUTOS, selecione a opção ORDEM PERSONALIZADA + NOME.

5. Agora vá em PRODUTOS.
6. Clique em ORGANIZAR.
7. Vai liberar a setinha, é só mover o item para cima ou baixo. Para facilitar filtre os itens por categoria.

Pessoal, através desse código você será capaz de exibir os atributos dos seus produtos após a breve descrição. A vantagem é que você evita que um cliente mal avisado questione o produto que comprou.
Exemplo: Como pode notar, as informações adicionais estão acima do botão comprar.

Para usar, é só copiar e colar esse código no arquivo functions.php localizado na raiz do seu tema.
 
function cw_woo_attribute(){ global $product; $attributes = $product->get_attributes(); if ( ! $attributes ) { return; } $display_result = ''; foreach ( $attributes as $attribute ) { if ( $attribute->get_variation() ) { continue; } $name = $attribute->get_name(); if ( $attribute->is_taxonomy() ) { $terms = wp_get_post_terms( $product->get_id(), $name, 'all' ); $cwtax = $terms[0]->taxonomy; $cw_object_taxonomy = get_taxonomy($cwtax); if ( isset ($cw_object_taxonomy->labels->singular_name) ) { $tax_label = $cw_object_taxonomy->labels->singular_name; } elseif ( isset( $cw_object_taxonomy->label ) ) { $tax_label = $cw_object_taxonomy->label; if ( 0 === strpos( $tax_label, 'Product ' ) ) { $tax_label = substr( $tax_label, 8 ); } } $display_result .= $tax_label . ': '; $tax_terms = array(); foreach ( $terms as $term ) { $single_term = esc_html( $term->name ); array_push( $tax_terms, $single_term ); } $display_result .= implode(', ', $tax_terms) . '<br />'; } else { $display_result .= $name . ': '; $display_result .= esc_html( implode( ', ', $attribute->get_options() ) ) . '<br />'; } } echo $display_result; } add_action('woocommerce_single_product_summary', 'cw_woo_attribute', 25); O código eu peguei daqui. 

Hoje é comum os e-commerce realizarem o pedido sem a necessidade de exibir cadastro, eu particularmente prefiro. Porém, alguns cliente não 'notam' que a conta não foi criada e querem ver os detalhes do pedido gerado, mas sem login como resolver? É simples, vamos criar uma página de acompanhamento de pedidos.
Vá em páginas > adicionar nova. Em título digite Acompanhe seu Pedido. Se você usa visual composer, clique em adicionar elemento > aba WooCommerce e selecione Order Tracking Form.
Agora se você é raiz, use o código abaixo dentro do do conteúdo da página. [woocommerce_order_tracking]
Agora é só publicar a página. Segue o resultado.


Ah sim, caso seu site usa coluna direta ou esquerda como padrão, recomendo remove-las.

Se você tem um E-Commerce feito em Woocommerce e já se perguntou qual o motivo, razão e circunstância dessa opção DOWNLOADS estar em MINHA CONTA, eu tenho a resposta. 
Essa aba é usada quando vendemos produtos digitais. Para realizar a remoção dela sem instalar PLUGIN ou adicionar algum comando no FUNCTIONS é bem simples.
1. Vá em Woocommerce > Configurações e depois vá na aba Avançado.

2. Em ENDPOINTS da conta, limpe o campo DOWNLOADS e aperte SALVAR ALTERAÇÕES.

3. Por incrível que pareça, funciona.

Eu também estou surpreso! 

Hoje uma cliente me pediu para adicionar o campo CPF e RG no PDF do pedido do Woocommerce. A ideia é ajudar ela a emitir as notas fiscais. Para fazer isso é simples, basta copiar e colar esse código no FUNCTIONS.PHP do seu tema. Lembre-se que precisa ter o WooCommerce Print Invoice & Delivery Note instalado.
function example_custom_order_fields( $fields, $order ) { $new_fields = array(); if( get_post_meta( $order->get_id(), '_billing_cpf', true ) ) { $new_fields['_billing_cpf'] = array( 'label' => 'CPF', 'value' => get_post_meta( $order->get_id(), '_billing_cpf', true ) ); } if( get_post_meta( $order->get_id(), '_billing_rg', true ) ) { $new_fields['_billing_rg'] = array( 'label' => 'RG', 'value' => get_post_meta( $order->get_id(), '_billing_rg', true ) ); } return array_merge( $fields, $new_fields ); } add_filter( 'wcdn_order_info_fields', 'example_custom_order_fields', 10, 2 ); Segue resultado final.

Agora isso não é mais possível e a mensagem “Não há métodos de envio disponíveis” é apresentada.
Para contornar este problema, idealmente você deve cadastrar o peso das suas mercadorias em cada produto dentro do WooCommerce. Dessa forma você terá um cálculo correto dos custos. No entanto, muitas vezes, por se vender produtos extremamente leves ou por já ter dezenas ou centenas de itens cadastrados sem peso essa tarefa pode demorar — ou nem fazer sentido.
Para resolver isso, estou disponibilizando um pequeno snippet que, se nenhum informação de peso for passada ao plugin WooCommerce Correios, então o peso será 300 gramas. Se algum peso for informado, então este será utilizado normalmente.
Basta copiar e cola no final do seu functions.php do tema. Fiz o teste e deu certinho.
add_filter( 'woocommerce_correios_shipping_args', 'fa_min_correios_weight' ); function fa_min_correios_weight( $args ) { $args['nVlPeso'] = ! $args['nVlPeso'] ? 0.3 : $args['nVlPeso']; return $args; } Antes, print da própria cliente.

Depois:

Fala pessoal, nesse tutorial irei explicar como exibir seus produtos de forma aleatória em sua loja virtual woocommerce. Confesso que não é algo muito 'amigável' porém tem clientes que gostam desse tipo de função.
Por padrão o Woocommerce permite selecionar apenas esse tipo de opção, inclusive eu ensinei a um tempo atrás Como reorganizar os produtos no catálogo no Woocommerce. Nesse tutorial eu irei explicar como habilitar a opção aleatória.


1. Copie e cole esse código dentro do seu functions.php.
 
add_filter( 'woocommerce_get_catalog_ordering_args', 'custom_woocommerce_get_catalog_ordering_args' ); function custom_woocommerce_get_catalog_ordering_args( $args ) { $orderby_value = isset( $_GET['orderby'] ) ? woocommerce_clean( $_GET['orderby'] ) : apply_filters( 'woocommerce_default_catalog_orderby', get_option( 'woocommerce_default_catalog_orderby' ) ); if ( 'random_list' == $orderby_value ) { $args['orderby'] = 'rand'; $args['order'] = ''; $args['meta_key'] = ''; } return $args; } add_filter( 'woocommerce_default_catalog_orderby_options', 'custom_woocommerce_catalog_orderby' ); add_filter( 'woocommerce_catalog_orderby', 'custom_woocommerce_catalog_orderby' ); function custom_woocommerce_catalog_orderby( $sortby ) { $sortby['random_list'] = 'Random'; return $sortby; } 2. Agora vá em Personalizar > Woocommerce > Catálogo de Produtos. Selecione a última opção.

3. Prontinho, agora toda vez os produtos vão ser exibidos de forma aleatória.
Créditos ao código: wearedoubledot, fotos e imagens eu mesmo.

Nesse tutorial irei explicar como destacar um produto, normalmente produtos destacados no Woocommerce aparecem em algum widget específico em seu layout, como apenas 2 passos você consegue fazer com que seu produto apareça nessa widget feature.
1. Vá em Produtos > Todos os Produtos
2. Clique sobre o produto desejado e em seguida Editar.
3. Agora no bloco Publicar, localize visibilidade do catálogo, clique em Editar.

4. Selecione a opção Este é um produto em destaque, aperte OK e em seguida ATUALIZAR.

Ps: Também é possível torna-lo DESTAQUE através da lista de produtos, clique em Editar rápido, logo após 'visibilidade' você encontrará a opção de Destaque, é só marcar e atualizar.

Prontinho, agora seu produto foi destacado e vai aparecer em seu widget.

 

Se você criou um cupom de desconto e notou que o valor do desconto não é calculado corretamente ao sub total, saiba é simples resolver. Isso acontece em especial quando usamos o PHP 7 para rodar no Magento. Existe duas formas para resolver isso. A primeira é trocar o PHP no CPANEL, porém não recomendo muito, já que pode afetar outras aplicações. O segundo método é atualizar um arquivo no source, foi o que fiz e deu certo.
1. Acesse o FTP e localize: app/code/core/Mage/Sales/Model/Config/Ordered.php
2. Comente esse código
 
/** * Aggregate before/after information from all items and sort totals based on this data * * @return array */ protected function _getSortedCollectorCodes() { if (Mage::app()->useCache('config')) { $cachedData = Mage::app()->loadCache($this->_collectorsCacheKey); if ($cachedData) { return unserialize($cachedData); } } $configArray = $this->_modelsConfig; // invoke simple sorting if the first element contains the "sort_order" key reset($configArray); $element = current($configArray); if (isset($element['sort_order'])) { uasort($configArray, array($this, '_compareSortOrder')); } else { foreach ($configArray as $code => $data) { foreach ($data['before'] as $beforeCode) { if (!isset($configArray[$beforeCode])) { continue; } $configArray[$code]['before'] = array_unique(array_merge( $configArray[$code]['before'], $configArray[$beforeCode]['before'] )); $configArray[$beforeCode]['after'] = array_merge( $configArray[$beforeCode]['after'], array($code), $data['after'] ); $configArray[$beforeCode]['after'] = array_unique($configArray[$beforeCode]['after']); } foreach ($data['after'] as $afterCode) { if (!isset($configArray[$afterCode])) { continue; } $configArray[$code]['after'] = array_unique(array_merge( $configArray[$code]['after'], $configArray[$afterCode]['after'] )); $configArray[$afterCode]['before'] = array_merge( $configArray[$afterCode]['before'], array($code), $data['before'] ); $configArray[$afterCode]['before'] = array_unique($configArray[$afterCode]['before']); } } uasort($configArray, array($this, '_compareTotals')); } $sortedCollectors = array_keys($configArray); if (Mage::app()->useCache('config')) { Mage::app()->saveCache(serialize($sortedCollectors), $this->_collectorsCacheKey, array( Mage_Core_Model_Config::CACHE_TAG ) ); } return $sortedCollectors; } 3. Cole logo em seguida esse código.
 
/**** Note: While applying coupon code, Totals are not updating due to uasort not working in php7 then modified the _getSortedCollectorCodes() function as shown below. ****/ protected function _getSortedCollectorCodes() { if (Mage::app()->useCache('config')) { $cachedData = Mage::app()->loadCache($this->_collectorsCacheKey); if ($cachedData) { return unserialize($cachedData); } } $configArray = $this->_modelsConfig; // invoke simple sorting if the first element contains the "sort_order" key reset($configArray); $element = current($configArray); Mage::log(var_export($element,true)); if (isset($element['sort_order'])) { uasort($configArray, array($this, '_compareSortOrder')); } else { foreach ($configArray as $code => $data) { foreach ($data['before'] as $beforeCode) { if (!isset($configArray[$beforeCode])) { continue; } $configArray[$code]['before'] = array_unique(array_merge( $configArray[$code]['before'], $configArray[$beforeCode]['before'] )); $configArray[$beforeCode]['after'] = array_merge( $configArray[$beforeCode]['after'], array($code), $data['after'] ); $configArray[$beforeCode]['after'] = array_unique($configArray[$beforeCode]['after']); } foreach ($data['after'] as $afterCode) { if (!isset($configArray[$afterCode])) { continue; } $configArray[$code]['after'] = array_unique(array_merge( $configArray[$code]['after'], $configArray[$afterCode]['after'] )); $configArray[$afterCode]['before'] = array_merge( $configArray[$afterCode]['before'], array($code), $data['before'] ); $configArray[$afterCode]['before'] = array_unique($configArray[$afterCode]['before']); } } foreach ($configArray as $code => $data) { $largest_small = $smallest_large = 0; foreach ($data['after'] as $afterCode) { if(isset($configArray[$afterCode]['sort_order']) && $largest_small < $configArray[$afterCode]['sort_order']) $largest_small = $configArray[$afterCode]['sort_order']; } foreach ($data['before'] as $beforeCode) { if(isset($configArray[$beforeCode]['sort_order']) && ($smallest_large == 0 || $configArray[$beforeCode]['sort_order'] < $smallest_large)) $smallest_large = $configArray[$beforeCode]['sort_order']; } if($smallest_large <= $largest_small+1){ $add = $largest_small+1-$largest_small; if($smallest_large == 0) $smallest_large = $largest_small+1; foreach ($configArray as $code1 => $data1) { if(!isset($data1['sort_order'])) break; if($smallest_large <= $data1['sort_order']) $configArray[$code1]['sort_order'] += $add; } } $configArray[$code]['sort_order'] = $largest_small+1; } uasort($configArray, array($this, '_compareSortOrder')); } $sortedCollectors = array_keys($configArray); if (Mage::app()->useCache('config')) { Mage::app()->saveCache(serialize($sortedCollectors), $this->_collectorsCacheKey, array( Mage_Core_Model_Config::CACHE_TAG ) ); } return $sortedCollectors; } 4. É só salvar e enviar. Se tiver com preguiça de fazer, só baixar o arquivo anexado ao tutorial. 

Créditos ao site Stackexchange, eu apenas traduzi as instruções.
Ordered.php

Nesse tutorial irei explicar como criar uma categoria nova na sua loja virtual Woocommerce e adiciona-la no menu principal da sua loja.
Vá em Produtos > Categorias.
Em nome digite o nome deseja-lo, caso seja uma sub categoria de uma categoria já existente, selecione a categoria mãe em, Categoria ascendente. Feito isso clique em Adicionar Nova Categoria.
Agora vá em Aparência > Menu. Selecione o menu que deseja aplicar, o meu será em CATEGORIAS.
No canto direito terá a opção Categoria de Produtos, selecione o item desejado e clique em Adicionar ao menu.  Feito isso é só salvar! Seu link será exibido.

Se você quer facilitar a navegação dos seus clientes em sua loja virtual, evitando que o cliente acesso todos os itens uma boa pedida é criar atributos específicos para seus itens, como por exemplo TAMANHO, COR, NCM etc e usar esses campos como filtros.
Porém, se quer ir além e deseja exibir os atributos no catálogo de produtos, existe uma forma simples, vamos começar com o ANTES;

1. Faça o download desse plugin.
2. Instale-o e ative-o indo em Plugins > Instalar Novo.
3. Agora vá em Woocommerce > Configurações > Aba Show Attributes.

4. Para exibir os atributos na página, selecione a opção Show Attributes on Shop Pages, selecione a opção desejada. Eu gosto que seja exibido acima do preço (above price).

5. Prontinho, já está feito!

6. Quero reforçar que eu fiz um design personalizado para os meus atributos, deixando o título em negrito e a fonte pequena. Caso queira fazer também é só usar esse CSS.
/* Tutorial Pixel Project */ .custom-attributes .attribute-label {font-weight: bold;} .custom-attributes {font-size:12px;} .custom-attributes .attribute-label {font-weight: bold;} Funções extras dessa ferramenta!
1. Quer esconder alguns atributos? Vá em produtos > editar produto desejado, em Dados do Produto clique na aba Atributos > Selecione o atributo desejado (SALA) e desmarque a opção 'Visível na página do produto'.

Resultado: 

2. Quer transformar os atributos em links? Quando o cliente clicar vai filtrar! É bem simples: Vá em Woocommerce > Configurações > Produtos > Show Attributes, no final da página selecione a opção Show Attribute Terms as Links

3. Quer reorganizar a ordem? É bem tranquilo.. Vá em produtos > editar produto desejado, em Dados do Produto clique na aba Atributos, passe a mouse por cima do atributo, segure o botão do mouse e arreste-o para a posição desejada. Depois é só salvar.

É isso aí... esse módulo tem mais um montão de funções... para exibir dimensões, peso etc. Mas eu só gosto mesmo de exibir os atributos.

Nesse tutorial irei explicar como instalar um APP na plataforma Shopify. O bacana dessa plataforma é que não querer nenhum tipo de conhecimento técnico para fazer tal ação, vamos ao tutorial.
Vá até o Marketplace do Shopify, clicando nesse link. Localize o app (aplicativo) desejado, irei instalar esse aqui no modo teste. Lembre-se de estar logado no painel administrativo, se não estiver ele vai pedir para que faça login! Clique no botão Adicionar APP
Vai perguntar qual loja deseja instalar, é comum aparecer isso caso seu email administre diversas lojas, clique em Entrar.
Após apertar entrar, ele vai direciona-lo para o painel administrativo, vai exibir todos os acessos que o APP pedirá. Clique em INSTALL APP para autorizar.
Pronto, a instalação foi concluída. Se o APP requerer algum tipo de configuração extra, é só seguir o passo a passo individual. Espero ter ajudado.

Uma das vantagens do Woocommerce é a simplicidade de como funciona. Nesse tutorial irei ensina-lo a colocar o código gerado no Google Ads, ou como alguns chamam por aí, um EVENTO na página de agradecimento do pedido, ou aquela página que exibe os detalhes do pedido.
1. Vá até o Google Ads e crie uma ação. Feito isso salve o código.
2. Agora no seu Wordpress, vá em Plugins > Instalar Novo e pesquise por: Google Ads, Instale e ative a opção a seguir.

3. Agora vá em Woocommerce > Google Ads Conversion Tracking.
4. Preencha os campos com as informações que pediram.

Prontinho, está feito.