Histórico da Página
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.
Nesse menu terá algumas opções para fazer a importação das imagens dos produtos e suas variações que serão apresentadas no WebApp/sua loja virtual. Confira abaixo todas as etapas desta configuração. |
CONTEÚDO
Importação via XLSX
Padrões a Serem Seguidos pelos Repositórios
1. Lista de Imagens para Produtos
Opções para importação das imagens
01 – XLSX PADRÃO – Nessa funcionalidade 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).
| Nota | ||
|---|---|---|
| ||
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 | ||
|---|---|---|
| ||
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 | ||
|---|---|---|
| ||
| 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.
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
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”:
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.Variações – Imagens SKU
| Informações | ||
|---|---|---|
| ||
Para importar imagens na seção de variações, selecione um dos tipos de repositóriorepositórios disponíveis e siga as instruções mencionadas anteriormenteapresentadas na página. REPOSITÓRIOSRepositórios: Índice | | |
| maxLevel | 2 | minLevel | 2
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas