Este es el cuarto post de la serie “Crear la web de un restaurante” que ayudará a crear la pagina web de un restaurante, en este caso vamos a continuar la personalización de Melao tema html para restaurante, ahora nos ocuparemos de la zona de testimonios el espacio donde se podrán mostrar los diferentes comentarios sobre nuestro restaurante que hayan realizado los clientes.
Pero antes, es importante recordar que estamos trabajando como base con Melao Tema responsive Html / Css para restaurantes, cafeterías, bares. Sería muy interesante ir siguiendo esta serie de artículos/vídeos a medida que vas realizando las labores en tu propio equipo, por eso la invitación es a adquirir el tema, te dejamos los datos:
Melao Tema Html para restaurante
Melao Tema responsive Html / Css para restaurantes, cafeterías, bares es un tema ideal para restaurantes, bares y todos los derivados, que permitirá mostrar la información detallada del negocio, mostrando su menú, horarios de atención, promoción de eventos, formulario para reservaciones y varias opciones mas.
DEMO COMPRARRecuerda: Para tener una versión completa del proceso revisa el vídeo que encontraras al final de este post, o en nuestro canal de youtube.
Testimonios
En esta área vamos a encontrarnos con 2 características del tema, la primera para presentar al chef principal de nuestro restaurante, algo bastante común en las web de restaurantes y que permite a los visitantes conocer quien prepara su comida y cual es su especialidad. En este caso he decidido que vamos a remover este elemento, por que no contamos con solo 1 chef y también para demostrar que puedes modificar, o eliminar las secciones de acuerdo a la conveniencia.
Para ellos vamos a buscar la sección con nombre “About chef” y vamos a proceder a eliminar todo el bloque.
La segunda de las características de testimonios es un carrousel (Galeria, slide) que muestra la fotografía de uno de los platos que se vende en el restaurate, el nombre del mismo, y un pequeño parrafo, que puede ser la mención que realiza uno de los visitantes acerca del mismo. Otra interesante opción podría ser dar una descripción mas detallada de platos especiales o que se sirven en distintas ocasiones. Y porque no otra tercera opción sería mostrar mas imagenes del restaurante con una pequeña descripción.
Para el caso vamos a utilizar la primera opción. Ubicamos en el código la sección “Gallery“, la composición es sencilla. Tenemos una etiqueta <ul> encargada de el contenedor de los testimonios. Dentro tenemos varios items <li> que su función es generar cada item de esta galería. Si continuamos hacia adentro encontraremos la etiqueta de <img> imagen, <h4> titulo, <p> párrafo de descripción, y las estrellas para la calificación que se le ha otorgado.
Modificando cada uno de esos elementos tendremos funcional nuestro carrousel, se pueden añadir o quitar a la conveniencia, recordando que cada item es generado por todo lo que esta dentro de la etiqueta <li>. Para ver con mas claridad estos detalles te invitamos a ver el vídeo al final de este post.