# Página del producto y página de la clase

> Cómo ve el alumno el producto y la clase: el modelo de listado, el banner del producto, la barra lateral, el marcado, la oferta y las taxonomías.

Cada producto tiene dos pantallas de visualización. La **Página del producto** define la lista que ve el alumno al abrir el producto. La **Página de la clase** define la pantalla en la que mira la clase. Solo cambian la apariencia: no cambian quién tiene acceso.

## Cómo funciona

Las dos pantallas están en el grupo **Configuraciones**, en el encabezado del producto:

- **Configuraciones > Página del producto**: el modelo de listado y el banner del producto.
- **Configuraciones > Página de la clase**: la barra lateral, el marcado y la navegación.

Las dos guardan con la barra inferior.

## La página del producto

### El modelo de listado

| Modelo | Qué ve el alumno |
|---|---|
| **Ninguno** | Sin página de listado. Al abrir el producto, el alumno va directo al primer contenido. |
| **Cuadrícula** | Los contenidos en tarjetas, en columnas. |
| **Listado** | Un contenido por fila, con la miniatura al lado del título. |
| **Cronología** | Los contenidos en secuencia, en una línea de tiempo vertical. |
| **Cademí** | Un destacado arriba y los contenidos en carruseles, al estilo streaming. No existe en el blog. |

### Las opciones de cada modelo

Las opciones cambian con el modelo elegido.

- **Formato de la miniatura** (Cuadrícula y Listado): **Automático**, **Automático Original**, 16:9, 4:4, 4:5 o 4:7.
- **Columnas por fila** (Cuadrícula): **3 columnas** o **4 columnas**.
- **Separar por módulos** (Cuadrícula, fuera del blog): agrupa las tarjetas por módulo, con un título por módulo. Activado, quita **Elementos por página**.
- **Elementos por página** (Cuadrícula, Listado y Cronología).
- En el modelo **Cademí**:
  - **Mostrar módulos como carrusel**. Desactivado, los módulos quedan en cuadrícula, con **Columnas por fila**.
  - **Mostrar el título de los módulos**.
  - **Formato de la miniatura**.
- En un blog:
  - **Ordenar por**: **Fecha de creación**, **Fecha de publicación** o **Secuencial**, el orden manual del árbol.
  - **Dirección**: **Ascendente** o **Descendente**.

En Cuadrícula, Listado y Cronología hay además tres paneles: **Título**, **Fecha** y **Resumen**. Tienen **Mostrar título**, **Mostrar fecha** y **Mostrar resumen**, cada uno con **Alineación**. La fecha tiene también el **Formato**, con la fecha de hoy como ejemplo.

### El banner del producto

El banner del producto es una franja destacada en la parte superior de la página del producto. Solo existe cuando el modelo no es **Ninguno**. Para activarlo, abre el panel **Banner** y activa **Mostrar banner**.

Con el banner activado, configuras:

- **Contenido del banner**:
  - **Logo**, en PNG de hasta 300 KB;
  - **Textos** en **Automático**: el nombre del producto y el recuento de módulos y clases;
  - o **Textos** en **Personalizado**: **Título** y **Texto**, cada uno con un color;
  - **Mostrar sombra en los textos**;
  - **Mostrar botón continuar**, que lleva al alumno al punto en el que se quedó, con **Texto del botón** y **Colores del botón**.
- **Imágenes de fondo**: **Imagen para escritorio** (JPG o PNG de hasta 300 KB, 1920 × 1080 px) e **Imagen para móvil** (600 × 1050 px).
- **Vídeo de fondo (opcional)**:
  - **URL del vídeo** (YouTube o Vimeo) y **URL del vídeo para móvil**;
  - **Mostrar superposición del vídeo**: un color con transparencia sobre la imagen o el vídeo;
  - **Sonido del vídeo**: los navegadores reproducen el vídeo automáticamente solo cuando está sin sonido;
  - **Al terminar el vídeo**: **Repetir** o **Detener**.
- **Apariencia**: **Altura del banner**, en porcentaje de la pantalla, y **Mostrar degradado inferior**.

Se parece al **Banner completo** de la pantalla **Contenido > Banners**, pero está atado a este producto y tiene opciones propias. Los textos automáticos y el botón continuar existen solo aquí. La acción al hacer clic, el color del menú y la reducción durante el vídeo existen solo allá. Mira [Banners](/es/conteudo/banners).

## La página de la clase

