Skip to main content

Edição de Produto

📌 Identificação

  • Documento: Edição de Produto

  • Criado por: Camilo Mascarenhas

  • Contato (criador): pm.camilomascarenhas@gmail.com

  • Data de criação: 08/04/2026

  • Última atualização: 08/04/2026

  • Atualizado por: Camilo Mascarenhas

  • Contato (última edição): pm.camilomascarenhas@gmail.com

  • Versão: 1.0

  • Status: Ativo

  • Responsável técnico: Davi Júnior

  • Histórico de versões:

    • v1.0 — Criação do documento

Edição de Produto

Visão Geral

A edição de produto permite que o vendedor altere informações de itens já cadastrados na plataforma.

O fluxo utiliza a estrutura do Dokan, mas com forte simplificação visual e funcional para reduzir erros de uso.


Fluxo Geral

  1. Usuário acessa o painel do vendedor
  2. Entra na lista de produtos
  3. Localiza o produto já cadastrado
  4. Acessa a ação de edição
  5. Altera os dados disponíveis
  6. Salva as mudanças
  7. Produto atualizado passa a refletir na loja pública

Estrutura da Edição

A tela de edição reaproveita praticamente o mesmo formulário do cadastro de produto.

Campos disponíveis para edição:

  • Nome do produto
  • Imagem do produto
  • Preço
  • Descrição

Observações:

  • O preço continua opcional
  • O produto pode permanecer sem preço
  • A edição foi simplificada para usuários sem conhecimento técnico

Campos Ocultados na Edição

A tela de edição também remove diversos campos padrão do WooCommerce e do Dokan.

Campos ocultados:

  • Tipo de produto
  • Preço promocional
  • Estoque
  • SKU
  • Atributos
  • Variações
  • Produto relacionado
  • SEO
  • Frete
  • Taxas
  • Descrição curta
  • Marca
  • Tags
  • Configurações adicionais do WooCommerce

Motivo:

  • Reduzir complexidade
  • Evitar configurações incorretas
  • Manter consistência com o modelo vitrine da plataforma

Comportamento do Sistema

Ao editar um produto:

  • As alterações são aplicadas diretamente ao item existente
  • O produto continua vinculado à loja do vendedor
  • A exibição pública reflete o conteúdo atualizado após o salvamento

Não existe:

  • Fluxo de aprovação
  • Revisão intermediária
  • Versionamento de alterações

Interface no Desktop e Mobile

A área de listagem e edição foi adaptada para melhorar a usabilidade.

Desktop

  • Mantém estrutura mais próxima da listagem padrão
  • Ação de edição disponível na lista de produtos

Mobile

  • A listagem de produtos foi adaptada para formato de cards
  • A navegação foi simplificada
  • Ações principais foram reorganizadas para toque

Customizações Aplicadas

CSS

Responsável por:

  • Ocultar campos avançados
  • Simplificar a interface de edição
  • Ajustar o layout da listagem de produtos
  • Adaptar a visualização mobile em cards

PHP

Responsável por:

  • Sustentar regras de comportamento do produto
  • Manter compatibilidade com produtos sem preço
  • Ajustar fluxos relacionados à lógica da plataforma

Dependências

  • Dokan Pro (estrutura de listagem e edição)
  • WooCommerce (modelo de produto)
  • CSS (remoção e simplificação visual)
  • Code Snippets (regras complementares)

Observações Importantes

  • A edição não segue o comportamento padrão completo do WooCommerce
  • Parte da experiência depende de regras visuais, não apenas de permissões reais
  • Alguns elementos podem estar apenas ocultos, não removidos estruturalmente
  • Alterações em CSS ou snippets podem reexpor campos ou quebrar o fluxo

Riscos

  • Atualizações do Dokan podem alterar a estrutura da tela
  • Mudanças no CSS podem expor campos não previstos
  • Alterações em snippets podem impactar salvamento ou exibição
  • O mobile é particularmente sensível a mudanças na estrutura da listagem

Diagnóstico

  1. Verificar acesso ao painel do vendedor
  2. Testar carregamento da listagem de produtos
  3. Validar se a ação de edição está disponível
  4. Conferir quais campos aparecem no formulário
  5. Salvar alteração de teste
  6. Confirmar atualização na loja pública
  7. Validar comportamento em desktop e mobile