As opções permitem criar complementos personalizados para produtos e campos adicionais para a página do teu produto. Com as opções de produtos, podes adicionar campos como Texto, Botões de Rádio, Seleção, Envio de Ficheiros, Grupo de Imagens, Seletor de Data, Caixa de Verificação e muito mais na página do produto.
Navega até Catálogo→ Opções de produtos para começar a criar as tuas opções.
Adicionar/Editar Secções Personalizadas na Página de Produtos #
As secções são coleções de campos relacionados. Podes organizar os campos do teu produto em secções e gerir a posição e a ordem de exibição dessas secções.
Adicionar nova secção #
Para adicionar uma secção:
- Navega até Catálogo→ Opções de produtos. Haverá uma secção denominada secção predefinida.
- Clica no botão Adicionar nova secção.
Insere um Nome/ID, Posição de Exibição, Título e outros detalhes para a tua secção
- Define regras de exibição, se necessário.
- Depois de concluíres as alterações, guarda as mesmas. Como podes ver, existem três separadores: “Informações Básicas“, “Estilos de Visualização” e “Exibir regras” no formulário pop-up. Todos estes separadores são explicados abaixo.
Depois de seguires os passos acima, a página do produto na parte frontal será como mostrado abaixo.
Informações básicas #
Esta aba contém campos para capturar todos os detalhes básicos da secção. Abaixo estão os campos disponíveis na aba Detalhes básicos.
- Nome/Identificação: Um nome ou ID único para a secção. Nenhuma duas secções podem ter o mesmo nome de secção.
- Título: Título ou rótulo para a secção.
- Subtítulo: Subtítulo ou descrição para a secção.
- Posição do ecra: A posição onde a secção deve ser exibida na página do produto. Esta é uma lista suspensa com todas as posições disponíveis: Antes do Botão Adicionar ao Carrinho; Depois do Botão Adicionar ao Carrinho.
- Exibir ordem: Um número indicando a ordem de exibição da secção.
- Col-1 Largura: Forneça uma unidade (exemplo: %, pixel, etc.) para determinar a largura da coluna no lado esquerdo.
- Col-2 Largura: Forneça uma unidade (exemplo: %, pixel, etc.) para determinar a largura da coluna no lado direito.
- Mostrar título da secção na página do produto: Uma caixa de seleção, quando marcada, mostra o título da secção na página do produto.
Exibir regras #
Mostrar ou ocultar campos e secções com base na função do utilizador. Abaixo está a lista de condições disponíveis para exibir campos e secções com base na função do utilizador.
- Igual a / Em
- Não igual a / Não está em
Exemplo #1: Mostrar o campo XYZ apenas para “Administrador”.
Exemplo #2: Ocultar o campo XYZ se o utilizador for um “Gerente de loja” ou um “Administrador”.
Condições baseadas em Produtos
Mostrar ou ocultar campos e secções com base nos produtos. Abaixo está a lista de condições disponíveis para exibir campos e secções com base no produto.
- Igual a / Em
- Não igual a / Não está em
Exemplo #1: Mostrar o campo XYZ se o produto for Biomedics 1 Day Extra – 30 Lentes.
Condições baseadas em categorias
Mostrar ou ocultar campos e secções com base nas categorias de produtos. Abaixo está a lista de condições disponíveis para exibir campos e secções com base nas categorias do produto.
- Igual a / Em
- Não igual a / Não em
Exemplo #1: Mostrar o campo XYZ se a categoria do produto for Oculos de Leitura.
Condições baseadas na etiquetas
Mostrar ou ocultar campos e secções com base nas etiquetas de produtos. Abaixo está a lista de condições disponíveis para exibir campos e secções com base nas etiquetas de produtos.
- Igual a / Em
- Não igual a / Não em
Exemplo #1: Mostrar o campo XYZ se a etiqueta do produto for Proteção.
Condições baseadas em Variações de Produto
Mostrar ou ocultar campos e secções com base nas variações do produto. Abaixo está a lista de condições disponíveis para exibir campos e secções com base na variação do produto.
- Valor igual a
- Valor não igual a
Os produtos variáveis são agrupados usando a função de atributos do produto. Os atributos do produto são brevemente divididos em dois,
- Atributos Globais
- Atributos Locais
Atributos Globais: Uma vez definidos, esses atributos estarão disponíveis para adicionar a todos os produtos. Eles serão listados na seção de atributos do produto, de onde podes escolhê-los no menu suspenso.
Adicionar ou editar campos personalizados #
Para adicionar um novo campo:
- Navega até Catálogo → Opções de produtos
- Clica no botão Adicionar campo.
Configurações gerais #
Este separador contém campos para capturar todos os detalhes básicos do campo do produto. Todas as propriedades disponíveis no separador Propriedades Gerais estão listadas abaixo. Dependendo do tipo de campo selecionado, as propriedades do campo podem mudar.
- Nome: Nome único para o campo. Dois campos não podem ter o mesmo nome.
- Tipo de Campo: O tipo para o campo. Pode ser texto, senha, área de texto, seleção, caixa de seleção, botão de opção, email, URL, etc.
- Título: O título de exibição para o campo.
- Descrição: Descrição para o campo. É exibida abaixo do rótulo do título.
- Valor por defeito: Você pode atribuir um valor padrão para o campo. Este valor será mostrado como o valor padrão quando a página for carregada.
- Espaço reservado: O marcador de posição é uma dica curta (um valor de exemplo ou uma breve descrição do formato esperado) que descreve o valor esperado de um campo de entrada. Por exemplo, para um campo de email, o formato esperado [email protected] pode ser exibido.
- Máx Comprimento: A propriedade de comprimento máximo especifica o número máximo de caracteres permitidos no campo de entrada.
- Min Comprimento: A propriedade de comprimento mínimo especifica o número mínimo de caracteres permitidos no campo de entrada.
- Validações: Escolha as regras de validação que devem ser aplicadas ao campo de entrada. Você pode definir suas próprias regras de validação na seção Configurações Avançadas.
- Padrão de Máscara de Entrada: Para especificar um formato predefinido para o campo de entrada.
- Este Campo é Obrigatório: Se marcado, o campo será definido como obrigatório. Este Campo está Ativado: Desmarque esta caixa de seleção para desativar este campo.
Propriedades específicas para os tipos de campo Seleção, Seleção Múltipla, Rádio e Grupo de Caixas de Seleção.
- Valor da Opção: O valor da opção é o valor definido para as opções que serão salvos no banco de dados.
- Texto da Opção: Rótulo de exibição para a opção.
- Preço: O preço extra adicionado para a opção.
- Tipo de Preço: O tipo de preço adicionado à opção.
- Seleções Mínimas: Especifica o número mínimo de opções a serem selecionadas.
- Seleções Máximas: Especifica o número máximo de opções a serem selecionadas.
Propriedades específicas para os tipos de campo Slider/Range
- Valor Mínimo: Especifica o valor mínimo permitido no campo de entrada.
- Valor Máximo: Especifica o valor máximo permitido no campo de entrada.
- Valor do Passo: Especifica cada intervalo numérico.
Propriedades específicas para os tipos de campo Paleta de Cores e Grupo de imagens
- Mínimo de Seleções: Insira o número mínimo de paletes/imagens a serem selecionados.
- Máximo de Seleções: Insira o número máximo de paletes/imagens a serem selecionados.
- Permitir seleções múltiplas: Selecione a caixa de seleção para permitir que os compradores escolham várias opções.
- Valor da Opção: Chave da opção.
- Texto da Opção: Insira o rótulo a ser exibido para a opção.
- Seletor de Cor (para paleta de cores): Na caixa de cor, escolha uma cor adequada para a opção correspondente. Você também pode usar a ferramenta de seleção de cores para escolher uma cor fora da caixa.
- Upload de Imagem (para grupo de imagens): Clique no ícone de upload de imagem para carregar uma imagem para a opção correspondente.
- Preço: Insira o preço extra adicionado para a opção.
- Tipo de Preço: Escolha um tipo de preço específico para a opção.
Propriedades específicas para os tipos de campo Selecionador de datas
- Formato da Data: Define o formato da data aceito para este campo. O formato padrão é dd/mm/aa. Estes são os outros formatos de tempo gerais que você pode usar: Internacional – mm/dd/aa Médio – d MM, a ISO 8601 – aaaa-mm-dd Curto – d M, a Completo – DD, d MM, aa Com Texto – ‘Dia’ d ‘de’ MM ‘no ano’ aa
- Data Padrão: Define a data padrão a ser exibida no formato de data especificado. Você também pode especificar o número de dias a serem compensados a partir de hoje (por exemplo, +7) ou uma string de valores e períodos (‘a’ para anos, ‘m’ para meses, ‘s’ para semanas, ‘d’ para dias, por exemplo, ‘+1m +7d’), ou deixar em branco se não quiser definir um limite mínimo.
- Data Mínima: O calendário do seletor de data só mostrará datas a partir da data definida neste campo. Você também pode especificar o número de dias a serem compensados a partir de hoje (por exemplo, -7) ou uma string de valores e períodos (‘a’ para anos, ‘m’ para meses, ‘s’ para semanas, ‘d’ para dias, por exemplo, ‘-1m -7d’), ou deixar em branco para hoje.
- Data Máxima: O calendário só mostrará datas até a data definida neste campo. Você também pode especificar o número de dias a partir de hoje (por exemplo, +7) ou uma string de valores e períodos (‘a’ para anos, ‘m’ para meses, ‘s’ para semanas, ‘d’ para dias, por exemplo, ‘+1m +7d’), ou deixar em branco se não quiser definir um limite máximo.
- Intervalo de Anos: Isso define o intervalo de anos exibidos no menu suspenso de anos do calendário do seletor de data. O formato é “do ano: ao ano”. Você pode definir o intervalo de diferentes maneiras, conforme explicado abaixo: Relativo ao ano atual (‘-nn:+nn’): por exemplo, -5:+3 . Se o ano atual for 2016, o menu suspenso mostrará anos de 2011 a 2019. Relativo ao ano atualmente selecionado (‘c-nn:c+nn’): por exemplo, c-5:c+3. Se o ano da data selecionada for 2017, o menu suspenso mostrará anos de 2012 a 2020.
- Valores absolutos(‘nnnn:nnnn’): por exemplo, 1900:2018. O menu suspenso mostrará anos de 1900 a 2018. Combinações dos formatos acima (‘nnnn:+nn’,’-nn:c+nn’,etc.. ): por exemplo, 2012:+3. O menu suspenso mostrará anos de 2012 a 2019 se o ano atual for 2016. Observe que esta opção afeta apenas o que aparece no menu suspenso de anos no popup do calendário. Para restringir quais datas podem ser selecionadas no calendário, use as propriedades Data Mínima e/ou Data Máxima.
- Número de Meses: O número de meses a serem mostrados de uma vez no calendário do seletor de data. Dias Desabilitados: Selecione os dias da semana que precisam ser desativados no calendário. Por exemplo, você pode querer desativar os sábados e domingos no calendário.
- Datas Desabilitadas: Insira datas que precisam ser desativadas no calendário no formato aaaa-mm-dd separadas por vírgulas para múltiplas datas. Isso é útil se você deseja desativar dias específicos, como feriados. Por exemplo: Se você deseja desativar 17 de janeiro de 2017 e 23 de março de 2017 no seletor de data, você pode preencher este campo com o valor 2017-01-17,2017-03-23.
- Somente Leitura Se marcado, os compradores não podem editar os dados de entrada da caixa de texto. Em vez disso, eles podem escolher a data do seletor de datas correspondente.
