La opción Muestra de imagen permite a los clientes elegir entre un conjunto de imágenes con nombre, y cada elección cambia de verdad la ilustración que se muestra en el lienzo. Es la opción adecuada cuando un diseño tiene variantes visuales reales, como distintas combinaciones de color de la misma ilustración, en lugar de un simple selector de opciones como una Lista de opciones.

Para añadirla, ve a Conjuntos de opciones en la barra lateral, abre el conjunto de opciones de tu producto, haz clic en Añadir opción, elige Muestra de imagen en la categoría Lista de opciones y haz clic en Añadir.

Conjuntos de opciones en la navegación de la barra lateral
Botón Añadir opción en el editor del conjunto de opciones
Menú Añadir opción con Muestra de imagen seleccionada en Lista de opciones

Contenido

La sección Contenido controla la etiqueta, las imágenes entre las que eligen los clientes y cómo se muestran.

  • Etiqueta: el nombre del campo que se muestra sobre el selector; por defecto, "Image swatch"
  • Imagen predeterminada: una imagen de reserva independiente, elegida entre cualquiera de los recursos de tu biblioteca, que no tiene por qué ser uno de los valores de muestra de más abajo
  • Conjunto de imágenes: está vacío al principio; para rellenarlo, usa Añadir imagen (subir o elegir un único archivo) e Importar desde carpeta (añadir de una vez todos los archivos que ya están en una carpeta de Recursos)
Panel Contenido con Etiqueta, Imagen predeterminada y un Conjunto de imágenes vacío con los botones Añadir imagen e Importar desde carpeta

Al hacer clic en Importar desde carpeta se abre la biblioteca de Recursos. Muestra de imagen lee directamente los archivos de imagen de la propia carpeta, así que una carpeta sin subcarpetas como "Choose Color" funciona tal cual. Marca la casilla de la carpeta en la lista de Carpetas (no entres en ella: al hacer clic en el nombre de una carpeta se abre en lugar de seleccionarse) y haz clic en Listo.

Cuadro de diálogo de imágenes con la casilla de la carpeta Choose Color marcada en la lista de Carpetas

Cada archivo de esa carpeta se convierte en un valor del Conjunto de imágenes, con el nombre del archivo, y el primero se establece automáticamente como Predeterminado.

Panel Contenido tras importar, con Black, Blue, Brown, Green, Navy y Pink en el Conjunto de imágenes y Black marcado como Predeterminado
  • Estilo de visualización: elige Miniatura para mostrar cada valor como un mosaico de imagen, Botón para mostrarlos como botones de texto o Desplegable para mostrarlos como un menú de selección
Vista previa del conjunto de opciones con el estilo de visualización Botón, con cada color como un botón con etiqueta
Vista previa del conjunto de opciones con el estilo de visualización Desplegable como menú de selección

Cómo se representa en el lienzo

Esto es lo que distingue a Muestra de imagen de una Lista de opciones: elegir un valor no solo registra una elección, sino que vuelve a dibujar la capa del lienzo de la propia opción con esa imagen. Al seleccionar Pink, la ilustración del mockup del producto cambia al instante a la versión rosa.

Lienzo y vista previa del conjunto de opciones tras seleccionar Pink, con la ilustración del gato rosa en la camiseta

Condición

Como la mayoría de los tipos de opción, Muestra de imagen admite sus propias condiciones, de modo que puedes mostrarla u ocultarla según otra selección del conjunto de opciones. Como cada valor tiene su propio nombre (Black, Blue, Brown...), esos nombres también aparecen como entradas independientes en los selectores de Condición de otras opciones, igual que las opciones de una Lista de opciones. Consulta la guía Conjuntos de opciones condicionales si quieres configurarlo.

Actualizado el: 17/07/2026