Estrela inativaEstrela inativaEstrela inativaEstrela inativaEstrela inativa
 
Avalie o artigo:
0 de 5 - 0 votos
Obrigado pelo seu voto neste artigo.

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.

Sobre o autor
Aureo Silva Hernandes
Autor: Aureo Silva HernandesEmail: Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.
Editor/ Publisher
Sobre
Especialista em Virtuemart desde 2013 e entusiasta no Joomla desde 2008 e começando a desenvolver componentes customizados no Fabrik em 2019
Você pode querer ver também:

Adicionar comentário


Código de segurança
Atualizar