Personalizar las tarjetas de producto

1 min de lectura · Actualizado el 5 de noviembre de 2026

Elige qué mostrar en cada tarjeta de producto y cómo se ven visualmente.

Cards de producto

En Configuración → Diseño → Cards de producto decides qué información muestra cada tarjeta de producto en tu tienda (catálogo, colecciones y cuadrícula de destacados) y cómo se ven visualmente. Un mini preview en el mismo panel refleja los cambios antes de guardar.

Qué mostrar

  • Mostrar precio: el precio del producto en la card.
  • Mostrar descuento: el badge "-X%" y el precio anterior tachado cuando el producto tiene oferta.
  • Mostrar stock: los avisos de "pocas unidades" y "agotado".
  • Botón "Agregar al carrito": el botón de compra rápida debajo de cada card.

Estilo visual

  • Bordes: de ninguno a muy redondeado, en 6 niveles.
  • Sombra: de ninguna a marcada, en 4 niveles.
  • Efecto hover: activa o desactiva el zoom de imagen y el crecimiento de sombra al pasar el mouse (solo aplica en computador).

Dónde se aplica

Esta configuración afecta las tarjetas de producto en cuadrícula: la página principal, las páginas de colección y el modo Cuadrícula de "Productos destacados". El carrusel de destacados (con la imagen grande y texto superpuesto) mantiene su propio estilo, no se ve afectado por estos ajustes.

¿Aún no tienes tu tienda?

Créala gratis en minutos y pon en práctica esta guía.

Crear mi tienda gratis

Más guías de Diseño