Como limitar títulos de produtos WooCommerce

Se os títulos dos seus produtos estiverem ficando muito longos e confusos em seu site, você pode torná-los mais curtos com um simples trecho de código. Isso pode ser particularmente útil para manter um layout de grade de produtos limpo e conciso.

Neste documento, orientaremos você no processo de como limitar títulos de produtos WooCommerce.

Como limitar títulos de produtos WooCommerce

Antes de começarmos, certifique-se de ter acesso ao painel de administração do WordPress. Em seguida, você pode seguir o guia passo a passo abaixo para limitar os títulos de produtos WooCommerce.

  • Faça login no painel de administração do WordPress.
  • Navegue até “Aparência” e clique em “Editor de Tema”.
  • No lado direito, você verá uma lista de arquivos de tema. Procure o arquivo functions.php do seu tema Astra Child. Deve estar localizado no diretório do tema.
  • Clique no arquivo “functions.php” para abri-lo para edição.
  • Depois de abrir o arquivo functions.php, você pode adicionar o seguinte trecho de código no final do arquivo.

// Limit WooCommerce product titles​​ function astra_limit_woocommerce_product_title($title, $id = null) { $limit = 40; // Set the character limit you prefer if (strlen($title) > $limit) { $title = substr($title, 0, $limit) . ‘…’; } return $title; } add_filter(‘the_title’, ‘astra_limit_woocommerce_product_title’, 10, 2);

  • Depois de adicionar o snippet de código, salve suas alterações. Basta clicar no botão “Atualizar arquivo” na parte inferior da janela de edição.

Você pode personalizar o limite de caracteres modificando a variável `$limit` dentro do código. Simplesmente altere o número na linha `$limit = 40;` para a contagem de caracteres de sua preferência.

Depois de adicionar o snippet de código, visite as páginas dos produtos WooCommerce para ver os títulos dos produtos modificados com o limite de caracteres em vigor.

Espero que este documento tenha ajudado você a entender como limitar títulos de produtos WooCommerce. Se precisar de ajuda, estamos a apenas uma mensagem de distância.

Deixe uma Resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *