Instala, elige un modo, prueba una página de producto.
La mayoría de tiendas solo necesita los pasos básicos: activar el plugin, elegir Productos de categoría automática o Productos enlazados y comprobar la salida en tienda.
Soporte y documentación
Todo lo necesario para instalar, configurar y solucionar problemas del plugin.
Una guía completa para instalar los swatches de productos enlazados, elegir el modo correcto, ajustar el estilo y resolver compatibilidades de tema.
Ajustes prácticos, no ayuda genérica.
La guía se centra en decisiones reales de WooCommerce: familias de productos, ubicación del shortcode, estilos y compatibilidad del tema.
¿Necesitas ayuda con la configuración?
Escribe al soporte con la URL del sitio, el nombre del tema y una breve descripción de lo que quieres configurar.
support@sweetplugins.comSoporte by email
Si necesitas ayuda con la instalación, el modo de swatch o una compatibilidad del tema, contacta directamente con el soporte de Sweet Plugins.
support@sweetplugins.com
Enviar un email
Para soporte más rápido, incluye la URL del producto, tu tema WooCommerce, la versión del plugin y una breve descripción del comportamiento esperado.
Instalación
- Subir y activar Swatches de productos enlazados para WooCommerce.
- Open Swatches de productos enlazados desde el menú de administración de WordPress.
- Elige Productos de categoría automática o Productos enlazados.
- Guarda los ajustes y abre un producto WooCommerce para probar el resultado en tienda.
Captura general del admin
Página principal de ajustes con secciones de comportamiento, ubicación, estilo, compatibilidad y licencia.
Elige un modo de swatch
Productos de categoría automática
Úsalo cuando cada producto de una categoría deba mostrarse como swatch relacionado. Es la configuración más rápida para familias de productos como colores, materiales o acabados.
- Los swatches se obtienen de la categoría actual del producto.
- Los ajustes de categoría pueden desactivar swatches para toda la categoría.
- Los ajustes de producto pueden excluir productos individuales.
Linked Productos
Úsalo cuando la relación exacta deba controlarse manualmente desde el editor del producto.
- Los editores eligen los productos enlazados por producto.
- Los controles de categoría se ignoran.
- Ideal para colecciones curadas u opciones entre categorías.
Ajustes globales
La página de ajustes controla la salida en tienda para cada producto que usa el plugin.
Método de visualizaciónElige ubicación automática por hook WooCommerce o ubicación manual por shortcode.
Posición automáticaElige el hook WooCommerce usado cuando la ubicación automática está activa.
Efectos de previsualizaciónActiva previsualizaciones al pasar el cursor para imagen, título y precio en escritorio.
Swatches sin stockElige si los productos sin stock deben seguir apareciendo como opciones.
Orden de iconosOrdena productos por fecha, título, orden de menú o aleatorio.
Producto settings
Cada producto tiene un panel de swatches en el editor de producto.
Producto swatch panel screenshot
Elige imagen de producto, icono personalizado o color. Añade tooltip, atributo title y texto alt.
- Producto Image: usa la imagen destacada del producto como swatch.
- Icono personalizado: sube un icono cuadrado dedicado.
- Color: genera un swatch de color simple.
- Texto de tooltip: controla el tooltip en escritorio.
- Desactivar swatch: oculta un producto de los grupos automáticos de swatches.
- Linked Productos: aparece en modo Enlazados para elegir productos relacionados exactos.
Ajustes de categoría
En modo automático, las categorías de producto pueden activar o desactivar swatches para toda la categoría. Así las categorías no relacionadas quedan limpias sin editar cada producto.
Ubicación del shortcode
Usa el shortcode cuando un builder o template personalizado necesita controlar dónde aparecen los swatches.
[lpswc]Set Método de visualización to Ubicación manual por shortcode cuando el shortcode es responsable de la salida.
Swatch style
El plugin ofrece controles visuales para que la mayoría de tiendas no necesite CSS personalizado.
Tamaño del swatchAnchura y altura en píxeles.
Espaciado de iconosEspacio derecho entre swatches. Déjalo vacío para usar el valor CSS por defecto.
Anchura y color del bordeEstilo del borde del swatch inactivo.
Borde seleccionadoContorno del swatch activo. Déjalo vacío para desactivar el contorno por defecto.
Radio del bordeSwatches cuadrados, redondeados o circulares.
SombraSombras predefinidas de ninguna a fuerte.
Compatibilidad de galería
El asistente de compatibilidad controla cómo el plugin encuentra la imagen principal, el título y el precio para las previsualizaciones.
- Detección automática: prueba selectores comunes de WooCommerce, Elementor y del tema.
- Selectores avanzados manuales: define selectores CSS exactos para templates personalizados.
- Móvil: las previsualizaciones hover se omiten en dispositivos táctiles para que los toques naveguen directamente.
Licencias y actualizaciones privadas
La clave de licencia se guarda en el sitio cliente en la opción de WordPress wcpvs_license_key. Durante las comprobaciones de actualización, el plugin envía la clave, la URL del sitio y la versión instalada al endpoint de Sweet Plugins.
El servidor de actualizaciones valida la licencia antes de devolver una URL de paquete. El ZIP debe servirse mediante download.php, not as a public direct file.
Solución de problemas
Las actualizaciones no aparecen
Asegúrate de que la versión remota sea superior a la instalada, que la licencia sea válida y que los transients de actualización de WordPress se hayan refrescado.
En móvil requiere doble toque
Primero purga la caché y la optimización de página. El plugin inyecta un bootstrap táctil no optimizable, pero el HTML en caché puede seguir sirviendo una versión antigua.
La previsualización actualiza la imagen incorrecta
Cambia el asistente de compatibilidad a modo manual y define un selector de imagen más preciso.
El contorno activo del swatch entra en conflicto con CSS personalizado
Leave the Borde seleccionado field empty to disable the default selected outline.