Ir al contenido

Apps / Combined Listings Swatch

Muestras visuales para variantes de Shopify y productos combinados.

Represente opciones de productos como selectores de imagen, color, tarjeta, botón o texto, y vincule productos separados en un selector visual. Funciona en páginas de productos, tarjetas de colección y vista rápida.

Colorsabio

Estilos de selector

Elija el selector correcto para cada opción.

El color pertenece a una muestra. El tamaño rara vez lo hace. Establezca el estilo por opción y por superficie en lugar de aceptar una apariencia global.

muestra de imagenLa foto propia de la variante, en cualquier radio: circular, redondeada o cuadrada.
redondeadoLos mismos valores, esquinas a 10px.
cuadradoLos mismos valores, esquinas a 2px.
muestra personalizadaUn mosaico de color o textura subido, donde la foto no es la señal más clara.
tarjeta muestraImagen y nombre del valor juntos, para rangos donde la etiqueta lleva el peso.
BotónConjuntos fijos cortos: tamaños, longitudes, cantidades. Un valor agotado está tachado en lugar de oculto.
Menú desplegableUn menú donde hay un menú correcto, diseñado para que coincida con el resto del selector. Se muestra abierto.
M
  • XS
  • S
  • M
  • L
OcultoUn selector suprimido en una superficie, para opciones internas que no deberían llegar a los compradores. Nada se renderiza: esa es la configuración funcionando.
Ningún selector renderizado

Las páginas de productos y las tarjetas de colección tienen cada una su propio estilo, por lo que una fila de muestras compacta en la cuadrícula puede ubicarse junto a un selector completo en la página del producto. Dale estilo a tus muestras

Listados combinados

Vincule productos separados en un solo selector.

Muchos catálogos mantienen cada combinación de colores como su propio producto Shopify, para fotografía, inventario, SEO o el límite máximo de 100 variantes. Un grupo de productos conecta esos productos para que cada combinación de colores aparezca en un selector, en cada producto del grupo.

Cinco productos separados, un selector

URL propia
Cada producto mantiene su propia página, imágenes, precio e inventario.
reversibles
No se fusiona, cambia de nombre ni se elimina nada. Elimine el grupo y el catálogo quedará exactamente como estaba.
cualquier plan
Disponible en todos los planes de Shopify, a diferencia de los Listados combinados de Shopify.
Cualquier eje
Agrupe por lo que comparten los productos: color, material, longitud, aroma, tamaño del paquete.

Páginas de colección y vista rápida

Muestre las opciones antes de que el comprador se comprometa a hacer clic.

Un comprador que escanea una cuadrícula de colección no puede saber qué productos vienen en el color que desea. Las muestras en la tarjeta responden a eso en la propia cuadrícula.

  • Una chaqueta de trabajo en verde salvia.

    Chore Jacket — Sage

  • La misma chaqueta de trabajo en naranja caqui.

    Chore Jacket — Persimmon

  • La misma chaqueta de faena en azul cobalto.

    Chore Jacket — Cobalt

    +2
Tarjetas de colección
Una fila de muestras compacta en la tarjeta, con su propia configuración de estilo.
Agregar y ver rápidamente
El modal del tema obtiene el selector completo y lo agrega al carrito.
Galería de productos
Cambiar una muestra puede filtrar la galería a los medios de esa variante.

Configuración

Tres pasos, en el administrador y en el editor de temas.

La configuración estándar no necesita Liquid ni cambios de código en el tema.

  1. 01

    Instalar desde la tienda de aplicaciones Shopify

    La aplicación detecta el tema activo y carga la configuración probada para él, o la configuración genérica si el tema no es uno de los 24.

  2. 02

    Habilitar los bloques en el editor de temas.

    Agregue el bloque de muestras donde se encuentra el selector de variantes en la página del producto y en la tarjeta de colección si desea muestras en la cuadrícula.

  3. 03

    Elige un estilo por opción

    Establezca imagen, color, tarjeta, botón, menú desplegable u oculto para cada opción, establezca el comportamiento de falta de stock y luego cree un grupo de productos para gamas que se encuentran como productos separados.

El marcado del tema varía. Si es necesario ajustar la ubicación automática, envíe la URL de la tienda y el soporte la revisará.

Documentación

Precio
Gratis para instalar
Planes Shopify
Todos los planes, Plus no requerido
Temas configurados
24 probados, más una configuración genérica de Tienda Online 2.0
Ayuda de configuración
support@awecommerce.net

