Ir al contenido

Título

Muestra el título del producto con estilo flexible y botones opcionales para compartir o imprimir.

Use este bloque para mostrar el título del producto y, si es necesario, añadir acciones rápidas de utilidad junto a él. Ayuda a establecer la prioridad visual del encabezado del producto, al tiempo que mantiene el área fácil de revisar. Para obtener más contexto sobre cómo funcionan los bloques de tema, consulte documentación de Shopify sobre secciones y bloques

La referencia proporcionada por la fuente para este bloque está disponible en Título.

Los ajustes principales controlan lo prominente que aparece el título y si se muestran acciones de imprimir o compartir junto a él. En la mayoría de los diseños, el título debe destacar con claridad sin eclipsar los precios, las opciones de compra u otros detalles clave del producto.

El tamaño del texto cambia cuánta atención atrae el nombre del producto. Los tamaños más pequeños funcionan bien en diseños de producto densos, mientras que los tamaños más grandes se adaptan a diseños más sencillos en los que el título debe encabezar la página.

El color del texto debe priorizar primero la legibilidad. Un valor vacío, transparente o con estilo predeterminado suele conservar el estilo circundante, mientras que un color explícito ofrece a este bloque un aspecto más independiente. Elija un color que se mantenga claro sobre el fondo circundante y no compita con las etiquetas ni con los llamados a la acción cercanos.

Imprimir y compartir son acciones de utilidad opcionales. Actívelas cuando encajen con la forma en que los clientes usan la página, pero manténgalas desactivadas si añaden desorden sin un beneficio claro.

La visibilidad controla cuándo aparece este bloque en diferentes tamaños de dispositivo. Esto resulta útil cuando crea diseños alternativos de producto para móvil y escritorio.

Oculte el bloque en un dispositivo solo si el título del producto sigue mostrándose con claridad en otro lugar de ese diseño. La guía de visibilidad proporcionada por la fuente está en documentación de Company XYZ sobre ajustes de visibilidad.

No oculte este bloque en móvil o escritorio a menos que otro título visible lo reemplace para ese tamaño de pantalla.

  1. Establezca una jerarquía clara. Elija un tamaño de título que dé al nombre del producto una visibilidad sólida sin empujar demasiado hacia abajo otros detalles importantes.
  2. Priorice el contraste. Use un color de texto que siga siendo fácil de leer en el diseño circundante del bloque.
  3. Limite las acciones de utilidad. Active imprimir o compartir solo cuando esas acciones sean útiles para sus clientes.
  4. Revise los diseños responsivos. Revise tanto móvil como escritorio si usa controles de visibilidad, ya que el título puede presentarse de forma diferente entre puntos de ruptura.
  5. Mantenga el enfoque en el encabezado. Evite combinar demasiadas acciones, enlaces o insignias cercanas con este bloque.