Como personalizar as páginas de produtos do WooCommerce

O que é uma página de produto do WooCommerce?

existir WordPress Instalação no sítio Web Plugin WooCommerceQuando o faz, cria imediatamente uma página de loja onde todos os produtos podem ser listados. Se o visitante clicar em qualquer item do catálogo, será levado para a página do produto correspondente. A apresentação desta página dependerá muito do tema, mas conterá algumas informações básicas sobre o produto. 

Como personalizar as páginas de produtos do WooCommerce

O painel de controlo do WordPress pode ser acedido navegando para a páginaNo separador "Produtos", localize o seu produto e selecione"Edição de produtos" para adicionar ou editar estas informações. Em alternativa, pode clicar em "Adicionar novoProdutos" para criar novos produtos.

Primeiro, adicione o título do produto eDescrição do produto. No lado direito, pode anexar imagens do produto.

Como personalizar as páginas de produtos do WooCommerce

Se descer atéDados do produtoverá que pode criar produtos simples, produtos agrupados, produtos variáveis ouProdutos subsidiários. Aqui, também pode configurar as definições de envio, atributos, produtos associados (para vendas cruzadas), etc.

Como personalizar as páginas de produtos do WooCommerce

Nesta página, também é possível selecionar uma categoria para um produto e adicionar etiquetas. Estas funcionalidades facilitam a navegação dos clientes no catálogo de produtos. 

Depois de concluir a configuração do produto, clique em"Renovação"Botão. A página de produto predefinida no front end é mostrada abaixo:

Como personalizar as páginas de produtos do WooCommerce

Como pode ver acima, esta página de produto WooCommerce contém a funcionalidade básica para vender produtos online. É importante notar que o modelo que vê no front-end do site é o mesmo para todos os produtos.

Três formas de personalizar as páginas de produtos do WooCommerce

Agora, vamos ver três formas de personalizar as suas páginas de produtos WooCommerce!

1. utilizar o editor de sítios

A beleza do WordPress é que as suas caraterísticas nativas são perfeitas para principiantes. Com a ajuda deEditor do sítioCrie belas páginas de produtos personalizadas no WooCommerce sem ter de saber escrever código.

Utilizando o editor do sítio, pode personalizar a loja virtual utilizando blocos.WooCommerceTenha o seu próprio conjunto de blocosIsto inclui a capacidade de apresentar oFiltro, Barra de pesquisa, Mais vendidosElementos de etc.

O editor de sítios funciona da mesma forma que oeditor de blocosMuito semelhante. Mas este último é utilizado parapágina webresponder com cânticosPublicações do bloguemas (não)Editor do sítiopossívelElementos globais personalizadosPor exemploCabeçalho e rodapéresponder com cânticos Modelos de páginas de produtos WooCommerce

tomar nota de: só pode ser utilizado em temas de blocosEditor do sítio. Se estiver a utilizar o tema Classic, terá de consultar este guia para obter informações sobre oO terceiro método.

Além disso, o conteúdo de cada página de produto só pode ser acedido através do"Produto".e abra o projeto no editor de backend para o modificar (como mostrado anteriormente). O que queremos fazer é personalizar os componentes da página e os estilos da página de produto WooCommerce.

Primeiro, vá paraAparência → Editore, em seguida, clique emmodelo.

Como personalizar as páginas de produtos do WooCommerce

Desloque-se para baixo atéWooCommercesecção e selecionarProduto únicoModelo.

Como personalizar as páginas de produtos do WooCommerce

Em seguida, clique no ícone de lápis para abrir o modelo no editor.

Como personalizar as páginas de produtos do WooCommerce

Primeiro, pode ver que o modelo é cinzento.

Como personalizar as páginas de produtos do WooCommerce

Clique na área do modelo e ser-lhe-á pedido que converta o modelo num bloco. Clique no botão"Converta em blocos"para continuar.

Como personalizar as páginas de produtos do WooCommerce

As páginas de produtos do WooCommerce podem agora ser editadas utilizando blocos.

Como personalizar as páginas de produtos do WooCommerce

Se não está familiarizado Blocos do WordPresstalvezEditor do sítioExistem várias formas úteis de ajustar esta página:

Alterar a apresentação da página

Para ajustar a apresentação da página.Clique no bloco maior e selecione o bloco principal.

Como personalizar as páginas de produtos do WooCommerce

O menu horizontal deve então apresentar setas para poder mover essa parte da página para a esquerda ou para a direita.

Como personalizar as páginas de produtos do WooCommerce

Também pode deslocar blocos ou grupos de blocos para cima e para baixo.

Como personalizar as páginas de produtos do WooCommerce

Além disso, para adicionar um bloco, basta passar o rato sobre a área onde o pretende inserir e clicar no botãosinal de mais + (matemática).

Como personalizar as páginas de produtos do WooCommerce

Se quiser modificar a apresentação, é preferível adicionar blocos de colunas ou grupos.

Também é possível fazer alterações globais a um layout de modelo, selecionando-o e abrindo as definições de bloco.

Como personalizar as páginas de produtos do WooCommerce

existirabertura (jargão do xadrez)Em baixo, pode optar por alterar o alinhamento e a posição do desenho. É até possível convertê-lo em "pegajosidade". Isto significa que não desaparece quando o visitante percorre a página.

Se estiver satisfeito com as alterações, clique na parte superior do ecrãBotão "Guardar".

Altere as cores e os tipos de letra

Na página do produtoTipos de letra personalizadose cores, pode garantir que o design é coerente com a marca visual. 

Para modificar as cores no editor do sítio, selecione o elemento a editar e abra-o no lado direitodefinição de bloco.

Como personalizar as páginas de produtos do WooCommerce

Os elementos que podem ser alterados dependem do bloco, mas normalmente é possível modificar as cores do texto, do fundo e das ligações.

Por defeito, é possível escolher entre as cores predefinidas do tema.

Como personalizar as páginas de produtos do WooCommerce

Se clicar em "Nenhuma cor selecionada"da região terá um seletor de cores.

Como personalizar as páginas de produtos do WooCommerce

Aqui, a cor pode ser selecionada arrastando o rato. Se for selecionada uma cor com pouco contraste, o botãoEditor do sítio WebHaverá até dicas.

Como personalizar as páginas de produtos do WooCommerce

Também pode introduzir códigos de cor HEX, HSL ou RGB específicos. Esta é a melhor opção, uma vez que corresponde à cor exacta da empresa.

existirOpções de "Composição".pode alterar o tamanho do texto para Pequeno, Médio, Grande, etc.

Para aceder a mais definições de tipo de letra, clique em "Tipografia".Três pontos um ao lado do outro.

Como personalizar as páginas de produtos do WooCommerce

Existem muitas opções aqui. Basta clicar para as selecionar e adicioná-las à listatipográficoMenu.

Como personalizar as páginas de produtos do WooCommerce

Se não pretender estas definições, pode sempre desmarcá-las.

Adicionar um novo bloco

Quer adicionar elementos às suas páginas de produtos? O editor do sítio torna-o possível.

Por exemplo, quando estiver a realizar uma promoção em todo o site, pode adicionar um bloco de banner na parte superior do modelo.

Como personalizar as páginas de produtos do WooCommerce

Ou, se quiser fazerNavegação mais fácil para os clientesPode adicionar um bloco de pesquisa à página.

Como personalizar as páginas de produtos do WooCommerce

Crie vários tipos de páginas de produtos

Como pode ver acima, existem várias formas de personalizar o modelo de Página de Produto WooCommerce no Editor do Site. As alterações efectuadas serão reflectidas em todas as páginas de produtos do WooCommerce.

Sendo um tipo de retalho, precisa de criar modelos únicos para tipos ou categorias de produtos específicos. Exemplo:

  • Lançamento de novo produtoCrie uma página de produto única para um novo produto a ser lançado.
  • Promoções de fériasCrie uma página de vendas para uma categoria de produtos durante a época festiva.

Isto garante que a página é mais relevante e atractiva.

Para criar vários modelos para diferentes finalidades, aceda à secçãoAparência → Editor → Modelos. Em seguida, clique no sinal de mais para adicionar um novo modelo e selecione a opçãoItens individuais: produtos.

Como personalizar as páginas de produtos do WooCommerce

Isto cria um novo modelo de página de produto, mas apenas para um produto. Selecione o produto pretendido no menu para abrir o Editor de Sites.

Como personalizar as páginas de produtos do WooCommerce

Por defeito, o sistema pede-lhe um esquema pré-existente. A opção preferida deve ser um modelo genérico de página de produto.

Como personalizar as páginas de produtos do WooCommerce

A utilização de padrões pré-existentes pode ajudar a acelerar o processo de conceção. No entanto, este passo pode ser ignorado se estiver a começar do zero.

Agora, se voltar aomodeloe clique novamente no sinal de mais para adicionar um novo modelo, verá uma seleção decategoria (product_cat) doOpções.

Como personalizar as páginas de produtos do WooCommerce

O modelo aplicar-se-á a uma categoria específica, como acessórios, vestuário ou decoração. 

Basta selecionar a sua categoria e começar a criar o modelo. Passos com "Itens individuais: produtos"As opções são as mesmas.

2) Utilizar a extensão WooCommerce

Ao utilizar o tema de blocos, o editor do site pode personalizar os modelos de páginas de produtos WooCommerce de diferentes formas sem ter de tocar numa única linha de código. 

No entanto, não permite alargar a funcionalidade da página. Felizmente, existem muitas extensões do WooCommerce que o podem ajudar a conseguir isso, mesmo para principiantes sem conhecimentos técnicos. 

Nesta secção, apresentaremos algumas ferramentas que podem modificar as páginas de produtos utilizando a nova funcionalidade. Por conveniência, dividimos estas extensões em três casos de utilização:Crie produtos avançados, optimize as páginas de produtos do WooCommerceresponder com cânticosAumentar as vendas.

Criação de produtos avançados

Se uma loja online WooCommerce oferece produtos personalizados ou variantes de produtos premium, é necessária uma extensão WooCommerce para facilitar a venda destes artigos. Abaixo, vamos dar-lhe uma vista de olhos.

Variantes avançadas de produtos

Como personalizar as páginas de produtos do WooCommerce

O WooCommerce pode criar produtos variáveis por defeito, mas as definições para estes itens podem ser um pouco limitadas. 

Se for oferecido um grande número de estilos, cores ou tamanhos diferentes de produtos, considere a possibilidade de utilizar oVariantes avançadas de produtosExtensão. Isto pode ajudar a apresentar as variantes de produtos de forma mais eficaz para que os clientes possam compreender melhor as suas opções.

Por exemplo, é possível definir propriedades globais para criar amostras de variantes. Estas amostras podem apresentar cores, imagens, vídeos e textos diferentes para criar apresentações de produtos eficazes. 

Além disso, a extensão pode personalizar a biblioteca de variantes e criar tabelas para apresentar claramente as opções disponíveis.

Designer de produtos WooCommerce

Como personalizar as páginas de produtos do WooCommerce

Por exemplo, para os tipos de bens personalizados, é necessárioDesigner de produtos WooCommerceferramentas como esta. Esta extensão adiciona à página "Produtos personalizados"Botão.

Os seus clientes poderão adicionar imagens, clipart, formas e modelos aos seus produtos. Podem até adicioná-los ao seu carrinho de compras diretamente a partir da página de design. Também cria ficheiros para impressão, o que ajuda a facilitar a produção de artigos personalizados.

Produtos compósitos

Produtos compostos e complementares

Produtos compostosé uma extensão poderosa, ideal para lojas online que lidam com encomendas complexas. Ajuda os clientes a configurar produtos que contêm várias partes, simplificando assim o fluxo de trabalho e tornando-o tão fácil de utilizar quanto possível.

A beleza dos produtos compostos reside no facto de ter suporte integrado para pacotes de produtos. Isto significa que, quando os clientes criam os seus produtos exclusivos, podem escolher entre todos os itens disponíveis no catálogo.

Calculadora de preços com fórmula para WooCommerce

Como personalizar as páginas de produtos do WooCommerce

Alguns produtos personalizados requerem mais recursos, como tecido ou madeira extra. A criação de páginas de produto para estes produtos pode ser logisticamente difícil sem as ferramentas corretas.

