Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Code
  2. WordPress
Code

WooCommerce: Adicionando o produto breve descrição para arquivar páginas

by
Difficulty:IntermediateLength:ShortLanguages:

Portuguese (Português) translation by Rafael Corrêa Gomes (you can also view the original English article)

Final product image
What You'll Be Creating

E vem junto com o arquivo de páginas e loops que fazem um grande trabalho, mas às vezes você pode precisar exibir mais informações sobre sua loja principal e outras páginas de arquivo.

Neste tutorial, mostrarei como você pode adicionar a descrição curta do produto às suas páginas de arquivo e exibi-lo abaixo do título do produto.

O que você vai precisar

Para acompanhar, você precisará de:

  • Uma instalação de desenvolvimento do WordPress.
  • Um editor de código.
  • WooCommerce instalado e ativado.
  • Produtos adicionados — eu importar os dados de produto fictício que vem com WooCommerce; para detalhes de como fazer isso, consulte este guia.
  • Um tema compatível com WooCommerce ativado — estou usando Storefront.

Antes de começar, certifique-se que você tem e configurar. Para adicionar as descrições curtas de produto, você irá seguir três passos:

  1. Criar um plugin para a função e ativar o plugin.
  2. Adicione uma função que gera a breve descrição do produto.
  3. Identificar o gancho no WooCommerce que precisamos para ligar a função e anexar a função para o gancho.

Então vamos começar!

Criando o Plugin

No seu diretório wp-content/plugins, crie um novo arquivo PHP. Eu estou ligando a mina tutsplus-produto-arquivo-curto-descriptions.php.

Abra o arquivo no seu editor de código. Na parte superior do arquivo, adicione isto:

Isto configura o plugin e dá WordPress tudo o que precisa para ativá-lo.

Agora vá para a tela de Plugins no seu WordPress admin e encontrar o plugin:

Activating the plugin via the plugins screen

Ativá-lo agora.

No início não fará qualquer diferença, como você ainda não é preenchido. Aqui está a página principal da loja assim agora:

The site with the Storefront theme activated with no product short descriptions on the main shop archive page

Escrever uma função para a breve descrição da saída

A descrição curta para produtos em WooCommerce usa o trecho que você encontraria em posts normais, então para exibi-lo tudo que você precisa fazer é exibir o trecho para o cargo.

No seu arquivo de plugin, adicione o código a seguir:

É tão simples quanto isso! Mas agora você precisa ligar sua função para a ação correta, para que ele é a saída no lugar correto em suas páginas de arquivo.

Enganchando a função para a ação correta

Vamos dar uma olhada no arquivo em WooCommerce que exibe o conteúdo do loop no arquivo de páginas. Este arquivo é de conteúdo-product.php, e você vai encontrá-lo na pasta templates no plugin WooCommerce.

O arquivo inclui um número de anzóis de ação, os quais são usados por WooCommerce para saída de conteúdo diferente.

Como queremos mostrar nosso trecho abaixo do título do produto, precisamos usar o gancho é woocommerce_after_shop_loop_item_title. Como você pode ver o arquivo de conteúdo-product.php, já tem duas funções anexadas a ele, woocommerce_template_loop_rating() e woocommerce_template_loop_price(), que têm prioridades de 5 e 10, respectivamente. Então nós precisamos conectar nossa função com um número mais alto de prioridade garantir que ele será acionado após aqueles. Vou deixar alguma margem de manobra e usar 40 como prioridade.

Sob a sua função, adicione isto:

Agora salve seu arquivo do plugin e atualize a página da loja no seu navegador. Você vai ver agora as descrições de produto curto abaixo os nomes de produto:

The shop page with short descriptions added to products

Essas descrições (fornecidas pelos dados fictícios) são um pouco longas: pessoalmente, eu usaria descrições mais curtas em um site ao vivo. Mas você pode ver claramente as descrições exibidas nas páginas de arquivo.

Resumo

Porque WooCommerce saídas quase todo seu conteúdo usando ganchos de ação, é fácil de adicionar mais conteúdo escrevendo funções e anexá-las para os ganchos. Neste tutorial você aprendeu como adicionar pequenas descrições de produto aos seus arquivos do produto. Se você quisesse levar isto mais, você poderia incluir uma ou mais tags condicionais em sua função de fazer isto nas páginas de arquivo específico.

Seja o primeiro a saber sobre novas traduções–siga @tutsplus_pt no Twitter!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.