Como personalizar a imagem do produto em um WooCommerce
dezembro 26, 2022
Mas isso pode parecer um pouco complicado para aqueles que ainda não lidam com todas as ferramentas e programas que o WordPress inclui, como o WooCommerce.
O WooCommerce também lhe dá a possibilidade de que todas as suas vendas sejam feitas de forma limpa, rápida e organizada. Você pode criar e oferecer a seus clientes notas fiscais eletrônicas e anexar arquivos de pagamento graças ao WooCommerce Checkout Manager.
O que eu preciso para ter uma imagem de produto no WooCommerce?
Para trabalhar com esta ferramenta de e-commerce, será necessário ter uma conta na plataforma WordPress e estar inscrito em um plano.
Este último é essencial porque, como você já deve saber, WooCommerce é um plugin para este serviço de gerenciamento de conteúdo. E todas as extensões são exclusivas para clientes assinantes.
Além disso, é aconselhável ter em mãos as imagens a serem utilizadas , bem como o restante das informações pertinentes em relação aos produtos.
Tendo isso pronto e presente, você pode começar a trabalhar no estabelecimento e customização de uma imagem de produto no WooCommerce .
Do zero: criando o produto
Antes de poder adicionar ou customizar qualquer imagem, será necessário criar o elemento ou produto com o qual você trabalhará e que ficará à disposição dos clientes.
Para isso, você deve abrir e logar no WordPress, então o personalizador ou ” WP Admin ” está localizado no painel do lado esquerdo .
Desta forma, ele nos redirecionará para a tela do administrador da conta, onde você pode acessar, a partir do menu lateral, na seção ” WooCommerce “, a guia ” Produto “.
Assim, abrir-se-ão as opções a partir das quais escolher ” Adicionar novo “, para que possamos preencher os campos com a informação correspondente ao artigo ou serviço.
Antes de clicar em ” Publicar “, deve-se inserir a imagem, caso contrário a plataforma colocará uma por padrão, que será vista ao acessar o link do produto.
Personalizando a imagem padrão
Agora, para personalizar a imagem que será exibida por padrão, é melhor ter a imagem para vincular na ” Biblioteca de mídia ” do nosso WordPress.
Em seguida, você deverá ir ao mesmo ” WP Admin “, mas desta vez escolhendo a aba ” Media ” e depois ” Library ” para poder clicar no arquivo desejado.
Quando a visualização dele é aberta, o link da imagem pode ser copiado do lado direito. Por meio deste link, a imagem do produto será adicionada no WooCommerce.
O próximo passo consiste em acessar o arquivo ” funtions.php ” ou diretamente ao plugin ” Snippets “, sendo este último o mais recomendado.
Em seguida, localizamos a guia ” Snippets ” no painel lateral e clicamos no modo ” Adicionar novo “, e continuamos a colar o seguinte código:
add_filter (‘woocommerce_placeholder_img_src’, ‘bp_woo_placeholder’, 10);
function bp_woo_placeholder ($ image_url) {
$ image_url = »;
return $ image_url;}
Por fim, o link para a imagem da biblioteca que copiamos antes será colado entre aspas e, dessa forma, a imagem padrão terá sido alterada.
Personalize a imagem de um produto com WooCommerce
Se o que pretende é personalizar uma imagem específica para um determinado produto, deve abrir o ” WP Admin ” e em ” WooCommerce ” ir até ” Imagens do produto “.
Nesta seção, será possível caracterizar tanto as imagens individuais dos produtos, quanto aquelas apresentadas em miniatura no catálogo.
Em seguida, você pode alterar a ” Largura da imagem principal ” e a ” Largura da miniatura “, colocando os valores desejados em números.
Além disso, é permitido definir configurações de corte específico em imagens em miniatura para “ 1: 1 ”, “ Personalizado ” e “ Sem corte ”.
Portanto, caberá ao usuário decidir como personalizar a imagem do produto com WooCommerce, então teremos que esperar que as alterações sejam feitas de forma satisfatória.
Se o produto que você deseja personalizar está em alta demanda e você já está sem estoque, o WooCommerce oferece a possibilidade de ocultá-los momentaneamente.
Se você está interessado no mundo das vendas online, lembre-se de usar também o aplicativo Instagram Shooping para tornar seus produtos mais públicos.