- **Vídeo destacado en el móvil**: en el móvil, el contenido de la clase aparece antes de la barra de módulos. En la computadora, el orden no cambia.
- **Reproductor en modo teatro**: el vídeo más grande, desde que se abre.
- **Pestaña de contenido fija**: la lista de módulos y clases acompaña el desplazamiento.
- **Barra lateral**:
  - **Mostrar barra de módulos**;
  - **Mostrar lista de módulos reducida**, para productos con submódulos;
  - **Mostrar numeración de las clases**, como en "1. Bienvenida";
  - **Nomenclatura**: el nombre que tienen las clases en este producto (Plural y Singular).
- **Progreso**: **Mostrar progreso total del alumno**, la barra con el porcentaje en la parte superior de la barra lateral.
- **Marcado**:
  - **Mostrar botón de marcar como visto**;
  - **Mostrar el botón después de marcado**. Desactivado, el botón desaparece después de que el alumno marca la clase;
  - **Marcado automático**: el tiempo en la clase hasta que se marca sola. Elige **Predeterminado** o de **1 minuto** a **1 hora y media**.
- **Navegación**: los botones de anterior y siguiente debajo de cada clase. En **Tipo**, elige **Simple** (texto) o **Miniatura**. La miniatura tiene **Formato de la miniatura** y **Mostrar título**.
- **Próximo Producto**: el **Producto** sugerido al final del contenido y el **Texto del botón**. Vacío, el botón usa el nombre del producto.

## El alumno sin acceso y la página de oferta

Quien no tiene el producto ve la tarjeta con candado en la vitrina. Al hacer clic, va a la **URL de oferta** del producto. Configuras la oferta en **Configuraciones > General**, junto con la **Entrega esperada**. Mira [Productos y formatos](/es/conteudo/produtos).

**Atención: aquí es donde ocurren más errores.** El producto no tiene oferta. Resultado: el alumno hace clic en el candado y llega a una puerta cerrada. El panel muestra estos productos de dos formas:

- el pendiente **Sin oferta**, en **Contenido > Productos**;
- el aviso **Oferta no configurada.**, cuando eliges el producto en un banner.

En los dos lugares, el formulario **Aumenta tus ventas** completa la oferta en el momento.

La página de oferta no vale para el alumno que tiene el producto y está bloqueado por otro motivo. Por ejemplo: la clase todavía no se abrió, espera un examen o un porcentaje de progreso, o está en borrador. Ese alumno se queda en el área, con la explicación. La vista previa del administrador tampoco sigue la página de oferta.

## Las taxonomías (solo en el blog)

En un producto en formato **Blog**, la pantalla **Configuraciones > Taxonomía** crea los grupos que clasifican las clases: categoría, nivel, tema.

1. Haz clic en **Nueva taxonomía**.
2. Completa **Nombre**, como aparece al clasificar. Por ejemplo: "Categoría".
3. Completa **Nombre en plural**, el título de la lista de filtros. Por ejemplo: "Categorías".
4. Guarda.
5. En la tarjeta de la taxonomía, haz clic en **Agregar Categoría**. El botón usa el nombre que le diste.
6. Completa el **Nombre** del término y, si quieres, la **Miniatura**.
7. En la pantalla de cada clase, clasifica la clase en los términos.

Para mostrar las taxonomías como filtros en la lista del alumno, activa **Taxonomía como filtro**.

Eliminar una taxonomía borra sus términos, y el contenido pierde esa clasificación. La miniatura del término aparece cuando la vitrina muestra miniaturas por esa taxonomía. Mira [Vitrinas y grupos](/es/conteudo/vitrines-e-grupos).

## Para tener en cuenta

- **Opciones guardadas.** Cambiar el modelo de listado oculta las opciones de los otros modelos. No se borran.
- **Marcar como vista.** Es el botón que ve el alumno. Con **Mostrar botón de marcar como visto** desactivado, la clase solo se completa por el reproductor, por el marcado automático o por el examen. Mira [Módulos y clases](/es/conteudo/modulos-e-aulas).
- **Dónde están la portada y el color.** La portada y el **Color de acento** del producto están en **Configuraciones > General**, no aquí.

## Preguntas frecuentes

**Quiero que el alumno entre directo a la primera clase.** Elige el modelo **Ninguno** en **Configuraciones > Página del producto**.

**El banner del producto no aparece.** Revisa que el modelo no sea **Ninguno** y que **Mostrar banner** esté activado.

**El alumno hace clic en el candado y no pasa nada.** El producto no tiene **URL de oferta**. Complétala en **Configuraciones > General**.