En el editor de temas: PersonalizarPágina de colecciónAgregar secciónTítulo de colección

Título de colección

La parte superior de una página de colección: el nombre, la descripción, la ruta de navegación y una fila de tipos de producto para pasar de uno a otro.

La fila de tipos lee tus productos. De dónde salen los tipos se define en la configuración del tema, en “Tipos de producto”.

Configuración

Título

Título para esta página
TextoReemplaza el nombre de la colección en el título y en la ruta de navegación, sin cambiar la colección en tu tienda. Vacío: el nombre de la colección.
Mostrar el número de productos
Activado o desactivadoPredeterminado: Activado
Mostrar la descripción de la colección
Activado o desactivadoPredeterminado: Desactivado
Mostrar la imagen de la colección
Activado o desactivadoPredeterminado: DesactivadoLa imagen que definiste para la colección en el panel de control de Shopify.
Forma de la imagen
Opción: Franja ancha, Estándar (16:9)Predeterminado: Franja ancha

Tipos de producto

Cómo se muestran los tipos
Opción: Fila de nombres, Fotos redondas, Lista desplegable, No mostrar tiposPredeterminado: Fila de nombresFila de nombres: los nombres de los tipos en una línea; tocar uno filtra los productos. Fotos redondas: una foto redonda sobre cada nombre. Lista desplegable: un botón pequeño con foto, nombre y flecha que abre una lista con todos los tipos. Solo aparece cuando la colección tiene dos tipos o más. El origen de los tipos se define en Configuración del tema, Tipos de producto.
Estilo de la fila de nombres
Opción: Pestaña colgante, Riel con píldora de tinta, SubrayadoPredeterminado: Pestaña colgantePestaña colgante: la línea bajo el título se convierte en un riel del color del marco, y el nombre elegido cuelga de él en una pestaña con la forma de la muesca del logotipo. Riel con píldora de tinta: los nombres están sobre una sola superficie y el nombre elegido va en una píldora rellena, como el selector de vista de abajo. Subrayado: el nombre elegido en tinta plena con una línea fina debajo.
Duración del deslizamiento al nombre elegido
Control deslizante, de 0 a 800 msPredeterminado: 420 msLa pestaña o la píldora se desliza hasta el nombre tocado. 0: se mueve al instante. Los visitantes que pidieron a su dispositivo menos movimiento siempre lo ven al instante.
Color de la pestaña
ColorVacío: el color de todas las pestañas — el color del marco, o el color oscuro de la tienda cuando el marco es claro.
Color del texto de la pestaña
ColorVacío: claro sobre una pestaña oscura, oscuro sobre una clara.
Nombres y fotos redondas en ordenador
Opción: Pasar a más líneas, Deslizar hacia los ladosPredeterminado: Pasar a más líneasEn los teléfonos siempre se deslizan hacia los lados.
Tipos en las colecciones de la página de colecciones
Opción: Fila de nombres subrayada, Fotos redondas, No mostrar tiposPredeterminado: Fila de nombres subrayadaPara una colección de la fila de pestañas de la página de colecciones: la fila de tipos bajo las pestañas. La fila de nombres subrayada es discreta y se ve claramente dentro de la colección elegida; las fotos redondas muestran una foto sobre cada nombre. Solo aparece cuando la colección tiene dos tipos o más.
Mostrar la ruta de navegación
Activado o desactivadoPredeterminado: Activado
Menú para la ruta de navegación
MenúCuando la colección está bajo un elemento de este menú, ese elemento aparece en la ruta.

Espacio alrededor del título

Espacio sobre el título
Control deslizante, de 0 a 60 pxPredeterminado: 8 pxEn los teléfonos se muestra al 75 % del valor.
Espacio bajo el área del título
Control deslizante, de 0 a 60 pxPredeterminado: 24 px
La configuración que comparten todas las seccionesVentana, Desplazamiento, Espaciado, Colores, Estilo del texto

La configuración de ventana, desplazamiento, espaciado y colores funciona igual en todas las secciones. Ver cómo funciona.

Ventana

Unión
Opción: Ventana separada, Unida a la ventana de arriba, Unida a la ventana de abajo, Unida arriba y abajoPredeterminado: Ventana separada

Desplazamiento

La siguiente sección la cubre al desplazarse
Activado o desactivadoPredeterminado: DesactivadoAl desplazarse hacia abajo, esta sección permanece fija bajo el encabezado y la siguiente sección sube por encima. Al volver hacia arriba, el efecto se invierte. Desactivado en el editor, para los visitantes que pidieron movimiento reducido y en pantallas muy bajas.

Espaciado

Espaciado personalizado para esta sección
Activado o desactivadoPredeterminado: DesactivadoDesactivado: el espaciado entre secciones de la configuración del tema, en Diseño. Activado: los valores de aquí, arriba y abajo de esta sección. En móvil, la mayoría de las secciones usan el 65 % de ellos.
Espacio superior
Control deslizante, de 0 a 160 pxPredeterminado: 0 px
Espacio inferior
Control deslizante, de 0 a 160 pxPredeterminado: 0 px
Ancho del contenido
Opción: Estrecho, Estándar, Ancho, Ancho completoPredeterminado: Estándar

Colores

Esquema de color
Esquema de coloresIgual que el esquema de la página: la sección queda sobre el fondo de la página. Otro esquema da a la sección su propio fondo, como una tarjeta dentro del marco. Los colores personalizados de abajo tienen prioridad.
Usar colores personalizados para esta sección
Activado o desactivadoPredeterminado: DesactivadoDe lo contrario, la sección usa los colores del tema.
Fondo
ColorPredeterminado: #F1F1EF
Texto
ColorVacío: automático. Claro sobre fondo oscuro, oscuro sobre fondo claro.
Estilo del fondo
Opción: Color plano, Escenario iluminadoPredeterminado: Color planoEscenario iluminado: una luz suave desde arriba que se atenúa hacia abajo, a partir del color de la sección, claro u oscuro. En un color oscuro, el texto y los botones se aclaran solos.
Color de la luz
ColorLa luz suave desde el centro superior. Vacío: blanco.

Estilo del texto

Estilo de texto personalizado para esta sección
Activado o desactivadoPredeterminado: DesactivadoDe lo contrario, la sección usa el estilo del tema. Las fuentes de Shopify no incluyen hebreo, así que eliges entre estilos que funcionan en hebreo.
Estilo del título
Opción: Predeterminado del tema, Ligero, Negrita, SerifPredeterminado: Predeterminado del tema
Tamaño del título
Control deslizante, de 70 a 160 %Predeterminado: 100 %
Color del título
ColorVacío: automático, usa el color de la sección (claro sobre fondo oscuro).
Estilo del texto
Opción: Predeterminado del tema, Ligero, Negrita, SerifPredeterminado: Predeterminado del tema
Tamaño del texto
Control deslizante, de 70 a 160 %Predeterminado: 100 %
Color del texto
ColorVacío: automático, usa el color de la sección (claro sobre fondo oscuro).

¿Algo de aquí no coincide con lo que ves en el editor? Escríbenos y corregiremos la guía.