A forma tradicional de vender estes produtos é contactar o cliente e apresentar-lhe um orçamento. Mas isso atrasa consideravelmente o processo de venda. De facto.Principais razões pelas quais os compradores abandonam os carrinhosUm deles é o facto de não poderem calcular o custo total de uma encomenda à partida.

Isso éCalculadora de preço por fórmula alargada para WooCommerceOnde é que pode ser útil. Utilizando esta ferramenta, pode adicionar campos com fórmulas e regras para calcular o preço final de um produto. Isto pode acomodar medidas únicas como o comprimento, o volume, etc. 

WooCommerce Wholesale

Como personalizar as páginas de produtos do WooCommerce

Venda os seus artigos por grosso se tiver um grande stock. WooCommerceVenda por grossoA extensão fornece-lhe tudo o que precisa para começar.

Podem ser criadas e geridas várias funções de utilizador grossista e podem ser definidos preços baseados em funções. Também inclui um criador de formulários de registo do tipo "arrastar e largar" para que possa criar aplicações de venda por grosso.

Existe também a opção de ocultar os produtos e preços por grosso dos clientes habituais. Pode ainda obter um painel de controlo por grosso que apresenta relatórios sobre vendas, reembolsos, encomendas e muito mais. Desta forma, é possível ver os seusWooCommerce Comércio grossistaComo está a correr.

Optimize as páginas de produtos

Possui as competências necessárias para vender o produtoFuncionalidade mínimavital. Mas se quiser criarPáginas de produtos de alta conversãoque pode acrescentar algum interesse.

Eis algumas extensões que podem ajudar a melhorar as páginas de produtos do WooCommerce.

Imagens 360º para WooCommerce

Como personalizar as páginas de produtos do WooCommerce

Quando os clientes compram artigos de grandes dimensões, como electrodomésticos ou mobiliário, podem querer deslocar-se àpágina de checkoutInforme-se previamente sobre o produto com o máximo de pormenor possível. 

Embora as especificações completas dos produtos, as fotografias e os vídeos possam ser muito úteis, o fornecimento de imagens de 360º pode ajudar a dar vida aos produtos. 

Se tiver tempo para ver todos os ângulosFotografar produtos. Imagem 360º para WooCommercepode ajudar a criar este efeito visual útil. Esta extensão é muito fácil de utilizar e de responder. 

Também inclui controlos de navegação e oferece um modo de ecrã completo para que os clientes possam ter uma boa ideia do que tem para oferecer.

WooCommerce Checkout de uma página

Como personalizar as páginas de produtos do WooCommerce

O processo de checkout longo e complicado é a principal razão pela qual os clientes abandonam os carrinhos de comprasUm. Por conseguinte, é possível utilizarWooCommerce One Page Checkout Vá lá!Simplifique o processo.

Tal como o nome sugere, esta extensão cria páginas de produtos personalizadas que orientam diretamente os compradores para a realização de uma compra. Pode adicionar ou remover artigos do seu carrinho de compras e concluir o pagamento sem esperar que uma nova página seja carregada.

Esta ferramenta é perfeita para sítios Web com menos produtos ou páginas de destino específicas relacionadas com campanhas de marketing. 

Gestor de etiquetas do WooCommerce

Como personalizar as páginas de produtos do WooCommerce

bemAs descrições dos produtos ajudam a aumentar as vendas. Para além disso.Otimização dos motores de busca (SEO) com base nos produtosÉ crucial para qualquer loja de comércio eletrónico. As descrições dos produtos podem ser utilizadas como oportunidades orgânicas para integrar palavras-chave e melhorar o desempenho do sítio Web nos resultados de pesquisa.

Aumente as vendas de produtos 

Agora, aqui estão algumas ferramentas para ajudar a aumentar as vendas do WooCommerce utilizando métodos de marketing tradicionais e mais subtis.

Flash Promocional Pro

Como personalizar as páginas de produtos do WooCommerce

Criar um sentido de urgênciaAjuda a aumentar as conversões. Um método comum que utilizamos é fazer uma oferta por tempo limitado.

Venda Flash ProAdicione esta funcionalidade às páginas de produtos do WooCommerce e forneça uma forma personalizável de destacar estas vendas no seu site: incluindo a apresentação do preço original versus o preço de venda para tornar o artigo mais atrativo.