Todo lo que hace la aplicación

Muestras de imágenes de fotografías variantes.
Las muestras muestran el producto real, sin una biblioteca de activos separada que mantener
Muestras personalizadas de colores y texturas.
Una fila de muestras consistente incluso cuando la fotografía del producto varía
Tarjetas de muestra
Los nombres de las opciones permanecen legibles cuando el color por sí solo es ambiguo
Selectores de botones
Los tamaños y los conjuntos de opciones cortas están a un toque de distancia
Selectores desplegables
Un menú donde un menú es realmente mejor y coincide con el estilo del seleccionador.
Ocultar un selector
Las opciones internas o irrelevantes nunca llegan al escaparate
Estilo separado por superficie
Una fila compacta en tarjetas de colección, un selector completo en la página del producto
Grupos de productos
Los productos separados se comportan como una sola gama, en cualquier plan de Shopify
Muestras de tarjetas de colección
Los compradores ven los colores disponibles sin abrir cada producto
Agregar y ver rápidamente
El selector funciona dentro del modal del tema, no solo en la página del producto.
Pantalla agotada
Dejar como está, tachar, atenuar u ocultar: agotado se lee como agotado
Información sobre herramientas con texto, imagen o ambos
Los nombres de las opciones permanecen visibles en muestras pequeñas
Etiqueta de valor seleccionado
La opción elegida se expresa con palabras, no sólo implicada en un anillo.
Filtro de variante de galería
Cambiar una muestra actualiza la galería a los medios de esa variante
Campo CSS personalizado
Un desarrollador puede terminar la última milla sin un cambio de código por parte de AWE

Preguntas

Respuestas antes de la instalación.

¿Qué temas de Shopify admite la aplicación?
La aplicación incluye configuraciones probadas para 24 temas de Shopify, incluidos Dawn, Horizon, Craft, Refresh, Studio y Taste, además de una configuración genérica que cubre otros temas de Online Store 2.0. Si la ubicación necesita ajustes en su tema, el soporte revisará la configuración.
¿Necesito editar el código del tema?
No. La configuración estándar se realiza en la aplicación y en el editor de temas, sin Liquid para escribir. Hay un campo CSS personalizado disponible si un desarrollador desea ajustar la apariencia.
¿Puedo mostrar muestras en las páginas de la colección?
Sí. Las tarjetas de colección pueden representar una fila de muestras compacta con su propia configuración de estilo, de modo que los compradores vean los colores disponibles mientras escanean la cuadrícula en lugar de abrir cada producto.
¿Puedo utilizar imágenes variantes reales en lugar de puntos de color?
Sí. Las muestras de imágenes utilizan la propia foto del producto de la variante. También puedes cargar mosaicos de colores o texturas personalizados, o usar tarjetas de muestra que combinen la imagen con el nombre de la opción.
¿Puedo agrupar productos separados sin Shopify Plus?
Sí. Los grupos de productos vinculan productos relacionados en un selector en cualquier plan de Shopify. Cada producto mantiene su propia página, imágenes, precio e inventario. Los listados combinados nativos de Shopify están limitados a Plus; esto no lo es.
¿La aplicación es gratuita?
AWE Combined Listings Swatch se puede instalar gratis. Los detalles del plan actual se encuentran en la lista de Shopify App Store.
¿Cómo se manejan las opciones agotadas?
Elige por tienda: deja la opción como está, táchala, agrésala u ocultala. Los compradores pueden distinguir una opción que no está disponible de una que pueden comprar ahora.
¿Funciona con las muestras de metacampos de categorías de Shopify?
La aplicación puede presentar valores de opciones ya sea que uses o no los metacampos de categoría de Shopify, y agrega los estilos, superficies y agrupaciones de productos que los metacampos por sí solos no cubren.
¿Esto ralentizará mi tienda?
El script de muestra se ejecuta solo en las páginas que lo necesitan y lee los datos de opciones que la página ya contiene. El filtro de la galería y la información sobre herramientas son opcionales, por lo que una función no utilizada no cuesta nada.
¿Qué pasa si lo desinstalo?
Las muestras dejan de renderizarse y regresa el selector de variantes del tema. Los productos, variantes, imágenes, precios e inventario no cambian porque la aplicación nunca reescribe el catálogo.

Coloque toda la gama en un solo selector.

Instale gratis, establezca un estilo de selector por opción y agrupe los productos que van juntos.

De instalación gratuita, en cualquier plan de Shopify. No hay líquido para escribir para una configuración estándar.