{"id":3644,"date":"2022-06-28T00:13:00","date_gmt":"2022-06-28T03:13:00","guid":{"rendered":"https:\/\/www.magenteiro.com\/blog\/?p=3644"},"modified":"2022-06-20T02:43:33","modified_gmt":"2022-06-20T05:43:33","slug":"trocar-foto-padrao-placeholder","status":"publish","type":"post","link":"https:\/\/www.magenteiro.com\/blog\/magento-2\/trocar-foto-padrao-placeholder\/","title":{"rendered":"Como trocar a imagem padr\u00e3o do Magento"},"content":{"rendered":"\n

Sempre que a imagem de um produto n\u00e3o \u00e9 encontrada, o logo do Magento \u00e9 exibido em seu lugar.<\/p>\n\n\n\n

\"Loja<\/figure>\n\n\n\n

Na maior parte das vezes, a foto do produto ainda ser\u00e1 adicionada por outro administrador. Mas isso n\u00e3o nos d\u00e1 o direito de deixar nossa loja feia, n\u00e3o \u00e9 mesmo?<\/p>\n\n\n\n

Al\u00e9m de causar uma m\u00e1 impress\u00e3o, s\u00f3 quem conhece o Magento entende o que isso significa. A maioria dos clientes sequer sabe o que \u00e9 Magento.<\/p>\n\n\n\n

Como trocar a imagem padr\u00e3o (placeholder) em 3 passos<\/h2>\n\n\n\n

1. Fa\u00e7a login na \u00e1rea administrativa<\/h3>\n\n\n\n

E v\u00e1 at\u00e9 Lojas > Configura\u00e7\u00f5es > Configura\u00e7\u00e3o (Stores > Settings > Configuration)<\/p>\n\n\n\n

Abra o menu de Cat\u00e1logo e clique na op\u00e7\u00e3o Cat\u00e1logo.<\/p>\n\n\n\n

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

2. Fa\u00e7a upload das imagens<\/h3>\n\n\n\n

Expanda o grupo “Espa\u00e7os reservados da imagem de produto” (Product Image Placeholders) e escolha 4 imagens para substituir cada tipo de placeholder.<\/p>\n\n\n\n

\"Upload<\/figure>\n\n\n\n

O tema da loja \u00e9 o respons\u00e1vel por definir que tamanho de imagem \u00e9 solicitado em cada lugar. Certifique-se de enviar 4 imagens em tamanhos diferentes de acordo com suas necessidades.<\/p>\n\n\n\n

Recomendo que n\u00e3o utilize imagens com tons fortes. Afinal, n\u00e3o queremos chamar aten\u00e7\u00e3o para produtos sem fotos.<\/p>\n\n\n\n

3. Salve suas configura\u00e7\u00f5es<\/h3>\n\n\n\n

E limpe os caches de configura\u00e7\u00e3o, e full page cache.<\/p>\n\n\n\n

Definindo as imagens de placeholder no tema<\/h2>\n\n\n\n

Alternativamente, voc\u00ea pode definir as imagens padr\u00e3o diretamente no seu tema. Isto \u00e9 feito ao sobrescrever as imagens padr\u00e3o, localizadas em <module-catalog>\/view\/base\/web\/images\/product\/placeholder\/<\/code>.<\/p>\n\n\n\n

Para isso, basta que voc\u00ea coloque 4 novas imagens em <seu-tema>\/Module_Catalog\/web\/images\/product\/placeholder<\/code> com os seguintes nomes:<\/p>\n\n\n\n

  • image.jpg<\/li>
  • small_image.jpg<\/li>
  • swatch_image.jpg<\/li>
  • thumbnail.jpg<\/li><\/ul>\n\n\n\n

    Desta forma, dispensar\u00e1 qualquer configura\u00e7\u00e3o no admin. Apenas lembre-se que ao especificar uma imagem via admin, ela ser\u00e1 usada no lugar daquela do seu tema.<\/p>\n\n\n\n

    Exemplos de thumbnails pra voc\u00ea usar<\/h2>\n\n\n\n

    Criei 5 exemplos de placeholders pra voc\u00ea usar na sua loja ou tema Magento. Voc\u00ea pode fazer download dos 4 tamanhos separados em pastas e prontos pra usar.<\/p>\n\n\n\n

    \n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n
    Imagens padr\u00e3o para produtos sem foto no Magento<\/figcaption><\/figure>\n\n\n\n

    Para fazer download, preencha os dados abaixo.<\/p>\n\n\n\n