A opção Amostra de imagem permite aos clientes escolher entre um conjunto de imagens com nome, em que cada escolha troca efetivamente a ilustração apresentada na tela. É a opção indicada quando um design tem variantes visuais reais, como diferentes combinações de cores da mesma ilustração, em vez de um simples seletor de escolhas como uma Lista de escolhas.

Para a adicionar, aceda a Conjuntos de opções na barra lateral, abra o conjunto de opções do seu produto, clique em Adicionar opção, escolha Amostra de imagem em Lista de escolha e clique em Adicionar.

Conjuntos de opções na navegação da barra lateral
Botão Adicionar opção no editor de conjuntos de opções
Menu Adicionar opção com Amostra de imagem selecionada em Lista de escolha

Conteúdo

A secção Conteúdo controla a etiqueta, as imagens entre as quais os clientes escolhem e a forma como são apresentadas.

  • Etiqueta: o nome do campo apresentado acima do seletor; por predefinição, “Image swatch”
  • Imagem predefinida: uma imagem alternativa independente, escolhida entre qualquer recurso da sua biblioteca, não necessariamente um dos valores de amostra apresentados abaixo
  • Conjunto de imagens: inicialmente vazio; para o preencher, use Adicionar imagem (carregar ou escolher um único ficheiro) e Importar de uma pasta (adicionar em massa todos os ficheiros que já estão numa pasta de Recursos)
Painel Conteúdo com Etiqueta, Imagem predefinida e Conjunto de imagens vazio, com os botões Adicionar imagem e Importar de uma pasta

Ao clicar em Importar de uma pasta, abre-se a biblioteca de Recursos. A Amostra de imagem lê diretamente os ficheiros de imagem da própria pasta, pelo que uma pasta simples, como “Choose Color”, funciona tal como está. Marque a caixa de seleção da pasta na lista Pastas (não navegue para dentro dela; clicar no nome de uma pasta abre-a em vez de a selecionar) e clique em Concluído.

Caixa de diálogo Imagens com a caixa de seleção da pasta Choose Color marcada na lista Pastas

Cada ficheiro dessa pasta torna-se um valor no Conjunto de imagens, com o nome do respetivo ficheiro, e o primeiro é definido automaticamente como Predefinição.

Painel Conteúdo após a importação, com Black, Blue, Brown, Green, Navy e Pink no Conjunto de imagens e Black marcado como Predefinição
  • Estilo de apresentação: escolha Miniatura para mostrar cada valor como um mosaico de imagem, Botão para os mostrar como botões de texto ou Menu pendente para os mostrar como um menu de seleção
Pré-visualização do conjunto de opções com o estilo de apresentação Botão, com cada cor como um botão com etiqueta
Pré-visualização do conjunto de opções com o estilo de apresentação Menu pendente como menu de seleção

Como é apresentada na tela

É isto que distingue a Amostra de imagem de uma Lista de escolhas: escolher um valor não se limita a registar uma escolha, redesenha a própria camada da opção na tela com essa imagem. Ao selecionar Pink, a ilustração no mockup do produto muda de imediato para a versão rosa.

Tela e pré-visualização do conjunto de opções após selecionar Pink, com a ilustração do gato rosa apresentada na t-shirt

Condição

Tal como a maioria dos tipos de opção, a Amostra de imagem suporta as suas próprias condições, pelo que pode mostrá-la ou ocultá-la com base noutra seleção do conjunto de opções. Como cada valor tem o seu próprio nome (Black, Blue, Brown...), esses nomes também aparecem como entradas separadas nos seletores de Condição de outras opções, tal como acontece com as escolhas de uma Lista de escolhas. Consulte o guia Conjuntos de opções condicionais se quiser configurá-lo.

Atualizado em: 17/07/2026