Explicación y detalle de la tienda que obtendremos al final del tutorial, características y visión general de la misma.

Preparación del entorno de trabajo. Descarga de la plantilla que utilizaremos y configuración del sitio inicial en dreamweaver.

Creamos la plantilla que nos servirá para el resto del desarrollo de la página, utilizando includes de PHP. Separamos bloques de código para simplificar su manejo.

Completamos la creación de la primera página de nuestra plantilla. Creamos la base de datos y la tabla de productos que albergará los productos de nuestra tienda.

Modificamos la tabla de producto, exportamos la base de datos y creamos nuestro primer fragmento para conectarnos a MySQL con PHP

Obtenemos el primer dato en nuestra página Web de la tabla de productos. Resolvemos los errores de PHP que se nos muestran y sacamos el nombre del producto.

Creamos la tabla que almacenará los usuarios y creamos el espacio de trabajo para la parte de administración de la tienda para poder gestionarla. Los usuarios tendrán diferentes niveles de acceso a la parte de administración

Actualizamos la tabla de usuario y creamos el código que nos ayudará a validar si un usuario puede acceder o no a la parte de administración de la página.

Con nuestro código de acceso generado, necesitamos un administrador para poder crear usuarios. Para ello creamos una plantilla que nos servirá para crear el resto de páginas de la parte de administración

Utilizamos el código que habíamos realizado para sacar los datos de los productos, pero esta vez para los usuarios de la administración.

Utilizamos la página que acabamos de crear para construir la página de inserción de usuarios en la base de datos. Para ello cogemos la página de plantilla y eliminamos y añadimos según las necesidades de esa tabla de la base de datos.

Completamos los campos necesarios, de texto y desplegables, para introducir al nuevo usuario en la base de datos.

Completamos el formulario de inserción de datos y creamos una sencilla función para mostrar el tipo de usuario que tenemos en la base de datos. Con esto creamos la base para desarrollar el resto de páginas.

Un formulario para crear búsquedas sobre los usuarios de la base de datos, que nos servirá para el resto de páginas de la administración de la tienda, e incluso para la parte pública de la web.

Mejoramos el diseño de presentación del formulario, que nos servirá para las restantes búsquedas de los siguientes objetos que vamos a utilizar en la base de datos.

Comenzamos con la paginación de los resultados basados en la búsqueda dinámica que acabamos de realizar.

Hacemos que el buscador nos recoja el último dato en caso de que hayamos utilizado una búsqueda concreta. Comenzamos con la edición de usuario.

Copiamos la consulta de selección de usuarios para concretarla en el id del usuario que queremos modificar.

Utilizamos los fragmentos para insertar el código que nos permitirá actualizar los datos del usuario, tanto si ponemos la contraseña, como si no.

Utilizamos los fragmentos para insertar el código que podremos utilizar tanto para esta Web que estamos haciendo, como para cualquier otra Web, donde veremos una barra de progreso y podremos poner limitaciones como el tamaño, el tipo y las dimensiones de los archivos subidos.

Modificamos el Update para poder insertar la imagen en la base de datos y comenzamos con la validación de campos de los formularios para minimizar errores a la hora de introducir o modificar datos

Cerramos la validación sencilla y creamos una imagen gris que se mostrará tanto en la lista de usuarios como en el momento de actualizar un usuario.

Con una sencilla función en PHP, comprobamos si el e-mail que estamos insertando no existe en la base de datos para dar paso a la inserción correcta.

Finalizamos la comprobación del usuario aunque sea el que estamos modificando. Comenzamos con el script que nos ayudará a poner un símbolo para ordenar en los resultados los campos que necesitemos.

Con un sencillo script, habilitamos que podamos realizar una búsqueda ordenada sobre los campos que indiquemos. Esta ordenación se podrá utilizar en cualquier consulta a base de datos.

Con una pequeña modificación del código, vamos a lograr que el buscador de usuarios, que luego usaremos para otras páginas, sea inteligente y pueda buscar no solo por la frase que le indiquemos, si no por cada palabra de forma separada.

Duplicamos la página que tenemos de los usuarios para ir creando la selección de categorías. La haremos de forma muy rápida ya que no tendremos que escribir código prácticamente, solo cambiar detalles.

Utilizando el código escrito anteriormente, vamos a generar la página de añadir categorías de hasta 3 niveles, aunque de forma sencilla se pueden agregar nuevos niveles si se necesita.

