Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
 Aqui são apresentados as importações das imagens de detalhe do produto no WebApp, listagem de produtos e as imagens utilizadas no catálogo do WebApp. Aqui você também irá configurar e atualizar as URL das respectivas imagens dentro do sistema.

Confira abaixo todas as etapas desta configuração.

CONTEÚDO

  1. Lista de Imagens para Produtos
  2. Importação Google Drive 

1. Lista de Imagens para Produtos

Opções para importação das imagens

Aqui 01 – XLSX PADRÃO   PADRÃO   Nessa funcionalidade você pode baixar o arquivo Excel base onde você irá editar a planilha com os códigos dos produtos e seus respectivos URLs.  

02 –  FILTRO – Campo específico para filtrar a listagem dos arquivos. Você pode filtrar por: data de início e fim da importação, total de produtos e produtos sincronizados, basta clicar nos ícones (setas). Também é possível buscar por uma importação específica em procurar. 

03 – LISTA DE IMPORTAÇÕES Este campo apresenta a listagem das importações de imagens de produtos feitas. 

04 – DROPBOX -Importação via Dropbox.05 –  GOOGLE DRIVE - Importação via Google Drive.06 – ATUALIZAR PÁGINA –Clique aqui para atualizar a página com as importações mais recentes realizadas. 
01 – DOWNLOAD XLSX PADRÃO Baixe o arquivo Excel base onde você irá inserir os códigos dos produtos e seus respectivos URLs por meio dos quais

o

sistema fará a sincronização e obterá as imagens dos produtos (URL da imagem de detalhe do produto no WebApp, URL da imagem na listagem de produtos e URL da imagem utilizada no catálogo do WebApp). 

Image Removed

Image Removed
Nota
titleOBS:

CODE: código do produto, cadastrado no ninegrid;

URL: Url da img, que está no FTP do cliente;

TIPO: 1 para imagem principal e 2 para imagens adicionais;

Aviso
title Atenção!

Não apague a primeira linha no arquivo CSV Padrão, comece a incluir as informações a partir da linha dois. As imagens devem estar em um FTP público e as mesmas devem ter tamanho máximo 450×450 pixels com extensão .JPG ou .JPEG. Verifique o tamanho e extensão antes de realizar o upload para que não sejam necessários tratamentos de imagem e o processo seja otimizado.

Nota
titleObservação!
Ao realizar esse procedimento pela primeira vez, o sistema realiza uma cópia das imagens para nosso servidor, portanto, em uma posterior atualização, caso as imagens não tenham sofrido alterações, apenas os URLs de caminho pelos quais o sistema obtém esses dados, marque o campo “Não realizar upload de imagens” antes de carregar o CSV, deste modo apenas os URLs serão atualizados.

cliente precisa ter suas imagens em um servidor público para utilizar a planilha.

02 –  GOOGLE DRIVE - 

02 –  ENVIAR ARQUIVO – Após configurar o XLSX Padrão ou outro arquivo com todas as informações necessárias dos produtos que deseja importar as imagens, clique em enviar arquivo e selecione o arquivo desejado.

03 - CARREGAR XLSX Clique em carregar XLSX para confirmar a seleção do arquivo com os dados para upload das imagens e/ou atualização das URL de direcionamento. 

04 - SUCESSO/ERRO NA IMPORTAÇÃO – Após escolhido e carregado o arquivo XLSX para atestar que a importação das imagens e/ou atualização dos URLs foi realizada com sucesso este box deverá aparecer na tela. Se o arquivo estiver formatado incorretamente, uma notificação de erro será exibida ao tentar salvar. É importante lembrar que o sistema só reconhecerá arquivos salvos no formato XLSX. Portanto, certifique-se de que o arquivo selecionado e carregado esteja neste formato.

 

1 - GOOGLE DRIVE  –

Esta funcionalidade foi criada para os clientes que possuem imagens, mas encontram dificuldades para disponibilizá-las em um FTP

. Nesses casos, basta solicitar à equipe do NINEGRID que compartilhe a pasta de arquivos, informando a pluginspace desejada. Uma vez que a pasta esteja liberada, o cliente poderá fazer o upload das fotos, seguindo a estrutura descrita no final deste arquivo. Depois disso, é só clicar no botão do drive, conforme indicado abaixo.

2 - LISTA DE IMPORTAÇÕES – Este campo apresenta a listagem das importações de imagens de produtos feitas. Aqui  você pode verificar se há alguma imagem com erro. 

Image Removed

.

