Recentemente prestei suporte para o desenvolvimento de um e-commerce para uma Floricultura na cidade Mauá, SP. O site ainda não foi liberado, mas segue a URL www.tucaflores.com.br.
O cliente necessitava que ao finalizar a compra, tivesse a escolha de quatro campos: mês da entrega, dia da entrega, período da entrega e finalizando com o texto do cartão de entrega para a pessoa especifica.

As vezes quebramos a cabeça procurando plug-ins e gastando tempo enorme nessas buscas, entretanto o VM é uma ferramenta que tem muita coisa já disponível e eu achei essa solução por ele mesmo. É claro que você pode melhor o visual, editando o arquivo css da sua página de detalhes e deixando mais ilustrado, mas hoje lembramos que o que se busca sempre, é a objetividade, principalmente em sites abertos em smartphones, por causa da tela pequena. Então vamos lá ao que interessa.

Criação de campos personalizados para escolhas de datas

  • Acessar seu painel de administração com a URL usando seu usuário de senha www.seusite.com.br/administrator
  • No meu superior de componentes, acessar o componente VirtueMart
  • Na lateral esquerda do VirtueMart acesse o menu Produtos e o item Campos Personalizados

Já na Tela de Campo Personalizado

Vamos às configurações necessárias, {modal images/blog/campos_textos/Foto_3_Detalhe_criando_campo_personalizado.jpg|title=Criando campo personalizado}veja a tela ser visualizada{/modal}.

  1. Escolha o Tipo de Campo Personalizado como texto
  2. Mostrar Título: Sim
  3. Publicado: Sim
  4. Grupo Personalizado: Se necessitar somente em grupo específico
  5. Atributos do Carrinho: Sim
  6. Entrada do Carrinho: Sim
  7. Descrição: Personalize aqui a Descrição do seu campo
  8. Valor Padrão: Nesse campo você precisa informar as opções que serão escolhidas no detalhe do produto, como usei para uma floricultura usei a seguinte sintaxe: {ESCOLHA O PERÍODO; Entregar de Manhã; Entregar de Tarde; Entregar à Noite}, importante notar que o ponto e vírgula (;) fazem a lista no detalhe do produto
  9. Dica da Ferramenta: Insira texto alusivo ao seu campo, aparece no detalhe do produto como dica para quem estiver comprando.
  10. É uma lista? Sim
  11. Oculto? Não
  12. Período: Adicionar automaticamente uma opção em branco: Não; lista como rádio: Não

Com essas configurações seu campo personalizado já está pronto, agora vá no seu produto e na aba campo personalizado você tem a programação desse campo disponível.

Pronto, veja agora no front-end do seu site e abra o produto no qual configurou esse campo personalizado e verifique as opções. O mesmo procedimento foi adotado aos outros campos com informações diferentes, lembre-se que para caso foi usado o tipo de campo personalizado como texto. O último recurso utilizado e modificado no próprio VirtueMart, foi no campo de texto do cartão de entrega, editado a folha de linguagem do VirtueMart e alterado o texto somente. Lembrando que tudo isso foi feito com recursos do próprio, sem compra de plugins para esse fim.

Vejam as imagem que ilustram cada passo desse tutorial.

Foto 1: Detalhe do produtoFoto 1: Detalhe do produto Foto 2: Detalhe do checkout do carrinho de compraFoto 2: Detalhe do checkout do carrinho de compra Foto 3: Detalhe criando campo personalizadoFoto 3: Detalhe criando campo personalizado Foto 4: Detalhe da inserção do campo personalizado no produtoFoto 4: Detalhe da inserção do campo personalizado no produto

 

Quem está on line

Temos 230 visitantes e Nenhum membro online

Contato

Agende uma visita através dos contatos abaixo:

CNPJ: 00650406/0001-10
Envie sua mensagem, aqui

Fone: 11 4555 6588