Usamos el archivo de funciones para crear las funciones que iremos utilizando para obtener las categorías, subcategorías y subsubcategorías, para tener en total 3 niveles.

Creamos más funciones para proceder a la edición de categorías, lo que nos permitirá seleccionar y mover las categorías de sitio según necesitemos.

Creamos una función más para finalizar el tema de las categorías y vamos a restringir el acceso a la administración finalmente, para que sólo pueda acceder a la administración la persona que decidamos.

Las restricciones de acceso nos ayudarán a determinar el nivel de usuario que hay que poseer para poder acceder a una sección u otra dentro de la parte de administración

Finalizamos la codificación para restringir el acceso por niveles en la parte de administración. Bloqueamos el acceso a los usuarios públicos a la propia administración.

Realizamos una consulta para obtener los datos de las categorías de la base de datos y una función para saber si una categoría tiene subcategorías.

Con un par de funciones más, resolvemos el hecho de que algunas subcategorías tengan subcategorías dependientes y las mostramos todas al usuario.

A través de la administración controlaremos determinados parámetros de nuestra tienda para poder cambiar el logo, el e-mail y otros datos.

Con la tabla de configuración creada, ya podemos manipular determinados aspectos de nuestra Web sin tener que entrar a la codificación o marearnos con el código.

Creamos un mensaje de éxito cuando la configuración se ha completado y comenzamos con la creación del apartado de marcas, copiando el código que ya tenemos y editándolo mínimamente.

Utilizamos la programación que teníamos desarrollada ya para aprovecharla y desarrollar rápidamente el apartado de marcas.

Haciendo uso de nuestra tabla de configuración, insertamos un checkbox que nos habilitará una zona de la Web o no, según la necesitemos.

Utilizando lo que ya tenemos en usuario, creamos la lista de productos de una forma rápida y sencilla. Utilizaremos tinymce para el tema de la descripción de producto para darle mayor impacto a la descripción de los productos

Usamos el formulario anteriormente creado para no tener que escribir código y sólo cambiamos los parámetros necesarios para acoplar el funcionamiento a los productos

Utilizando las funciones que ya hemos realizado anteriormente, las modificamos mínimamente para adaptarlas a las necesidades del tercer subnivel de categoría.

Modificamos el código para tener hasta 5 categorías e imágenes por producto, de forma que un producto puede pertenecer a varias categorías con muy poco esfuerzo programático, al igual que con las imágenes.

Añadimos un campo de descripción con Tinymce, así como un check para determinar si un artículo pertenece a la página principal de la tienda.

Copiaremos el fichero de añadir productos porque nos ahorrará mucho trabajo a la hora de procesar la edición del producto debido a que tiene muchos campos.

Revisamos el bloque de subir imágenes y creamos las funciones necesarias para procesar los tres niveles de categorías que gestionan cada producto.

Creamos una sencilla función para sacar los datos de cada uno de los productos que se alojan en la base de datos y cumplen las condiciones necesarias para verse en la página principal.

Subimos imágenes reales del producto y generamos el link de cada producto a su detalle así como el botón de ver detalles del producto.

Para poder eliminar una categoría, debemos comprobar que no tiene categorías dependientes y que no hay productos cuya categoría es la que queremos eliminar.

Para facilitar el manejo de la administración, si intentamos eliminar una categoría que tenga productos asociados, mostramos la lista de dichos productos para facilitar su cambio de categoría.

Basándonos en la plantilla que tenemos, creamos la página de producto donde mostraremos el precio, detalles, imágenes, etc... También obtenernos la cantidad de productos por marca para habilitarlo en el menú de la izquierda.

Utilizando código anteriormente escrito, vamos a mostrar la imagen principal del producto así como la descripción del mismo.

Utilizamos la plantilla para mostrar si el producto cuenta con más imágenes y comentamos a trabajar con el panel de tabulación de la parte de abajo donde mostraremos los detalles del producto.

Tratamos de ajustar el submenú del tabulador con las opciones de producto y consideramos la opción del slider de imágenes adjuntas.

Para simplificar el tratamiento de las imágenes, sustituimos el slider en una nueva fila donde organizaremos las imágenes. Añadimos el campo de stock a los productos.

