Correcto
Ajustes de tarjeta de colección
Establezca el estilo predeterminado, el recorte de la imagen, el texto y el tratamiento del botón para las tarjetas de colección en todo su tema.
Estos ajustes controlan la apariencia predeterminada de las tarjetas de colección en todo su tema. Úselos para crear una base coherente para las cuadrículas de colección, las áreas de colección destacada y otras presentaciones basadas en colecciones; después, anúlelos en secciones individuales solo cuando un diseño específico necesite un estilo diferente. Para una vista general más amplia de cómo se pueden personalizar las partes del tema, consulte la documentación de Shopify sobre secciones y bloques
Estilo de tarjeta
Sección titulada «Estilo de tarjeta»El estilo de tarjeta define la estructura general y el peso visual de las tarjetas de colección. Tiene el mayor impacto en cómo se perciben los listados de colecciones, por lo que suele ser el mejor ajuste para elegir primero.
Los estilos tipo banner funcionan mejor cuando la imagen debe destacar y el texto puede superponerse sobre ella. Los estilos con relleno suelen resultar más convencionales y más fáciles de revisar en diseños de varias columnas, mientras que los estilos sin imagen pueden encajar en diseños más simples, centrados en el texto.
Cambiar el estilo global de la tarjeta puede afectar a las tarjetas de colección en varios lugares a la vez. Después de actualizarlo, revise tanto las áreas de listado de colecciones como cualquier presentación promocional de colecciones que use los mismos valores predeterminados.
Proporción de aspecto de la imagen
Sección titulada «Proporción de aspecto de la imagen»Los ajustes de proporción de aspecto para escritorio y móvil controlan cómo se enmarcan las imágenes de colección en diferentes tamaños de pantalla. Esto le ayuda a mantener las tarjetas visualmente coherentes mientras adapta el recorte para pantallas más pequeñas.
Las proporciones más anchas pueden resultar más editoriales y horizontales, mientras que las proporciones cuadradas o verticales dan a cada colección más presencia visual. Si las imágenes de su colección varían mucho, una proporción fija puede hacer que el diseño se vea más limpio, pero puede recortar algunas imágenes con más agresividad.
Estilo del botón
Sección titulada «Estilo del botón»El estilo del botón controla si las tarjetas de colección muestran una llamada a la acción y qué tan prominente resulta. Use un tratamiento más destacado cuando quiera que las tarjetas de colección generen clics más directamente, y un tratamiento más sutil cuando el destino ya sea obvio por la imagen y el título.
Ocultar el botón puede hacer que las cuadrículas densas se vean más limpias. Los estilos de botón más prominentes suelen encajar mejor en áreas de colección destacada o promocional.
Texto de la tarjeta
Sección titulada «Texto de la tarjeta»Puede controlar cuánto texto aparece en cada tarjeta de colección, desde el título y el extracto hasta no mostrar texto. Este ajuste afecta tanto a la claridad como a la densidad visual.
Mostrar tanto el título como el extracto suele ser la opción más segura cuando los nombres de las colecciones necesitan contexto adicional. Los enfoques de solo título o sin texto funcionan mejor cuando los nombres de sus colecciones son claros y las imágenes hacen la mayor parte de la comunicación.
Alineación del texto
Sección titulada «Alineación del texto»La alineación horizontal y vertical controla dónde se sitúa el texto dentro de la tarjeta. Estos ajustes son más visibles en los estilos centrados en la imagen, donde la colocación afecta tanto a la legibilidad como al equilibrio general de la tarjeta.
El texto alineado a la izquierda suele ser el más fácil de revisar en las cuadrículas. El texto centrado puede resultar más pulido en diseños promocionales, mientras que la posición vertical ayuda a mantener el texto alejado de las partes más cargadas de una imagen.
Valores predeterminados globales y anulación
Sección titulada «Valores predeterminados globales y anulación»Estos ajustes actúan como valores predeterminados de todo el tema para las tarjetas de colección. Algunas secciones pueden anularlos de forma local, lo que convierte a este grupo en un buen lugar para establecer un punto de partida coherente antes de ajustar casos especiales. Para obtener detalles sobre cómo editar esos controles a nivel de sección, consulte la documentación de Shopify sobre la personalización de secciones
Use los valores predeterminados globales para mantener alineadas las tarjetas de colección en todo el tema y, después, aplique anulaciónes locales solo donde una sección tenga una razón de diseño clara para diferir.
Notas de uso
Sección titulada «Notas de uso»- Elija primero el diseño. Empiece por el estilo de tarjeta antes de ajustar el texto o los botones, porque el diseño general cambia la forma en que se interpretan los demás ajustes.
- Revise el comportamiento adaptable. Las presentaciones tipo carrusel pueden cambiar el comportamiento de navegación, paginación, vista previa y punto de interrupción, así que revise las vistas de escritorio y móvil después de hacer cambios de diseño.
- Revise los recortes móviles por separado. Compruebe las tarjetas de colección en pantallas pequeñas siempre que las imágenes contengan detalles clave del producto, rostros o texto.
- Adapte el texto a la claridad. Reduzca el texto de la tarjeta solo cuando los títulos y las imágenes de sus colecciones sean lo bastante sólidos como para explicar el destino por sí solos.
- Use estilos predeterminados para tener flexibilidad. Los valores en blanco, transparentes o con estilo predeterminado suelen conservar el estilo de reserva, mientras que los colores explícitos, los degradados o las anulaciones de medios hacen que el área local de la tarjeta sea más independiente.
- Compruebe si hay anulaciones locales. Si una zona se ve incoherente después de un cambio global, es posible que esa sección esté usando sus propios ajustes de tarjeta de colección.