Plantillas: Archivos | Personalización Avanzada | Documentación WS.WebTV | WebTV Solutions

Imprimir

NOTAS (*LEER PRIMERO*)

Ubicación de las plantillas
En el caso del tema "Default", los archivo de plantilla los encontrará en la carpeta public/frontend/default.
Para más información sobre cómo cretar un tema, lea este tutorial. Adicionalmente, para enterder el sistema de plantillas, por favor lea este documento.

_theme.ini
El archivo de definición del tema "Default" de la WebTV se encuentra en public/frontend/default/_theme.ini . Él contiene las relaciones entre las diferentes páginas/secciones de la WebTV y los archivos de plantilla, así como otros ajustes del tema.

Archivos de la Extensión Interfaz Móvil (Tema "Classic" únicamente)
NOTA: Como el nuevo Tema V2 incluido en WS.WebTV 2.0 es "responsive", no tiene archivos específicos patra móvil.
En el Tema "Classic", la mayoría de las plantillas tienen su correspondiente archivo para la Interfaz Móvil. Estos archivos tienen el prefijo de extensión ".mobile". Por ejemplo, el archivo de Interfaz Móvil para la plantilla "clip.tpl" es "clip.mobile.tpl".
TIP: Si está desarrollando un Tema responsivo para la WebTV, entonces puede deshabilitar la Extensión Interfaz Móvil y olvidarse de los archivos específicos para dicha interfaz. Para deshabilitar la extensión, edite el archivo config/Config.inc.php y añada la siguiente línea antes del tag de cierre de PHP:
$DISABLE_MOBILE_UI = true;

HTML: head y fin de cuerpo comunes
La mayoría de las plantillas comparten un head HTML y fin de cuerpo común.
HEAD: inc_html_head.tpl (HTML head, scripts, CSS, etc.)
Fin de cuerpo: inc_html_end_body.tpl (scripts, etc.)

Encabezado y pie de página comunes
La mayoría de las plantillas comparten un encabezado y pie de página común.
Encabezado: inc_header.tpl (logo, menú de navegación principal, etc.)
Pie de página: inc_footer.tpl (pie de página, menú de pie de página...)

Estructuras HTML reutilizadas
Muchas plantillas comparten una misma estructura HTML (principal). Por ejemplo, muchas secciones reutilizan la disposición (layout) de la "Página con sidebar" la cual tiene la barra lateral a la derecha (donde se muestran los Widgets) y el contenido principal a la izquierda.

Los archivos de plantillas

A continuación encontrará la lista de los diferentes archivos de plantilla de WS.WebTV.

Categorías | Listado de Categorías
Índice archivo _theme.ini "category_list".
La lista de Categorías...
Archivo: category_list.tpl. Ejemplo

Categorías | Categoría
Índice archivo _theme.ini "category_overview".
La página de la Categoría.
• "Default" (category.tpl). Muestra el poster en la parte superior. Ejemplo
• "Slider" (category_slider.tpl). En vez del poster de la Categoría, esta plantilla muestra un slider con los últimos ítems de la Categoría.

Categorías | Category Item List
Índices archivo _theme.ini "category_channels", "category_clips", "category_channels", "category_news", "category_events", "category_galleries".
La lista de ítems (Canales, Clips, Noticias, Eventos o Galerías) de una Categoría... Tenga presente que, de requerirlo, puede independizar estas plantillas.
Archivo: category.tpl. Ejemplo


Canales | Listado de Canales
Índice archivo _theme.ini "channel_list".
Un listado de Canales.
Archivo: search_results.tpl. Ejemplo

Canales | Canal de Vídeo
Índice archivo _theme.ini "channel".
• "Default" (channel.tpl). El reproductor de vídeo ocupa el ancho de la página. Ejemplo
• "WS.Tube" (channel_tube.tpl). El reproductor de vídeo es más pequeño y la barra lateral (sidebar) aparece a la derecha de éste. Ejemplo
• "Player only" (channel_player_only.tpl). Similar a "Default", pero no tiene las secciones de navegador de vídeos (pestañas Por Fecha, Destacados, etc.) y Vídeos Relacionados.
• "Player only + Program Guide" (channel_player_only_pg.tpl). Similar a "Player only", pero también incluye una guía de programación básica.

Canales | Texto/HTML (Página)
Índice archivo _theme.ini "text_channel".
• "Default" (page.tpl). Una página simple donde se muestra el contenido de texto/HTML. Ejemplo
• "Page with sidebar" (page_sidebar.tpl). Como "Default" pero con la barra lateral (sidebar).

Channels | Portal
Índice archivo _theme.ini "portal_channel".
• "Default" (portal.tpl). Ejemplo
• "Big Silder" (portal_bigslider.tpl). Como "Default" pero el slider ocupa el ancho de la página.


Clips | Listado de Clips
Índice archivo _theme.ini "clip_list".
Un listado de Clips (vídeos)...
Archivo: search_results.tpl. Ejemplo

Clips | Clip
Índice archivo _theme.ini "clip".
• "Default" (clip.tpl). El reproductor de vídeo ocupa el ancho de la página. Ejemplo
• "WS.Tube" (clip_tube.tpl). Similar a la plantilla de Canal "WS.Tube"; en este caso, el reproductor de vídeo es más pequeño y la barra lateral (sidebar) aparece a la derecha de éste. Ejemplo