Utilizamos la programación realizada para las categorías para crear el apartado de opciones de producto, que será lo que la persona elija cuando compra dicho producto.

Tan solo modificando la programación para las categorías, modificamos rápidamente los formularios relacionados para adaptarlos a las necesidades de las opciones.

Manipulamos los formularios que ya tenemos para adaptar la actualización de subopciones de cada una de las opciones existentes y comenzamos con la asignación a cada producto.

Mostramos la lista de opciones y el estado que tienen de vinculación con respecto al producto que estemos viendo en ese momento.

Utilizamos dos pequeños archivos PHP para agregar y eliminar las opciones a cada producto de forma independiente.

Ultimamos el código para la parte de opciones de producto y los mostramos por pantalla para que puedan ser seleccionados.

Utilizando el código creado para las opciones, creamos las páginas para las características de cada producto.

Las características nos ayudarán a perfilar los productos y efectuar búsquedas concretas sobre ellas, de forma que generaremos un menú dinámico de selección

Utilizando parte del código de las opciones, construiremos desplegables para la parte de administración para poder asignar características a cada producto, estas se mostrarán también en la parte frontend de la tienda.

En la misma página que estamos manipulando, modificamos las consultas para hacer que se eliminen las características que teníamos ya asignadas y así insertamos las nuevas.

Con un par de funciones, resolvemos la muestra de imágenes en las características de producto, de forma que luego podrán ser empleadas para realizar búsquedas dinámicas de las mismas.

Utilizamos un script gratuito para hacer con Jquery el efecto de lupa sobre el producto y un pequeño javascript para que se cambie la imagen principal del producto.

Utilizamos un script en Jquery para cargar los productos en función de si hacemos click en un botón para cargar más o si desplazamos hacia abajo, momento en que se cargará el siguiente bloque de resultados.

Modificamos la página index para que nos sirva para mostrar las categorías actuales. Modificamos el paginador automático y comenzamos a realizar los breadcrumbs para localizar donde estamos cada vez.

Resolvemos el problema con el paginador en Ajax y comenzamos a crear la función que nos devolverá el BreadCrumb en función de la categoría en la que estemos.

Reutilizaremos el código ya escrito para economizar en ficheros y en legibilidad de código para obtener los datos de los productos referenciados por marcas.

Utilizamos los mismos ficheros para reutilizarlos cuando modifiquemos las consultas para cuando creemos consultas dinámicas sobre los productos.

Reutilizamos código realizado en la anterior tienda y en la parte de administración para facilitar el acceso al usuario como usuario registrado.

Realizaremos el efecto de vuelo a la lista de deseos para el producto que seleccionemos como tal.

Con los códigos Jquery proporcionados, se producirá el vuelo del producto (FlyTo) hasta nuestra lista de deseos.

Creamos la página donde listamos todos los deseos del usuario donde habrá que darle la posibilidad de que elimine esos deseos en un futuro.

Utilizando un script muy visual, los deseos se eliminarán en tiempo real y sin recargar la página de la lista de deseos de cada usuario.

Usando lo ya desarrollado para la lista de deseos, generamos el comparador de productos para un número máximo de 3 productos.

Preparamos la página del comparador de productos y damos la posibilidad al usuario de que elimine los productos a comparar desde la misma página y sin recargar.

Con una sencilla función, habilitamos que se muestren las características de hasta tres productos de nuestra base de datos, de forma que podamos compararlos rápidamente.

Iniciamos la parte de la compra de productos que será muy similar a la tienda realizada en el anterior tutorial. Creamos un formulario para el producto y las opciones del mismo.

Seguimos revisando las opciones y funciones para que un usuario que se registró anteriormente importe su carrito temporal y se vuelva su carrito actual.

Modificamos y creamos las funciones necesarias para comprobar que un producto tiene opciones, y cuál es el valor de dichas opciones.

Tenemos que comprobar que si agregamos un producto con las mismas opciones, deberemos agregarlo a la cantidad y no como un producto nuevo, porque creará inconsistencias en el carrito de compra del usuario.

Hacemos las funciones necesarias para comprobar si en el carrito existe o no un producto con las opciones ya marcadas.

Finalizamos la casuística de los productos que tienen opciones similares para aumentar su cantidad en caso de que ya formen parte de nuestro carrito. Comenzamos con la página del carrito de la compra que intentaremos realizar como una One Page, es decir, tanto la lista de productos como la selección del pago estará en la misma página.

Obtenemos con una consulta los productos del carrito que están en el carrito pendiente de la compra para mostrarlos y dar la opción de eliminarlos, etc.

Utilizando las funciones para los productos, obtenemos la imagen del mismo, el precio, nombre, etc. de cada uno de los productos del carrito, así como los totales.

Usamos un archivo para hacer las consultas de actualización de cantidades así como la eliminación de los productos del carrito.

Añadimos el concepto de peso de producto para calcular el precio de los portes que nos podemos encontrar cuando se realice la compra.

Agregamos los campos nuevos en la inserción y edición de producto para luego poder operar con ellos en el carrito de compra.

Agregamos un par de funciones sencillas para obtener el impuesto activo de cada producto para luego sumarlo al total.

Usando la tabla adecuada, mostramos por pantalla los datos de los productos que tienen opciones en la base de datos de forma que nuestro carrito se completa con mucha más información útil para el comprador.

Creamos una tabla para albergar las zonas de producto, de forma que irán referenciadas a los pesos totales de los carritos.

Al igual que con las opciones, creamos un apartado para editar los datos referentes a las zonas para añadir rangos de pesos y incrementos en el coste.

Añadimos la posibilidad de agregar un precio antiguo al producto para que aparezca tachado en el detalle del producto.

Añadimos una sencilla clase CSS para poder mostrar el precio anterior del producto tachado cuando este exista en los datos del producto.

Creamos la tabla para gestionar las diferentes monedas que utilizaremos en la tienda.

Gestión de monedas en la administración indicando cual es la moneda principal que saldrá por defecto cuando el visitante acceda a la página.

A través de unas funciones dentro de funciones.php, detectamos cual es la moneda que debe posicionarse como principal y cuáles son las que se deben poner como opcionales

Al leer las monedas de la base de datos, debemos obtener el símbolo de la misma y el valor del cambio actual para dicha moneda.

Modificamos el archivo carrito.php para poder mostrar las zonas activas que tenemos en la base de datos y que nos ayudarán a calcular el gasto de los portes de la compra.

Calculamos el peso de los productos que tenemos seleccionados en el carrito de la compra para, en función de la zona que tengamos, calcular los costes de los portes.

Agregamos una función para que nos calcule los precios en función del rango que tenemos en la base de datos y que podemos variar según los transportistas y las zonas.

Completamos el formulario para indicar cuáles serán los datos de envío a la persona además de darle la opción de seleccionar la forma de pago que realizará.

Analizamos cómo enviar el pago por transferencia, Paypal y VISA utilizando el código proporcionado en el ejemplo.

Una vez el pago ha sido realizado debemos de efectuar los cambios en el carrito de la persona que realiza la compra.

Preparamos los ficheros para efectuar el pago por transferencia bancaria para ver si todos los procedimientos que hemos realizado se cumplen y funcionan bien.

Solucionamos el pago por transferencia y añadimos los campos que luego utilizaremos para los tipos de pago que se vayan a utilizar en la tienda.

Con estos valores, manejar los datos internos de la tienda online será mucho más sencillo para la persona que maneja los datos internos.

Con la tabla de configuración, recogemos los datos de la tabla seleccionada para obtener los tipos de pago que saldrán por pantalla.

Con la asignación de constantes, completamos los datos que nos servirán para realizar el pago. Comenzamos con la preparación del sistema para URL amigables que participarán de un mejor SEO

Esta función nos ayudará a que el usuario no se deba preocupar si está escribiendo bien o mal las URL amigables a la hora de introducir los productos.

Con el script y dos funciones, creamos el espacio que necesitamos para comprobar si el nombre SEO de los productos ya existe en otros productos, en cuyo caso lanzamos un error.

Comenzamos editando las funciones que nos mostraban las categorías para mostrar la ruta con la palabra SEO que hemos seleccionado.

Modificamos el generador que tenemos para los productos de links de la página de forma que se conviertan en productos SEO

Modificamos levemente el contenido de los ficheros para ver categorías y productos con el fin de habilitarlos para SEO.

Usamos HTML5 para revisar los campos del formulario y procedemos a crear la Base de datos remota y a subir los ficheros al servidor donde se mostrará nuestra tienda online.

