Correcto
Configuración de la barra de funciones
Defina el estilo y el mensaje predeterminados de la barra de funciones en las áreas compatibles del tema.
Use estos ajustes para definir el aspecto y el contenido predeterminados de la barra de funciones en las interfaces de búsqueda y menú admitidas. También proporcionan el punto de partida para la sección de barra de funciones, que le ayuda a mantener coherentes los destacados de servicio, las señales de confianza y los mensajes promocionales breves. Para una visión general más amplia de dónde residen los controles a nivel de tema, consulte la documentación de Shopify sobre el editor de temas
Estos ajustes actúan como valores predeterminados globales. Si una sección de barra de funciones tiene sus propios ajustes personalizados, esas opciones locales pueden reemplazar lo que configure aquí.
Ajustes de color
Sección titulada «Ajustes de color»Use este grupo para dar a la barra de funciones un tratamiento visual propio. Puede controlar el color de los iconos, el color del texto y el fondo, incluido un degradado cuando quiera que la barra destaque sobre el contenido circundante.
Como estos colores pueden reemplazar las opciones de color habituales del tema para esta función, el contraste importa. Mantenga los iconos y el texto fáciles de leer de un vistazo, especialmente si la barra incluye mensajes importantes como envíos, devoluciones o soporte.
Para obtener una orientación más amplia sobre los controles compartidos de color del tema, consulte los ajustes de color.
Use el primer elemento para uno de los mensajes más importantes de su tienda. Entre las opciones habituales se incluyen envíos, devoluciones, calidad o soporte.
Cada elemento puede incluir un icono, un encabezado breve, un subtítulo y un enlace opcional. El encabezado usa el estilo Heading 3 del tema, por lo que normalmente funciona mejor un texto breve.
Si desea usar iconos con nombre o emojis, consulte la guía de iconos del tema. Deje el icono en blanco si prefiere un elemento solo de texto.
Use el segundo elemento para reforzar otro beneficio amplio para el cliente. Funciona mejor con mensajes breves y de gran valor que con texto detallado sobre políticas.
Si añade un enlace, asegúrese de que el destino amplíe de forma natural el mensaje. Un buen enlace de la barra de funciones debe aclarar, no distraer.
El tercer elemento es útil para otro mensaje de apoyo cuando quiere equilibrar confianza, comodidad y valor en toda la barra. Mantenga su redacción coherente con la de los otros elementos para que la barra se perciba intencionada y sea fácil de revisar.
Si los dos primeros elementos ya contienen los mensajes más fuertes, mantenga este especialmente conciso. Un texto denso hace que la barra sea más difícil de usar en diseños compactos.
El cuarto elemento le da espacio adicional para otro punto destacado global, pero es opcional. Si no lo necesita, déjelo vacío en lugar de forzar un mensaje de menor prioridad.
En muchas tiendas, tres elementos sólidos comunican con más claridad que cuatro más débiles.
Notas de uso
Sección titulada «Notas de uso»- Empiece con valores predeterminados compartidos. Configure aquí los colores y mensajes principales antes de personalizar secciones individuales de la barra de funciones.
- Revise ambos diseños. La presentación estilo carrusel puede cambiar la navegación, la vista previa, la alineación y la visibilidad en comparación con una cuadrícula estática o un diseño apilado, así que revise las vistas de escritorio y móvil.
- Use el estilo de reserva de forma intencional. Los valores en blanco, transparentes o con estilo predeterminado suelen conservar el aspecto del tema circundante, mientras que los colores explícitos, los degradados o las anulaciones de medios hacen que la barra se sienta más independiente.
- Mantenga clara la navegación. Si añade enlaces o contenido controlado por menú, asegúrese de que el orden y la visibilidad sigan llevando a los clientes al destino correcto, especialmente en controles solo para móvil.
- Haga que el texto sea fácil de revisar. Trate cada elemento como una declaración breve de beneficio, no como una explicación completa.
- Use solo los elementos más sólidos. Dejar un elemento en blanco suele ser mejor que añadir un mensaje que no merezca su espacio.
Para obtener detalles de configuración sobre cómo se estructuran las partes del tema, consulte la documentación de Shopify sobre secciones y bloques