Sección de contacto

Esta mañana tenía un poco de tiempo, de modo que me he puesto manos a la obra, y he terminado la sección de contacto a excepción del aside. Tenía ya puedo la situación en la que esta la tienda situada en un mapa, pero faltaba el contacto via e-mail,  y ya está hecho con un formulario, y envío con código php. Además le he metido una validación con JQuery. Con todo validará que el correo se envíe de forma correcta y además que cada una de las secciones sean rellenadas, y si es lo contrario que se indique que valor falta. Se pide lo básico, como el nombre para saber que persona se dirige a ti, el correo de contacto con esa persona y asunto y texto del correo que te envía. 

 

YA DISPONIBLE EN LA WEB. Mercado Tradicional

Anuncios

Carrito de la compra

Pues llegamos a los instantes finales de la creación de la página web, para ello uno de los últimos pasos es crear un carrito de la compra, donde poder añadir los items que pidamos con el peso y unidades que queramos, y como en este curso hemos dado JAVASCRIPT, que mejor que utilizarlo, por ello buscando encontré simpleCart.js donde se adecua a lo que quiero, teniendo que retocar alguna parte como poder poner decimales en los kilogramos, pero era un simple parseInt, y al cambiarlo a un parseFloat ya todo quedó correcto. Tras eso y ponerlo en Euros y los valores que necesito queda este resultado.

Imagen

 

Todavía queda retocar un poco más pero más o menos esta puede ser parte de la versión final.

Tiendas

Bueno, también he hecho recientemente, y sigo aún en ello, las secciones de las tiendas, y lo he hecho en modo “spoiler” para que pueda desplegarse y recoger los productos no haciendo muy extensa y pesada la web, esto lo he hecho con JQuery, he tenido problemas en cuanto que pinchaba a la sección y no desplegaba, y he encontrado una línea que simplificaba todo el código que había hecho con un solo operador ternario. Las secciones de despliegue las he realizado simplemente con una lista y que el código de JQuery funciones solo al él, por lo que el fin del elemento de la lista será solo para el título de la sección.

El resultado con la integración de fotos incluida y demás es el siguiente:

Imagen

También una web móvil

Pues he terminado también una web móvil que esta disponible parcialmente ya que solo se puede acceder a Contacto y bueno…estoy teniendo algunos problemillas a la hora de volver a la página completa, que junto al profesor estamos intentando resolverlos, porque he probado con código PHP, Javascript…y nada funciona, y lo extraño es que al recargar la página funciona de forma correcta, por lo que parece que de primeras no sale del ámbito móvil.

Aqui una imagen de como es, también os dejo la web, aunque si vais a la web normal desde un dispositivo móvil os manda a ella por el script metido creado con el userAgent.match e indicando el dispositivo. También en la web completa, abajo a la derecha esta el enlace. Web Móvil.

Imagen