Lista de desejos do WooCommerce

marque uma consultaCompradores online de 40%afirmaram que os retalhistas teriam uma melhor experiência de utilizador se oferecessem listas de desejos. Dado que a percentagem é tão elevada, todas as lojas em linha deveriam acrescentar esta funcionalidade à sua lista de prioridades.

Listas de desejos do WooCommerceForneça aos clientes um controlo total da privacidade e a possibilidade de criar listas de desejos ilimitadas. Não têm de se preocupar em registar-se no site, pois podem registar-se comoidentidade do hóspedeGuarde a sua lista de desejos.

Recomendação de produtos

Como personalizar as páginas de produtos do WooCommerce

Se pretende aumentar as suas receitas globais, as estratégias de up-selling e cross-selling, recomendando produtos relacionados, são uma das formas mais eficazes de o fazer.

fazer uso deRecomendação de produtosque pode fornecer automaticamente sugestões inteligentes aos clientes. Por exemplo, a ferramenta pode mostrar produtos relacionados na mesma categoria ou artigos que são frequentemente comprados em conjunto.

Pode gerar automaticamente recomendações com base no histórico de navegação recente de um comprador. Os relatórios úteis também o podem ajudar a determinar os produtos maisEstratégias de encaminhamento eficazes.

Complementos de produtos

Como personalizar as páginas de produtos do WooCommerce

As extensões de produtos sãoAumento do AOVOutro método inteligente. Este método é útil para pequenas boutiques ou lojas em linha que podem oferecer um elevado grau de personalização das encomendas.

ofertascomplementoAs extensões podem ajudá-lo a fazê-lo em alguns passos simples. Pode utilizar menus pendentes, caixas de texto, caixas de verificação, imagens de amostra, etc. para integrar estas extensões. 

Ao utilizar esta ferramenta, os suplementos de produtos podem ser aplicados globalmente ou a produtos individuais. Além disso, a extensão é compatível com outras ferramentas populares, como aAssinaturas do WooCommerceresponder com cânticosReservas do WooCommerce.

embalagem do produto

Como personalizar as páginas de produtos do WooCommerce

Desde que tenha um pequeno número de artigos no catálogo da sua loja, é possível obtê-los a partir doOfereça pacotes de produtosno WooCommerce. Embora o WooCommerce não forneça esta funcionalidade por defeito, pode utilizar a funçãoPacotes de produtosextensão para o obter.

Esta ferramenta pode agrupar produtos simples e variáveis do WooCommerce. Pode até recomendar produtos opcionais e oferecer descontos por volume. Além disso, é possível personalizar o aspeto dos pacotes e dos produtos agrupados.

Também vale a pena referir que a extensão é compatível tanto com bens físicos como virtuais. Pode ser utilizada paraprograma em linharesponder com cânticosAssinaturas e outros produtos.

3. utilização de códigos personalizados

Também é possível modificar a página do produto utilizando um código personalizado. Se estiver a utilizar oTema predefinidoNão disponívelEditor do sítioEste método é particularmente útil. 

tomar nota deModificar diretamente os ficheiros de tema de um sítio Web é um processo delicado. Sem conhecimentos técnicos, pode acabar porDanos no sítio Webe causar tempo de inatividade. 

Tendo isto em conta, deve assegurar-se de que, antes de proceder à operaçãoCópia de segurança da sua loja WooCommerce. É melhor utilizar um site de teste para experimentar as suas definições personalizadas. 

Depois, quando estiver pronto para que as alterações entrem em vigor, pode utilizar a funçãoTemas filhos do WordPress. Desta forma, as definições personalizadas não se perdem com quaisquer actualizações do tema principal.

Agora, pode utilizar alguns dos seguintes métodos para modificar as páginas de produtos do WooCommerce utilizando código personalizado.

Utilizar CSS personalizado

Se quiser personalizar o estilo de uma página de produto do WooCommerce utilizando código.CSSÉ a melhor escolha. Tem a capacidade de modificar cores, tipos de letra, ligações e muito mais. 

Existem várias formas de o conseguir. Vamos dar uma olhadela.

No editor de sítios

Para adicionar CSS às suas páginas de produtos utilizando o editor do site, aceda à secçãoAparência → Editor → Estilos → CSS adicionais.

Como personalizar as páginas de produtos do WooCommerce

O código pode ser colocado noCSS adicionalCaixa.

Por exemplo, se pretender alterar a cor do título de um produto, pode utilizar o seguinteTrecho de código:

h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {

    cor: #ffffff.

    product_title { cor: #ffffff; letter-spacing: 1px;

    margem inferior: 10px !important;

}

Basta substituir "fffff" pelo seu código de cor preferido. 

Em alternativa, se pretender alterar o tamanho do tipo de letra, pode utilizar a opçãoEste excerto de código CSS::

.woocommerce div.product .product_title { font-size: 25px; }

Certifique-se apenas de quepostoBasta fazer as suas alterações.

Naturalmente, estes são apenas alguns exemplos simples, mas as oportunidades são infinitas. Se estiver interessado em saber mais, pode consultar oDocumentação CSS do WordPress.

No personalizador

Se o seu tema não suportar a edição completa do site, o código CSS deve ser adicionado ao personalizador. Para o fazer, vá aAparência → Personalização → CSS adicionais.

Como personalizar as páginas de produtos do WooCommerce

O CSS tem aqui a mesma funcionalidade que tem no editor de sítios.

No seu subtópicostyle.cssDocumentos

O último sítio onde pode adicionar CSS no WordPress é ostyle.cssficheiro. Mais uma vez, é necessária a utilização de temas secundários para garantir que as alterações não se perdem nas actualizações.

mudar paraAparência → Editor de ficheiros do tema.

Como personalizar as páginas de produtos do WooCommerce

Por defeito, deve selecionar ostyle.csspapéis. Caso contrário, basta clicar no lado direito do ecrã no menuPapel temáticoBasta seleccioná-lo no menu.

Qualquer CSS pode então ser adicionado à parte inferior do ficheiro. Quando terminar, basta actualizá-lo.

Utilizar PHP

O CSS é ótimo para alterar o aspeto do WordPress, mas não acrescenta funcionalidade às páginas de produtos do WooCommerce. 

Para o fazer manualmente com código, precisa de utilizar PHP, que pode ser adicionado aoficheiro functions.phpou utilize oTrechos de códigoe outros plug-ins.

Como personalizar as páginas de produtos do WooCommerce

Para utilizadores experientes do WordPress, experimente algumas das seguintes opções:

Ganchos do WooCommerce (acções e filtros)

Para aqueles que preferem modificar manualmente os elementos do WooCommerce, pode utilizar a opçãoGanchos do WooCommerceEstes fragmentos de código PHP são capazes de executar Estes trechos de código PHP são capazes de executar o comando "equipamento"e"(máquina) filtro" para modificar a página de produto do WooCommerce.

Eis um exemplo de uma operação útil:

/**

 * Permitir códigos curtos em excertos de produtos

 */

se (!function_exists('woocommerce_template_single_excerpt')) {

   função woocommerce_template_single_excerpt( $post ) {

      global $post;

       if ($post-&gt;post_excerpt) echo '<div itemprop="description">' . do_shortcode(wpautop(wptexturize($post-&gt;post_excerpt))) . '</div>';

   }

}

Ao implementar este hook, é possível definir oCódigos curtos para adicionar aos excertos dos seus produtos

Ao mesmo tempo, se quisermosMostrar o link do arquivo de atributos do produtoPode utilizar o seguinte excerto de código:

/**

 * Mostrar ligações de arquivo de atributos de produtos

 */

add_action( 'woocommerce_product_meta_end', 'wc_show_attribute_links' );

// se quiser mostrá-lo na página de arquivo, substitua "woocommerce_product_meta_end" por "woocommerce_shop_loop_item_title"

função wc_show_attribute_links() {

global $post;

$attribute_names = array( '<attribute_name>', '<another_attribute_name>' ); // Adicione aqui os nomes dos atributos e lembre-se de acrescentar o prefixo pa_ ao nome do atributo

foreach ( $attribute_names as $attribute_name ) {

$taxonomy = get_taxonomy( $attribute_name ); }

if ( $taxonomy &amp;&amp; ! is_wp_error( $taxonomy ) ) {

$terms = wp_get_post_terms( $post-&gt;ID, $attribute_name );

$terms_array = array();

        Se ( ! empty( $terms ) ) {

        foreach ( $terms as $term ) {

      $archive_link = get_term_link( $term-&gt;slug, $attribute_name ) ;

      $full_line = '<a href="/pt/' . $archive_link . '/">'. $term-&gt;name . '</a>';

      array_push( $terms_array, $full_line );

        }

        echo $taxonomy-&gt;labels-&gt;name . ': ' . implode( ', ' . $terms_array ); .

        }

     }

    }

}

Os hooks do WooCommerce também fornecem uma série deFunção de filtro para editar os dados do produto. Por exemplo, o seguinte trecho de código pode ser utilizado para reordenar as etiquetas dos produtos:

/**

 * Reordene os separadores de dados do produto

 */

add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 );

função woo_reorder_tabs( $tabs ) {

$tabs['reviews']['priority'] = 5; // Reviews first

$tabs['description']['priority'] = 10; // Descrição em segundo lugar

$tabs['additional_information']['priority'] = 15; // Informações adicionais terceiro

return $tabs;

}

Em alternativa, pode adicionar separadores personalizados:

/**

 * Adicione um separador de dados de produto personalizado

 */

add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' );

função woo_new_product_tab( $tabs ) {

// Adiciona o novo separador

$tabs['test_tab'] = array(

'title' =&gt; __( 'Novo separador de produto', 'woocommerce' ),

'priority' =&gt; 50,

'callback' =&gt; 'woo_new_product_tab_content'

);

retorne $tabs.

}

função woo_new_product_tab_content() {

// O conteúdo do novo separador

echo '<h2>Separador Novo produto</h2>';

ecoe '<p>Aqui está o seu novo separador de produtos.</p>';

}

Modelos de páginas globais

Outra opção quando utiliza o código PHP do WooCommerce é começar do zero!Crie modelos globais personalizados de páginas de produtos.ter em contaEste método não se aplica a temas de blocos.

Em primeiro lugar, o novo ficheiro deve ter o nometemplate-custom-product.phpe escreva um comentário PHP aberto no topo, indicando o nome do modelo:

<?php /* Template Name: Example Template */ ?>

Neste caso, pode utilizar "Modelos globais de páginas de produtos personalizados"talvezConteúdo semelhanteSubstitua"Exemplos de modelos".

Este modelo imitará a página de produto padrão do WooCommerce. Pode depois ser modificado conforme necessário utilizando ganchos web.

Aumente as vendas com páginas de produto personalizadas do WooCommerce

A personalização das páginas de produtos do WooCommerce pode ajudá-lo a apresentar os seus produtos de forma eficaz. Também pode fornecer aos clientes mais opções e criar uma experiência única que agrade ao seu público. Como mencionado acima, existem várias formas de editar esta página.

Se estiver disponível um tema de blocos, pode modificar o aspeto do modelo global utilizando o editor do sítio. Para adicionar mais funcionalidades, pode instalar a extensão WooCommerce. Para utilizadores experientes do WordPress, pode utilizar CSS ou PHP, mas tenha cuidado com este processo.


Contactar-nos
Não consegue ler o artigo? Contacte-nos para obter uma resposta gratuita! Ajuda gratuita para sítios pessoais e de pequenas empresas!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correio eletrónico: info@361sale.com
Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados
Publicado por photon fluctuations, retweetado com atribuição:https://www.361sale.com/pt/13386/

Como (1)
Anterior 12 de julho de 2024 am11:06
Seguinte Terça-feira, 12 de julho de 2024 às 11:25.

Recomendado

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Contactar-nos

020-2206-9892

QQ咨询:1025174874

Correio eletrónico: info@361sale.com

Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados

Serviço ao cliente WeChat
Para facilitar o registo e o início de sessão de utilizadores globais, cancelámos a função de início de sessão por telefone. Se tiver problemas de início de sessão, contacte o serviço de apoio ao cliente para obter assistência na ligação do seu endereço de correio eletrónico.