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.

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.