soporte@syltek.com

poggi

documentación de la plantilla

logo.

Al logo podremos acceder desde header, que se encuentra en Globales. Podemos poner la url en la que se encuentra la img o pinchando sobre la imagen, accederemos a archivos y elegimos cualquiera de las que hayamos subido anteriormente o podremos subir una en ese instante y seleccionarla.

cabecera.

Hay dos tipos de cabeceras, la de la home y la del resto de páginas.

CABECERA DE LA HOME: Esta cabecera dispone de  dos títulos sobre la imagen, dos pies de foto y la imagen de fondo (1366x768). Podemos modificarla desde Paginas - Home (o si creamos otra página de este tipo el nombre que le hayamos dado).

CABECERA DEL RESTO DE PÁGINAS: Estas cabeceras se encuentran en cada una de las páginas en el panel cabecera y contienen título, subtítulo e imagen de fondo (1200x350).

menú.

Para introducir el menú debemos entrar en "header" desde "Globales". Ahí encontraremos el apartado "Ítem del menú", haciendo click sobre nuevo podremos crear tantos apartados del menú como deseemos. Introduciremos el testo que queremos que aparezca en el menú y en url escribiremos "/nombrepágina", si queremos enlazar con una sección de la home debemos poner "/#nombreseccion". 

Ejemplo:
/club (Nos llevará a una página que hayamos creado nosotros y llamado club).
/#galeria (Nos llevará a la sección galería de la home).

Para crear un submenú no debemos rellenar la url de Ítem del menú, en ese apartado sólo deberemos rellenar el texto. Hacemos click sobre Ítem del submenú y rellenamos url y texto como hemos visto en el menú principal.

top.

Sección que se encuentra encima de header. Contiene un mail y enlaces, sólo se mostrará si completamos alguno de estos campos.


Footer.

El footer se encuentra en globales y debemos empezar a incluir información en él al principio, ya que otras secciones dependen de él y no se mostrarán bien si no mostramos el footer.

El footer está compuesto por tres columnas y las redes sociales.

Las columnas contienen un título. La primera y la tercera también contienen texto y la segunda una lista con enlaces.

TEXTOS.

Cuando queramos incluir textos lo haremos por párrafos. Cada vez que queramos generar un nuevo párrafo deberemos hacer click en "Nuevo".

Tenemos un desplegable para poder elegir el tipo de párrafo "texto normal (class="desc_news")" o "cita (class="desc_news important_news")". Si seleccionamos cita el texto aparecerá en cursiva.

Hay que tener cuidado con copiar y pegar texto de otros archivos, ya que estos podrán contener estilo y lo arrastraríamos lo que acabará con un resultado distinto al que teníamos en mente. Para solucionar esto y no tener que reescribir los textos los podemos pegar en un bloc de notas y de ahí lo volvemos a copiar y pegar en el gestor.

contacto.

La página contacto consta de tres partes: Mapa, formulario de contacto e información.

En la sección del mapa debemos introducir el src de la ubicación que nos proporciona Google Maps. Para ello, tras introducir la dirección en Google Maps hacemos click sobre compartir. Después clickamos en insertar mapa. Por último copiamos el texto del src (este texto va entrecomillado, lo copiaremos sin las comillas) y lo pegamos en el cms.

Formulario: Dispone de título 1 y título 2 (en realidad forman parte del mismo título, pero tienen dos estilos diferentes). Datos de envío del formulario: Introduciremos el asunto que tendrán los mails que recibamos desde el formulario, el mail al que nos llegan los formularios y los campos que queremos que rellenen obligatoriamente. También podemos modificar los nombres por defecto que aparecen en los campos del formulario (si queremos que no aparezca nada pondremos un espacio). 

 Por último, tenemos el apartado información en el que podremos poner un título y los datos de contacto de nuestro club.

equipo.

Tipo de página: staff

Ver en PÁGINAS --> EQUIPO del menú.

vídeos.

Tipo de página: staff

Ver en PÁGINAS --> VÍDEOS del menú.

Imágenes.


Tarifas.

Las páginas de tipo "Tarifa" contienen la cabecera, un título, un párrafo (por si queremos poner una breve descripción), las categorías y las tablas de tarifas.


Categorías: Debemos introducir un nombre de la categoría, que es el que aparecerá en la web y al hacer click sobre él se mostrará la tabla correspondiente. También habrá que escribir el identificador, se recomienda no utilizar mayúsculas, ni caracteres extraños, el identificador lo deberemos utilizar también en la table y se deberá escribir de forma idéntica en ambos lados.

Tabla de tarifas: podremos crear tantas tablas de tarifas como categorías. Por cada tabla necesitamos una categoría y debemos recordar escribir el identificador correctamente. Tras crear la tabla e introducir el identificador accederemos a "Filas". Podemos introducir tantas filas de dos columnas como queramos y en cada una de ellas debemos elegir el formato de la celda que podrá ser celda normal o cabecera

Iframe.

Las páginas de tipo "Iframe" las utilizaremos para embeber el programa de padelclick en nuestra web.

Debemos añadir la url de la parte del programa que queremos mostrar. A continuación tenéis un listado con urls:

  • Reservas: https://tenant.syltek.com/booking
  • Me apunto: https://tenant.syltek.com/publicjoinmematches/browse
  • Login: https://tenant.syltek.com/customer/login
  • Registro: https://tenant.syltek.com/customer/register
  • Noticias: tenant.syltek.com/customernews
Para que estas url funcionen en la web debemos cambiar la palabra "tenant" por el tenant de nuestro club.

calendario.

La página tipo calendario consta de Cabecera, título, subtítulo y la tabla calendario. Esta tabla se divide en meses (que nosotros mismos elegiremos). Cada uno de los meses se dividirá en el número de columnas que deseemos. En la cabecera de la tabla elegiremos el ancho de las columnas adjudicándoles un número entre 1 y 12 teniendo en cuenta que los números de todas las columnas deben sumar 12 (1 - anchura mínima, 12 - anchura máxima). Podemos añadir las filas que deseemos en cada mes, teniendo en cuenta que a cada celda le debemos asignar el mismo ancho que a la correspondiente celda de su cabecera.

noticias.

Este tipo de página está compuesta por Cabecera, título y Noticias de Padelclick. En Noticias de Padelclick deberemos añadir la url de las noticias y el número de noticias que queremos mostrar, si no ponemos nada en este apartado mostraremos todas las noticias que tengamos.

Torneos (tournaments).

La página "tournaments" consta de cabecera, título y subtítulo y la sección torneos. Podemos crear tantos cuadros de torneos como deseemos haciendo clic en "Nuevo". Por cada cuadro encontraremos dos imágenes, una pertenece a la sección de la izquierda y otra es el fondo de la sección de la derecha que contiene el texto y los botones. Tenemos que tener en cuenta que esta página se adapta a cualquier dispositivo, por ello las imágenes se cortarán dependiendo del tamaño de este para evitar que se deformen, en dispositivos pequeños, como móviles, la imagen de la izquierda no aparecerá. Además, cada torneo dispondrá de título, texto y botones. Podremos generar tantos botones como queramos y habrá que añadirles el texto que queramos mostrar y una url.


Ver ejemplo

Formularios.

Disponemos de tres páginas con formularios (Contacto, Formulario_contacto, Formulario_personalizado).


Las páginas de Contacto y Formulario contacto tienen el mismo tipo. Debemos rellenar los datos de envío del formulario:
  • Formulario de contacto: Asunto - Será el asunto con el cual nos llegarán los datos del formulario al correo electrónico que seleccionemos.
  • Formulario de contacto: Email al que llega - Pondremos el email en el cual queremos recibir la información del formulario.
  • Formulario de contacto: Campos obligatorios - Aquí debemos añadir los campos que queremos que sea obligatorio rellenar para poder enviar el formulario. Si no ponemos nada todos los datos serán obligatorios. Si queremos solo algunos obligatorios lo deberemos escribir separados por comas. Los campos serían: name, email, subject, phone, message.

La otra página con formulario (Formulario personalizado) es un poco más laboriosa de rellenar pero se podrá crear un formulario a medida. Igual que en las otras páginas habrá que rellenar los datos de envío del formulario. En este tipo de página dispondremos de dos tipos de campos de formulario. Tendremos los campos de formulario normales, iguales que los de los otros tipos de formulario aunque en este caso también elegiremos el tipo de input para poder controlar el tipo de datos que el usuario introduce. Por otro lado, tenemos los selects, listas desplegables en las que podremos elegir entre varias opciones.

Como funcionan los selects:  En primer lugar elegiremos un identificador único para el conjunto. Después en Opciones crearemos tantas opciones como deseemos y a cada una le debemos asignar un identificador único (palabra que identifique la selección y que no se repita) y el texto que queramos mostrar en el formulario.

Ejemplo de campo del formulario tipo select: Vamos a crear un campo del formulario en el que se elija el sexo del ususario.
Crearemos el select pinchando en "Nuevo" y escribiremos el identificador, en este caso "sexo". Después en Opciones crearemos 2. En la primera pondremos "hombre" como identificador y "Hombre" como nombre de la opción. En la segunda escribiremos identificador "mujer" y nombre de la opción "Mujer".

Ver ejemplo

Estadísticas (datos).

Panel de la Home - Estadísticas - Datos. Para cada contador que quieras crear tienes que hacer click en nuevo y te saldrá un panel. En cada panel hay que rellenar tres identificadores (luego se repiten pero solo los tenéis que rellenar una vez cada uno por panel), todos los identificadores deben tener un valor único (con poner una letra es suficiente). El contador va de 0 al valor que elijáis (cantidad) que es el que quedará fijo. por ejemplo, imagina que ponéis 250 alumnos, el número irá pasando de 0 a 250 de uno en uno y se parará en 250. En texto indicaréis a que corresponde cada valor.