Á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

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


  • 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 URLs02 –  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

    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:

    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

    Image Removed

    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.

    Image Removed

    .


    Variações – Imagens 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.
    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: