{"id":5632,"date":"2018-02-26T14:21:51","date_gmt":"2018-02-26T17:21:51","guid":{"rendered":"https:\/\/www.kinghost.com.br\/wiki\/?post_type=article&p=5632"},"modified":"2022-08-01T09:10:03","modified_gmt":"2022-08-01T12:10:03","slug":"woocommerce-imagens-do-produto","status":"publish","type":"article","link":"https:\/\/king.host\/wiki\/artigo\/woocommerce-imagens-do-produto\/","title":{"rendered":"Adicionar imagens do produto na loja WooCommerce"},"content":{"rendered":"\n

Precisa adicionar as imagens do produto em sua loja WooCommerce? Entenda como as imagens s\u00e3o tratadas dentro do seu ecommerce e saiba como gerenci\u00e1-las.<\/em><\/p>\n\n\n\n

<\/span>Tipos de imagens no WooCommerce<\/span><\/h2>\n\n\n\n

O Woo usa 3 tipos de imagens para produtos. Elas s\u00e3o usadas em diferentes locais cada qual com sua finalidade.<\/p>\n\n\n\n

\u27a1 Imagem do Produto<\/strong> – \u00c9 a imagem principal do produto na p\u00e1gina de detalhes do produto;
\u27a1 Galeria de imagens do Produto<\/strong> – S\u00e3o imagens de tamanho m\u00e9dio que aparecem na p\u00e1gina de produtos, p\u00e1gina de categorias, produtos relacionados, entre outros – essas imagens tamb\u00e9m v\u00e3o compor as varia\u00e7\u00f5es do sua produto na p\u00e1gina do produto (frente e verso de uma blusa, por exemplo);
\u27a1 Thumbnails do Produto<\/strong> – S\u00e3o imagens pequenas usadas no Carrinho, Widgets e demais locais com imagens pequenas.<\/p>\n\n\n\n

<\/span>Adicionar imagens do produto<\/span><\/h2>\n\n\n\n

O gerenciamento de imagens do produto fica dentro da edi\u00e7\u00e3o de produto. Para editar ou adicionar um novo produto voc\u00ea deve ir no menu Produtos<\/strong> em seu painel administrativo. A localiza\u00e7\u00e3o das ferramentas fica ao lado direito da edi\u00e7\u00e3o do produto (veja o destaque na imagem abaixo).<\/p>\n\n\n\n

\"WooCommerce<\/a><\/figure>\n\n\n\n

<\/span>Adicionar a imagem principal do produto<\/span><\/h2>\n\n\n\n

Dentro da edi\u00e7\u00e3o do produto, na caixa Imagem do Produto<\/strong>, clique em Definir imagem do produto<\/u><\/span>.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Surgir\u00e1 uma janela id\u00eantica a de adicionar imagens padr\u00f5es do WordPress. Como o funcionamento \u00e9 o mesmo, basta buscar imagens em sua biblioteca de m\u00eddia do site ou fazer o upload de uma imagem presente em seu computador. Assim que a imagem for carregada ela ser\u00e1 exibida na box de Imagem do Produto<\/em>. Ao clicar em Publicar<\/span> ou Atualizar<\/span> a imagem j\u00e1 ser\u00e1 exibida na p\u00e1gina do produto.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

<\/span>Adicionar uma galeria de imagens do produto<\/span><\/h2>\n\n\n\n

Esse recurso \u00e9 bem \u00fatil quando voc\u00ea precisa mostrar v\u00e1rias fotos do seu produto, exibindo, por exemplo, cores diferentes e \u00e2ngulos diferentes do produto. O processo de adi\u00e7\u00e3o dessas imagens \u00e9 basicamente o mesmo. Basta ir na caixa Galeria de imagens do produto<\/strong> e clicar em Adicionar galeria de imagens do produto<\/u><\/span> para come\u00e7ar a adicionar imagens. Voc\u00ea pode organizar a ordem de exibi\u00e7\u00e3o simplesmente movendo as imagens entre si.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

<\/span>Visualizando as imagens no site<\/span><\/h2>\n\n\n\n
\"\"<\/a><\/figure><\/div>\n\n\n\n

Acesse a p\u00e1gina do produto que acabou de editar para verificar as adi\u00e7\u00f5es de imagens. No nosso exemplo acima ficou da seguinte forma:
<\/p>\n\n\n\n

<\/span>Como alterar ou remover essas imagens<\/span><\/h2>\n\n\n\n

\u00c9 bem simples. Para remover a imagem principal, em Imagem do produto<\/em> clique em Remover imagem do produto<\/u><\/span>. Para remover imagens da galeria, basta deixar o cursor do mouse em cima da imagem que quer remover e clicar no \u00edcone de exclus\u00e3o.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Documenta\u00e7\u00e3o oficial do WooCommerce: https:\/\/docs.woocommerce.com\/document\/adding-product-images-and-galleries\/<\/a><\/small><\/p>\n","protected":false},"author":9,"featured_media":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","article-category":[22],"article-tag":[],"class_list":["post-5632","article","type-article","status-publish","format-standard","hentry","article-category-wordpress"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t