Realizamos los cambios necesarios para poner la tienda en la carpeta demotienda en vez de en la raíz de la Web. Guardamos un registro de las visitas del usuario a cada producto para utilizarlo en el futuro para marketing online.

Mostramos un slider con los productos que ha visitado el usuario con el fin de recordarle sus últimas visitas a productos.

Utilizando una variante de la función mostrar producto, simplificamos para obtener una vista sencilla del dato del producto que ha visitado el cliente.

Usamos scripts que tenemos ya realizados para obtener las categorías que necesitamos para la página principal.

Usamos las páginas que teníamos anteriormente para crear el apartado de productos más vendidos en la página y un bloque de creación del slider principal de la página con su administración

Modificamos la página de categorías para generar un selector dinámico de características de producto, de forma que podremos filtrar los productos en base a la categoría principal y a las características de cada uno de los productos, obteniendo resultados dinámicos.

Utilizando los datos de la página schema.org completamos los datos básicos de los productos y con Addthis, utilizamos su editor para insertar el conector con Facebbok, Whatsapp, etc.

Creamos la tabla en la base de datos para obtener esta información de los productos y poder aprobarla antes de que se publique.

Damos la posibilidad de que un usuario opine sin estar registrado y sin haber accedido al sistema. En cualqueir caso desde la administración valoraremos cada comentario antes de publicarlo.

Utilizamos los scripts anteriores para rápidamente obtener los datos de los que han realizado comentarios en los productos.

Damos la posibilidad de aprobar las opiniones de cada usuario sobre cada producto, incluídas las opiniones de los usuarios anónimos.

Generamos un pequeño avisador de nuevos comentarios de producto y mostramos la cantidad de comentarios de cada producto con una llamada a una sencilla función

Usamos nuestra tabla de configuración para poder poner un descuento global a la página y a todos los productos, bien sea por fecha señalada, o Navidad o cualquier evento que se considere.

Damos la posibilidad desde la adminsitración de acceder con cualquier usuario para comprar en la tienda los productos que se indiquen de forma telefónica y poder cerrar ventas por varios comerciales de forma independiente.

Con las tablas de precio por grupo creadas, sacaremos por pantalla la información de aquellos productos que tengan asociado un descuento en funcion de la cantidad que se seleccione para comprar.

En funcion de la cantidad de productos, realizamos una función que nos devuelve el rango de factores en los que está embebida la cantidad de productos que se compran.

Creamos una tabla para aplicar hasta 4 idiomas a nuestra tienda y añadimos en la gestión el apartado de los idiomas.

Finalizamos el formulario para actualizar hasta los 4 idiomas y explicamos la mecánica a partir de la cual seguirá el tutorial.

Modificamos los archivos necesarios así como la base de datos para adaptar todo el contenido de la Web a multiidioma.

Ya en el servidor real, efectuamos las pruebas para finalizar el pago por Paypal, primero en el Sandbox y luego podemos cambiarlo al usuario real.

Creamos las funciones para generar los correos con las compras de los usuarios, agregamos campos a algunas de las tablas según vamos necesitando la información para enviar.

Organizamos el menú de administración, generación de páginas de edición de pedidos y solución de errores menores.

Scripts para recuperar la contraseña, para mantener logueado al usuario si así lo selecciona y añadimos las estadísticas del producto por meses, para ver cuantas visitas tiene cada uno.

Añadimos SEO para productos y categorías. Generación dinámica de Sitemap para Google Webmaster Tools. Arreglamos que los productos cargados con "Mostrar Más" también sean añadibles al comparador y a los deseos

Control de stock de productos. Control de versiones. Añadir el incremento por producto en función de las opciones seleccionadas. El precio se cambia dinámicamente sin recargar la página.

Creamos una área nueva en el carrito para poder habilitar un impuesto general para lugares específicos, que anulará los impuestos anteriores, sirve para IVA, IGIC y cualquier tipo de impuesto. Duplicamos el producto con un solo click. Añadimos la posibilidad de mostrar o no el slider de la página principal y añadimos dos formas de pago, Western Union y Money Gram

Añadimos la muestra de subcategorías cuando existen dentro de una categoría. Dar la posibilidad de que después de comprar un producto vaya directamente al carrito o a la página principal. Añadimos la fecha de alta de los usuarios.

Instalamos un sencillo sistema para generar PDF basado en un HTML existente. Proporcionamos ideas para la creación de facturas del usuario.