WooCircle Images
¿Quieres una grilla de productos limpia, moderna y redondita? WooCircle Images aplica un recorte visual en tienda y categorías para mostrar todas tus fotos de producto en círculo 1:1, con borde, sombra y zoom suave al pasar el ratón. Es 100% visual (CSS/JS ligero): no modifica ni recorta tus archivos originales.
Qué hace
-
Círculos perfectos en la SHOP: aplica en listados de productos (tienda, categorías, etiquetas/archivos de producto).
-
Borde y sombra: elige ancho y color (HEX) y la intensidad de la sombra.
-
Efecto hover: zoom configurable (p. ej. 1.06) con transición en milisegundos.
-
Uniformidad: fuerza proporción 1:1 con
object-fit: coverpara que todo quede ordenado. -
Ligero y seguro: no altera imágenes; respeta lazy-load.
Dónde se aplica (y dónde no)
-
Sí: Shop / Categorías / Archivos de producto (la grilla/listado).
-
No: ficha de producto individual (galería y miniaturas no se tocan en esta versión).
Compatibilidad
-
Funciona con cualquier tema compatible con WooCommerce.
-
Si usas Flatsome, activa el modo Flatsome para reforzar selectores y
!important(por si UX Builder/Flickity reacomodan el DOM).
Cómo se usa (muy fácil)
-
Instala y activa el plugin.
-
Ve a WooCommerce → WooCircle Images.
-
Activa “Aplicar en listados” y ajusta borde, color, sombra, zoom y transición.
-
Si tienes Flatsome, marca modo Flatsome (recomendado para ese theme).
Preguntas rápidas
-
¿Afecta al SEO? No. Solo cambia la presentación; tus
alt/titley datos estructurados no se tocan. -
¿Ralentiza la web? No de forma apreciable: CSS inline y un JS mínimo cuando hace falta.
-
¿Funciona sin Flatsome? Sí. El modo Flatsome es opcional y pensado para quien use ese tema.
Valoraciones
No hay valoraciones aún.