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

Lista de Imagens para Produtos
Importação via XLSX
Importação Google Drive
Importação via Dropbox
Padrões a Serem Seguidos pelos Repositórios

1. Lista de Imagens para Produtos

01 – XLSX PADRÃO – Aqui 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.

2. Importação via XLSX

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).

OBS:

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;

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.

Observaçã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.

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.

3. Importação via Google Drive

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.

4. Importação via Dropbox

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”:

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

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”:

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:

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

07 - IMPORTAR IMAGENS - Após isso, basta clicar em Dropbox, no menu Importação de imagens > Produtos. Após isso, as imagens serão importadas

5. Padrões a Serem Seguidos pelos Repositórios

1 - PADRÃO - Agora que as funcionalidades foram detalhadas, vamos abordar os padrões que os repositórios devem seguir.

6 .Variações – Imagens SKU

Aqui são exibidas as importações de imagens das variações de produtos no WebApp.

OBS:

Para importar imagens na seção de variações, selecione um dos tipos de repositório e siga as instruções mencionadas anteriormente.

REPOSITÓRIOS:

Árvore de páginas

VD - Importações de imagens