Problemas con el pago pero solucionado

Bueno pues he tenido problemas con el pago en la versión móvil, ya que JQuery Mobile trata los dominios cruzados de una forma especial al igual que el tratamiento con AJAX por lo que recurrí a una tutoría con el profesor, y tras salir parecía que iba a seguir con el problema, pero jamás imagine que un simple fragmento para las anclas (<a></a>) se solucionaba todos los problemas que he tenido con JQuery Mobile como era la redirección a la página principal que se puede ver en un ordenador y además cargar perfectamente el html del carro de compra sin interferencias con otros html. Solo tenía que añadir un atributo que es: rel=”external”. Con esto y eliminando el js de jquery mobile del carro de la compra, he visto que pierde las clases que las añadía con el js y la capacidad del “collapsible-set”. Lo que he hecho a sido añadir las clases manualmente y prescindir del “collapsible” y funciona perfectamente. Por lo que ahora si puedo decir que está terminada.

Anuncios

WEB TERMINADA!

Al fin esta terminada la web, tras terminar la sección de carnicería e incluir precios en todos los productos y terminar de ajustar la compra en web móvil, todo está terminado.

Recordamos que quedaba una barra lateral en la sección de contactos, pues bien, he metido un widget de Twitter Developers donde aparece cada tweet que la gente ponga sobre un tema el cual yo introduzco, y como de momento es para la asignatura, dichos comentarios serán sobre la ETSIT, nuestra escuela. Además encima he introducido en un bloc de notas la dirección con el teléfono en un microformato de hCard, el cual podrá recoger el contacto y almacenarlo donde queramos. (Ya utilicé otro para la dirección de la tienda).

Así queda finiquitada la web a expensas que el profesor lo corrija y si falta por ultimar algo, queda terminada. O no!

Habrá que ir investigando y retocando poco a poco la web, añadiendo facilidad para el usuario y que sea más ligera con menor transferencia de datos para que cargue más rápido y haga más feliz al usuario y compre obviamente.

El pase de diapositivas requiere JavaScript.

Mercado Tradicional

Tienda en version móvil

Bueno pues a falta de hacer la sección de carnicería tanto en la web normal como la web móvil os voy a contar como lo he hecho y no ha sido un camino de rosas, ya que para añadir los productos no me servía el script que tenía, tras comerme la cabeza por como poder integrarlo (solo funcionaba si actualizaba la página y no correctamente), he encontrado otro con JQuery y PHP, que ya configurado y adaptado a  mi web está funcional, salvo la redirección a Paypal para el pago, que todavía tengo que revisar. He añadido una sección solo para el carro de la compra donde se realizarán cambios si el consumidor desea, y se terminará la compra. En cada sección hay un apartado de carro de compra para saber que se lleva añadido y cuanto dinero se está almacenando.

Con respecto a JSON, lo he intentado varias veces, probando varias formas de integrarlo (lo bueno que tiene JSON es que soporta múltiples lenguajes para integrar), pero no lo he logrado y no me funcionaba por razones que desconozco ya que lo hice igual que en la web normal. He decidido ir por la vía segura, y algo mas “HardCore” y ha sido todo manual, pero como ya tenía las pautas de productos de la web normal me ha costado mucho menos.

la foto 1-1 la foto 2

Día productivo

Pues parece que una fecha tan extraña como hoy 12/12/12 me ha traído suerte y ha sido un día provechoso ya que tras una tutoría con el profesor por un problemas al desplegar los pasos en las recetas (se ha solucionado con livequery ya que cuando carga la página no existía el atributo ya que lo importaba desde JSON, y con ello ya funcionaba perfectamente), me he puesto manos a la obra para no dejarlo de lado y he terminado la sección de recetas y con esto prácticamente toda la web (falta alguna foto de ofertas, terminar la sección de carnicería y un aside en sección de contacto), y también he terminado las móviles de galería y recetas, quedando únicamente por terminar en la web móvil la tienda y sus productos, que ante la facilidad de JSON, me da a mi que volveré a utilizarlo.

Os dejo unas imágenes de como ha quedado cada cosa:

El pase de diapositivas requiere JavaScript.

Sección Galería

Pues trás probar varias formas de colocar las imágenes y como sería mas fácil para el visitante, he elegido un estilo por el que fluyan las imágenes y se aumente su tamaño, manteniendo la posición que tiene, y el resto de imágenes que estén a su lado cuando aumente, fluya a otro lugar de la página. Esto es algo que he encontrado en CSSPlay, y me ha facilitado mucho al acoplarse fácilmente a la página sin apenas cambios.

El pase de diapositivas requiere JavaScript.

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

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.