Galerías | Listado de Galerías
Índice archivo _theme.ini "gallery_list".
Un listado de Galerías...
Archivo: gallery_list.tpl. Ejemplo

Galerías | Galería
Índice archivo _theme.ini "gallery".
La página de una Galería...
Archivo: gallery.tpl. Ejemplo


Extensión Noticias & Eventos | Listado de Noticias
Índice archivo _theme.ini "news_list".
Un listado de Noticias...
Archivo: news_list.tpl. Ejemplo

Extensión Noticias & Eventos | Noticia
Índice archivo _theme.ini "news".
La página de una Noticia...
Archivo: news.tpl. Ejemplo

Extensión Noticias & Eventos | Listado de Eventos
Índice archivo _theme.ini "event_list".
Un listado de Eventos...
Archivo: event_list.tpl. Ejemplo

Extensión Noticias & Eventos | Evento
Índice archivo _theme.ini "event".
La página de un Evento...
Archivo: event.tpl. Ejemplo


Búsqueda | Resultados (Resumen)
Índice archivo _theme.ini "search_overview".
Cuando se realiza una búsqueda genérica, esta es la página de resumen con los ítems (de cualquiertipo) encontrados.
Archivo: search_overview.tpl. Ejemplo

Búsqueda | Resultados {por tipo de ítem}
Índice archivo _theme.ini "search_results_{tipo}".
• Resultados de búsqueda para Canales (search_results.tpl) . Ejemplo
• Resultados de búsqueda para Clips (search_results.tpl) . Ejemplo
• Resultados de búsqueda para Galerías (search_results_galleries.tpl) . Ejemplo
• Resultados de búsqueda para Noticias (search_results_news.tpl) . Ejemplo
• Resultados de búsqueda para Eventos (search_results_events.tpl) . Ejemplo


Relacionados con Usuarios
Índices archivo _theme.ini "user_{*}".
• Inicio de Sesión (user_login.tpl) . Ejemplo
• Olvido de contraseña (user_passforgot.tpl) . Ejemplo
• Recuperación -reset- de contraseña (user_passreset.tpl). Esta es la página que permite al Usuario cambiar su contrtaseña.
• Registro (user_registration.tpl) . Ejemplo
• Verificación (user_verification.tpl). Esta es la página que ve un Usuario cuando verifica su E-Mail.
• Perfil (user_profile.tpl). Similar a la página de resumen de resultado de búsqueda pero también muestra información sobre el Usuario (en caso de estar disponible). Ejemplo.


Extensión Tienda
Índices archivo _theme.ini "store_{*}".
Archivos de la extensión (store_*.tpl)


Otros
• Popup de Comentarios (índice en _theme.ini: "popup_comments", Archivo: popup_comments.tpl).
El popup que se abre al hacer click en el botón de Comentarios del Vídeo (en un Canal).

• Compartir vídeo por E-Mail (índice en _theme.ini: "popup_share_via_email")
Tema V2 - Archivo: iframe_share_via_email.tpl.
El recuadro/iframe usado para compartir un vídeo por E-Mail.
Tema Classic - Archivo: popup_share_via_email.tpl.
El popup que se abre al compartir un vídeo por E-Mail.

• Plantilla de E-Mail: Newsletter Últimos Contenidos (índice en _theme.ini: "email_new_content_digest", Archivo: email_new_content_digest.tpl).
Esta el la plantilla HTML del Newsletter Últimos Contenidos que se enviará, por E-Mail, a los Usuarios.

• Plantilla de E-Mail: Verificación de Usuario (índice en _theme.ini: "email_user_verification", Archivo: email_user_verification.tpl).
Este es el HTML que se enviará, por E-Mail, al Usuario, cuando se registra.

• Plantilla de E-Mail: Recuperar contraseña (índice en _theme.ini: "email_user_passreset", Archivo: email_user_passreset.tpl).
Este es el HTML que se enviará, por E-Mail, al Usuario, cuando ha solicitado la recuperación de su contraseña.

• Plantilla de E-Mail: Compartir vídeo (índice en _theme.ini: "email_clip_share", Archivo: email_clip_share.tpl).
Este es el HTML que se enviará, por E-Mail, al Usuario, cuando se utiliza la característica de compartir vídeo por E-Mail.

• Error: "Muy Pronto" (índice en _theme.ini: "error_comingsoon", Archivo: error_comingsoon.tpl).
Bueno, no es exactamente un error sino la página de "Muy Pronto" que se muestra para contenido que estará próximamente disponible.

• Error: "Contenido no disponible en tu país" (índice en _theme.ini: "error_geo_forbidden", Archivo: error_geo_forbidden.tpl).
La página que se muestra cuando un Usuario visita la URL de un contenido que no está disponible en su país (Geo Blocking).

• Error: "No Encontrtado" (índice en _theme.ini: "error_notfound", Archivo: error_notfound.tpl).
La página que se muestra cuando un Usuario visita la URL de un contenido que no está disponible (no existe o está inactivo).

• Error: "Prohibido" (índice en _theme.ini: "error_forbidden", Archivo: error_forbidden.tpl).
La página que se muestra cuando un Usuario intenta acceder a un contenido al que no está autorizado para hacerlo.

• Widgets: listado de ítems: (índice en _theme.ini: "widgets", Archivo: widget_{content type}_list.tpl).
Las plantillas utilizadas para mostrar listados de varios tipos de ítems (Clips, Canales, etc.), en los Widgets.