Tomando como marco de referencia el documento MVP.
Elaborar la vista detalles del producto que mostrará los detalles de un producto seleccionado por un usuario, pero a su vez le debe permitir al usuario seguir realizando búsquedas de otros productos en caso de que el seleccionado no haya satisfecho su necesidad o en caso de hacerlo y haberlo agregado al carro de compras él pueda continuar buscando otros productos sin salir de ésta pantalla.
De ésta manera le facilitamos el proceso de búsqueda y selección drásticamente al usuario.
URL -> { /product/{slug} }
La vista deberá constar de:
[ ] Utilizar el mismo navbar que en la LandingPage.
[ ] Una sección donde se mostrarán todas las fotos que disponga el producto. Ver como modelar ésto, puede ser un carousell.
[ ] Una sección donde se explayen sus características.
[ ] Una sección donde se muestren su little description (descripción abreviada, la misma que se muestra en /search y / ).
[ ] Una sección donde se muestre su long description (descripción completa).
[ ] Una sección donde se muestre:
El precio del producto.
El stock disponible del producto.
Un selector + / - para indicar la cantidad del producto actual que desea agregar al carrito.
Las formas de pago que brinda la empresa.
Un botón que permita añadir el producto al carrito.
[ ] Utilizar el mismo footer que en la LandingPage.
Tomando como marco de referencia el documento MVP.
Elaborar la vista detalles del producto que mostrará los detalles de un producto seleccionado por un usuario, pero a su vez le debe permitir al usuario seguir realizando búsquedas de otros productos en caso de que el seleccionado no haya satisfecho su necesidad o en caso de hacerlo y haberlo agregado al carro de compras él pueda continuar buscando otros productos sin salir de ésta pantalla.
De ésta manera le facilitamos el proceso de búsqueda y selección drásticamente al usuario.
URL -> { /product/{slug} }
La vista deberá constar de:
[ ] Utilizar el mismo navbar que en la LandingPage.
[ ] Una sección donde se mostrarán todas las fotos que disponga el producto. Ver como modelar ésto, puede ser un carousell.
[ ] Una sección donde se explayen sus características.
[ ] Una sección donde se muestren su little description (descripción abreviada, la misma que se muestra en /search y / ).
[ ] Una sección donde se muestre su long description (descripción completa).
[ ] Una sección donde se muestre:
[ ] Utilizar el mismo footer que en la LandingPage.
Al igual que en el resto de las vistas tomaremos como referencia a TiendaVirtual con el siguiente ejemplo.
La vista que se comparte como ejemplo es perfecta para identificar los componentes que se deben replicar.
[ ] Una vez finalizado el diseño, pasarlo a mobile.