03 –  DROPBOX - o Dropbox é destinado aos clientes que não tem repositório próprio, entretanto, a diferença do Drive, é que o repositório não é de propriedade da ninegrid e sim do próprio

cliente. Assim, toda a questão de contratação, é feita pelo

cliente

e suas devidas configurações

.

Segue o passo a passo abaixo:

01 –  SITE DROPBOX - Acesse o site do dropbox, escolha o plano desejado e faça sua conta

02 - URL - Acesse a URL https://www.dropbox.com/developers  e vá na opção “Crie aplicativos”:

Image Removed

03 - API - Configure a API e os acessos para seu projeto e coloque para criar sua aplicação:

Image Removed

04 - PERMISSÕES - Com a aplicação criada, vá em “Permissions”, adicione as opções “files.metadata.read” e “files.content.read”, clique em “Submit”:

Image Removed

05 - SETTINGS - Volte para opção “Settings”, desça em “Generated acess token” e clique em “Generate”, salve esse token, pois ele será usado para o Ninegrid acessar seu repositório:

Image Removed

06 - TOKEN - Por fim, será gerado o TOKEN e coloque no plugin, dentro do menu Integrações > Outros e criar integração:

Image Removed

Esta é a tela de Importações de Imagens para SKU. Aqui são apresentados as importações das imagens das variações dos produtos no WebApp.

Confira abaixo todas as etapas desta configuração.

01 – DOWNLOAD XLSX EM BRANCO   Aqui você pode baixar o arquivo XLSX Padrão onde você irá editar a planilha Excel com os códigos das variações dos produtos e seus respectivos URLs por meio dos quais o sistema fará a sincronização e obterá as imagens. Indique na planilha os códigos das SKU que receberão a imagem, informe a URL das imagens e o nome dos arquivos e suas extensões. 

Aviso
titleAtenção!

Não apague a primeira linha no arquivo XLSX Padrão, comece a incluir as informações a partir da linha dois. As imagens devem estar em um FTP público e as mesmas devem ter tamanho máximo 450×450 pixels com extensão .JPG ou .JPEG. Verifique o tamanho e extensão antes de realizar o upload para que não sejam necessários tratamentos de imagem e o processo seja otimizado.

02 – ESCOLHER ARQUIVO – Após configurar o XLSV Padrão ou outro arquivo com todas as informações necessárias das SKU que deseja importar as imagens, clique em enviar arquivo e selecione o arquivo desejado.

Nota
titleObservação!

Ao realizar esse procedimento pela primeira vez, o sistema realiza uma cópia das imagens para nosso servidor, portanto, em uma posterior atualização, caso as imagens não tenham sofrido alterações, apenas os URLs de caminho pelos quais o sistema obtém esses dados, marque o campo “Não realizar upload de imagens” antes de carregar o XLSX, deste modo apenas os URLs serão atualizados.

03 – CARREGAR ARQUIVO – Clique em carregar arquivo para confirmar a seleção do arquivo com os dados para upload das imagens e/ou atualização das URL de direcionamento. 

Aviso
titleAtenção!

Após o carregamento do XLSX, o sistema exibirá uma notificação de sucesso na importação ou de erro caso não consiga processar o arquivo, veja mais sobre na tela 2 e tela 3.

04 – ATUALIZAR PÁGINA – Clique aqui para atualizar a página com as importações mais recentes realizadas. 

05 – FILTRO – Campo específico para filtrar a listagem dos arquivos de dados para importação das imagens para SKU. Você pode filtrar por: data de início e fim da importação, total de variações e variações sincronizadas, basta clicar nos ícones (setas). Também é possível buscar por uma importação específica em procurar

06 – LISTA DE IMPORTAÇÕES – Este campo apresenta a listagem das importações de imagens de SKU feitas.


Variações – Imagens SKU 

07 – SUCESSO NA IMPORTAÇÃO – Após escolhido e carregado o arquivo XLSX para atestar que a importação das imagens e/ou atualização dos URLs foi realizada com sucesso este box deverá aparecer na tela. 

08 – ERRO NA IMPORTAÇÃO – Caso o arquivo esteja formatado de forma incorreta aparecerá esta notificação de erro. Lembre-se que o arquivo escolhido e carregado  deve estar salvo no formato XLSX, caso contrário o sistema não reconhecerá.

Image Removed
Informações
titleOBS:

Para importar imagens na seção de variações, selecione um dos repositórios disponíveis e siga as instruções apresentadas na página.

Repositórios: