En el editor de temas: Personalizar›Configuración del tema›Tarjetas de producto
Tarjetas de producto
Cómo se ven los productos en todos los lugares donde aparecen en una cuadrícula: la imagen, el nombre y el precio, la moneda para agregar rápido y las insignias.
El campo “Badge” de un producto muestra su propia palabra en la tarjeta, como “Nuevo”. Las insignias de oferta y de agotado aparecen solas.
Configuración
Imagen
- Relación de aspecto de la imagen
- Opción: Cuadrada, Vertical, Horizontal, Igual que la imagen del productoPredeterminado: Vertical
- Esquinas de la imagen
- Control deslizante, de 0 a 40 pxPredeterminado: 12 pxDe 0 (esquinas rectas) a totalmente redondeadas. 12 coincide con las esquinas de los botones.
- Mostrar segunda imagen
- Activado o desactivadoPredeterminado: ActivadoTeléfono: desliza entre las dos imágenes. Ordenador: aparecen flechas al pasar el cursor.
Contenido
- Mostrar proveedor
- Activado o desactivadoPredeterminado: Desactivado
- Puntos de color
- Activado o desactivadoPredeterminado: ActivadoPuntos diminutos bajo el precio cuando un producto tiene una opción de color, según las muestras de color de Shopify o el nombre del color.
Moneda en la tarjeta
- Qué hace la moneda de la tarjeta
- Opción: Inteligente, con Vistazo en cada tarjeta (recomendado), Solo inteligente, Abrir siempre la vista rápida, Sin moneda: toda la tarjeta abre el productoPredeterminado: Inteligente, con Vistazo en cada tarjeta (recomendado)Inteligente: un producto sin opciones va directo al carrito. Un producto con una sola elección (talla, color o material) abre en la propia tarjeta un abanico con sus valores, y un toque lo añade. Un producto con varias opciones abre la vista rápida. «Vistazo» añade un pequeño botón de cristal en la esquina superior que siempre abre la vista rápida.
- Color del botón de añadir
- ColorEl signo más sobre las imágenes de producto. Vacío: el color oscuro de la página. Un color rellena el signo más.
- Color del icono de añadir
- ColorVacío: se elige automáticamente, oscuro sobre un botón claro y claro sobre uno oscuro.
- Botón de añadir cuando está listo
- ColorPredeterminado: #2563EBEl signo más de una tarjeta de producto cuando su abanico corto está abierto y otro toque añade el producto al carrito. Si el color es igual al del botón más, este intercambia el color de fondo y del símbolo, así que siempre cambia.
- Más del botón de añadir
- ColorPredeterminado: #FFFFFF
- Opciones en la pestaña del más
- Opción: Rellenas, ContornoPredeterminado: RellenasRellenas: círculos blancos. Contorno: un marco fino y texto de un solo color sobre el fondo de la pestaña, como el más.
- Color del contorno
- ColorEl marco y el texto de las opciones. Vacío: el color del más que más destaca en la página.
- Intensidad del contorno
- Control deslizante, de 20 a 100 %Predeterminado: 42 %Qué tan intenso es el marco en reposo. Al pasar el cursor y al elegir siempre es pleno.
Detalles
- Porcentaje de oferta en la etiqueta
- Opción: Precio mostrado (recomendado), Hasta: el mayor descuento, Ocultar cuando los porcentajes difierenPredeterminado: Precio mostrado (recomendado)Para productos cuyas variantes tienen precios distintos. Precio mostrado: el porcentaje y el precio de comparación corresponden a la variante cuyo precio muestra la tarjeta. Si no está en oferta, no hay etiqueta de oferta. Hasta: el mayor descuento del producto, con la expresión «hasta». Ocultar: etiqueta de oferta solo cuando todas las variantes disponibles tienen el mismo porcentaje. Los productos con un solo precio no se ven afectados. En la página del producto y en la vista rápida, el comprador elige una variante y el precio y el porcentaje siempre corresponden a ella, por lo que esta configuración no se aplica allí.
- Grosor del precio en la tarjeta
- Opción: Normal, NegritaPredeterminado: NormalEl precio en las tarjetas de producto en colecciones, búsqueda y filas de productos. Negrita coincide con la página del producto.
- Etiqueta en productos rebajados
- Opción: Oferta, Porcentaje (23 % de descuento)Predeterminado: OfertaLo que dice la etiqueta en la imagen cuando un producto está rebajado. Para tu propio texto en cualquier producto (Nuevo, Más vendido), rellena el metacampo del producto custom.badge.
- Brillo en el botón
- Activado o desactivadoPredeterminado: ActivadoUn destello de luz cada pocos segundos, solo mientras el botón está en pantalla.
¿Algo de aquí no coincide con lo que ves en el editor? Escríbenos y corregiremos la guía.