Por padrão, a página WooCommerce Shop exibe tipos de produtos simples, variáveis, agrupados, agrupados e outros. Como você sabe, cada produto variável é feito de uma ou mais “variações únicas”, e estas são visíveis apenas na página do produto único.
Agora, e se você quiser exibir uma grade de todas as “variações únicas” em uma página/postagem personalizada? Bem, um shortcode pode ser codificado para que você consiga exatamente isso. Aproveitar!
Com o snippet abaixo e colocando o shortcode [single_variations] em uma página personalizada, consegui exibir todas as minhas variações de produto único em um loop, juntamente com os links de paginação acima e abaixo do loop. Quão legal?
PHP Snippet: Mostrar todas as variações únicas como produtos WooCommerce simples por meio de um código curto
No exemplo abaixo, estou mostrando 24 produtos por página (posts_per_page) e botões de paginação (woocommerce_pagination) acima e abaixo da grade de variações.
/** * @snippet Exibir todos os códigos curtos de variações individuais * @how-to Get CustomizeWoo.com GRÁTIS * @usage Coloque o código curto [single_variations] em qualquer lugar * @author Rodolfo Melogli * @ Compatible WooCommerce 7 * @donate $ 9 https://businessbloomer. com/bloomer-armada/ */ add_shortcode( ‘single_variations’, ‘bbloomer_single_variations_shortcode’ ); function bbloomer_single_variations_shortcode() { $query = new WP_Query( array( ‘post_type’ => ‘product_variation’, ‘post_status’ => ‘publish’, ‘posts_per_page’ => 24, ‘paged’ => absint( empty( $_GET[ ‘página do produto’] ) ? 1 : $_GET[‘página do produto’] ), )); if ( $query->have_posts() ) { ob_start(); wc_setup_loop( array( ‘name’ => ‘single_variations’, ‘is_shortcode’ => true, ‘is_search’ => false, ‘is_paginated’ => true, ‘total’ => count($query->posts), ‘total_pages ‘ => $query->max_num_pages, ‘per_page’ => $query->get( ‘posts_per_page’ ), ‘current_page’ => max( 1, $query->get( ‘paged’, 1 ) ), ) ) ; woocommerce_pagination(); woocommerce_product_loop_start(); while ( $query->have_posts() ) { $query->the_post(); wc_get_template_part(‘conteúdo’, ‘produto’); } woocommerce_product_loop_end(); woocommerce_pagination(); wp_reset_postdata(); wc_reset_loop(); return ob_get_clean(); } Retorna; }
Existe um plugin para isso?
Se você adora codificar, mas não se sente 100% confiante com PHP, decidi procurar um plugin confiável que alcance o mesmo resultado.
Na verdade, neste caso, escrevi um tutorial completo – ele cobre muitas alternativas de plug-ins e fornece capturas de tela e links. Aqui está:
Mas caso você odeie plugins e deseje codificar (ou queira tentar isso), continue lendo
Onde adicionar este trecho?
Você pode colocar snippets PHP na parte inferior do arquivo functions.php do seu tema filho (exclua “?>” se você o tiver lá). O CSS, por outro lado, vai para o arquivo style.css do seu tema filho. Certifique-se de saber o que está fazendo ao editar esses arquivos – se precisar de mais orientação, dê uma olhada no meu tutorial em vídeo gratuito “Onde colocar a personalização do WooCommerce?”
Esse trecho (ainda) funciona?
Por favor, deixe-me saber nos comentários se tudo funcionou como esperado. Ficarei feliz em revisar o snippet se você relatar o contrário (forneça capturas de tela). Eu testei este código com o tema Storefront, a versão WooCommerce listada acima e uma hospedagem compatível com WordPress em PHP 7.3.
Se você acha que este código economizou tempo e dinheiro, sinta-se à vontade para se juntar a mais de 14.000 assinantes do WooCommerce Weekly para atualizações de postagens de blog ou a mais de 250 apoiadores do Business Bloomer para 365 dias de benefícios do WooCommerce. Agradeço antecipadamente 🙂
Precisa de ajuda com o WooCommerce?
Confira estes tutoriais em vídeo gratuitos. Você pode aprender como personalizar o WooCommerce sem plug-ins desnecessários, como definir corretamente as configurações do plug-in WooCommerce e até mesmo como dominar a solução de problemas do WooCommerce em caso de bug!
Rodolfo Melogli
Fundador do Business Bloomer
Autor, especialista em WooCommerce e palestrante do WordCamp, Rodolfo trabalha como freelancer independente de WooCommerce desde 2011. Seu objetivo é ajudar empreendedores e desenvolvedores a superar seus pesadelos com WooCommerce. Rodolfo adora viajar, correr atrás de bolas de tênis e futebol e, claro, pizza de forno a lenha.
Siga @rmelogli
Pós-navegação
Fonte
