FacebookYoutubeBlog

Actualizada
Noticias, descuentos, sorpresas
Recibe gratuitamente nuestro boletín con todas las novedades acerca de los cursos, descuentos, promociones, etc...


Últimas Noticias


Todas las consultas y los usuarios que siguen el tutorial los puedes encontrar en el blog: blog.ayzweb.com y en http://www.dreamweaver-tutoriales.com/soporte.

Los archivos ZIP de descarga están en esta misma Web, en el apartado Cursos, dentro del tutorial que estés buscando.

  • - Más de 29.000 seguidores en el canal de Youtube
  • - 4.000.000 visualizaciones de los videos de Youtube, y subiendo...
  • - Más de 4.000 fans en Facebook.
  • - Más de 1800 alumnos en todo el mundo.

Tienda Online con Dreamweaver 2017Un nuevo comienzo.

4.83 sobre 5 Total votos: 23


Muchas cosas han cambiado en el mundo del desarrollo Web, y aunque el tutorial Tienda Online y su extensión Especial siguen estando muy vigentes, hemos decidido hacer un tutorial de una tienda online actualizado con muchísimas novedades. Al final nos quedará una tienda perfectamente funcional que podremos utilizar para nosotros mismos o para nuestros clientes, con la ventaja de haberla desarrollado y poder abarcar cualquier tipo de modificación. Esta es la lista de peticiones que iremos desarrollando. Este tutorial comienza desde cero, como viene siendo habitual.

Este tutorial estará siempre abierto, pues se irán agregando nuevos vídeos o explicaciones de nuevas funcionalidades. Hasta el momento, lo que se explica en los vídeos es lo que se muestra en color verde. conforme vayamos realizando nuevos vídeos, se irá completando la lista y ampliando.

  • - Explicación desde cero con el nuevo Dreamweaver 2017.
  • - Subida de imágenes con barra de progreso.
  • - Utilización de una plantilla para la tienda (http://demo.themeum.com/html/eshopper/) y otra para la administración (https://blackrockdigital.github.io/startbootstrap-sb-admin-2/pages/index.html).
  • - Búsqueda de pedidos por fechas
  • - Categorías/subcategorías y subsubcategorías relacionadas
  • - Slider de productos más vendidos
  • - Pago completo por PayU, Paypal e IPN, transferencia bancaria y TPV virtual (pago con tarjeta)
  • - Conexiones y consultas con MySQLi
  • - Generación de facturas en PDF para el cliente
  • - Lista de deseos
  • - Buscador avanzado con filtros
  • - Paginador con Ajax (Ver más al final de los resultados)
  • - Pedido telefónico
  • - Incremento-decremento de precios “en caliente”.
  • - Gestión avanzada de descuentos.
  • - Multiidioma y multimoneda
  • - Precio variable en función de cantidad
  • - Multicategoría para cada producto.
  • - Estadísticas gráficas de visitas a productos y de ventas
  • - Niveles de administración diferentes por permisos.
  • - Generador de productos recomendados por usuario.
  • - Reseñas por producto
  • - Zoom de imagen de producto
  • - Carrito siempre visible con total de productos
  • - Precio antiguo precio moderno en productos
  • - Marketing interno para enviar a los usuarios los productos que visitaron.
  • - Posible App ligada a la tienda utilizando la misma base de datos (futuro tutorial para esto).
  • - Preparar envío SMS con confirmación de compra.
  • - Breadcrumbs
  • - ¿Productos descargables?
  • - Compartir redes Sociales y Whatsapp
  • - Comparador de Productos
  • - URL amigables
  • - Impuestos variables según zonas y editables.
    - SEO para productos y categorías
    - Precio variable en función de opciones determinadas.
  • - etc.

 

Demo de la tienda: http://www.tuhipertiendaonline.com/demo/
Demo de la administración de la tienda: http://www.tuhipertiendaonline.com/demo/_admin/

 

¿Tienes algún problema para seguir el curso, algún error o duda?. No hay problema, dirígete al Blog y podrás encontrar las respuestas, siempre contestamos a todo.

¿Quieres que tu Web aparezca aquí? Envíanos un e-mail con tus datos y tu tienda

Curso tienda online con Dreamweaver 2017



Suscríbete al canal para recibir un aviso cada publicación

Capítulo 1: (16:27)
Explicación y detalle de la tienda que obtendremos al final del tutorial, características y visión general de la misma.
Tienda Online 2017 Cap. 1: Presentación y muestra de la tienda online que se realizará

Capítulo 2: (15:36)
Preparación del entorno de trabajo. Descarga de la plantilla que utilizaremos y configuración del sitio inicial en dreamweaver.
Capítulo 2: Preparación entorno de trabajo
Archivos para descargar:Descargar RARtienda2017.rar

Capítulo 3: (15:30)
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.
Capítulo 3: Creación de una plantilla para Dreamweaver
Archivos para descargar:Descargar RARtienda2017.rar

Capítulo 4: (15:18)
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.
Capítulo 4: Primer archivo PHP y creación de base de datos.
Archivos para descargar:Descargar RARtienda2017.rar

Capítulo 5: (15:07)
Modificamos la table de producto, exportamos la base de datos y creamos nuestro primer fragmento para conectarnos a MySQL con PHP.
Capítulo 5: Modificando la base de datos y creación de conexión.
Archivos para descargar:Descargar RARtienda2017.rar

Capítulo 6: (15:20)
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.
Capítulo 6: Realizamos la primera consulta a la base de datos..
Archivos para descargar:Descargar RARtienda2017.rar

Capítulo 7: (15:22)
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
Capítulo 7: Comenzamos con la parte de administración de la tienda
Archivos para descargar:Descargar RARtienda2017.rar

Capítulo 8: (15:30)
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.
Capítulo 8: Creamos el código para el acceso del usuario administrador
Archivos para descargar:Descargar RARtienda2017.rar

Capítulo 9: (15:10)
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
Capítulo 9: Creamos la plantilla para crear las páginas de administración
Archivos para descargar:Descargar RARtienda2017.rar

Capítulo 10: (16:36)
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.
Capítulo 10: Extracción de datos de la tabla de usuarios de MySQL
Archivos para descargar:Descargar RARtienda2017.rar

Capítulo 11: (15:44)
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.
Capítulo 11: Creación del formulario de inserción de usuarios
Archivos para descargar:Descargar RARtienda2017.rar

Capítulo 12: (15:17)
Completamos los campos necesarios, de texto y desplegables, para introducir al nuevo usuario en la base de datos.
Capítulo 12: Continuamos con la creación de los campos del formulario
Archivos para descargar:Descargar RARtienda2017.rar

Capítulo 13: (15:07)
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.
Capítulo 13: Finalizamos la inserción de usuarios y mostramos los datos
Archivos para descargar:Descargar RARtienda2017.rar

Capítulo 14: (15:20)
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.
Capítulo 14: Creamos un formulario para realizar búsquedas
Archivos para descargar:Descargar RARtienda2017.rar

Suscríbete para poder ver los vídeos completos


Capítulo 15: Continuamos con la ceración del formulario de búsqueda
Mejoramos el diseño de presentación del formulario, que nos servirá para las restantes búsquedas d elos siguientes objetos que vamos a utilizar en la base de datos.

Capítulo 16: Finalizamos la gneeración dinámica de consulta y empezamos con la paginación
Comenzamos con la paginación de los resultados basados en la búsqueda dinámica que acabamos de realizar.

Capítulo 17: Completamos el buscador para que nos guarde el último estado
Hacemos que el buscadornos recoja el último dato en caso de que hayamos utilizado una búsqueda concreta. Comenzamos con la edición de usuario.

Capítulo 18: Consulta de selección para detectar el usuario que queremos modificar
Copiamos la consulta de selección de usuarios para concretarla en el id del usuario que queremos modificar.

Capítulo 19: Consulta actualizar para modificar los datos
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.

Capítulo 20: Subir una imagen con PHP y barra de progreso
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.

Capítulo 21: Finalizamos el subir imagen en la actualización y comenzamos validación
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

Capítulo 22: Finalizamos la validación y creamos una imagen gris para cuando no existe
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.

Capítulo 23: Mostramos un error si el usuario ya existe a la hora de darlo de alta
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.

Capítulo 24: Finalizamos la comprobación del usuario único y comenzamos con la ordenación
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.

Capítulo 25: Acabamos de crear la ordenación para 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.

Capítulo 26: Generamos un buscador inteligente de más de una palabra, como el de Google
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.

Capítulo 27: Rematamos el buscador, página de categorías
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.

Capítulo 28: Iniciamos la creación de la página de inserción de categorías
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.

Capítulo 29: Creamos las funciones para las subcategorías
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.

Capítulo 30: Edición de categorías y validación de datos
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 seguin necesitemos.

Capítulo 31: Finalizamos actualizar categorías y comenzamos con el acceso a la administración
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.

Capítulo 32: Creamos la página de logout y seguimos trabajando con las restricciones.
Las restricciones de acceso nos ayudarámn 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

Capítulo 33: Finalizamos las restricciones de usuario para acceder a la administración
Finalizamos la codificación para restringir el acceso por niveles en la parte de administración. Bloqueamos el acceso a los usuarioa públicos a la propia administración.

Capítulo 34: Mostramos las categorías de la base de datos en el frontend
Realizamos una consulta para obtener los datos de las categorías de la base de datos yuna función para saber si una categoría tiene subcategorías.

Capítulo 35: Mostramos hasta las subsubcategorías de nuestra tienda
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.

Capítulo 36: Generamos la tabla de configuración para controlar la tienda
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.

Capítulo 37: Cambiamos detalles de nuestro frontend de tienda
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.

Capítulo 38: Mensaje de éxito y creamos las marcas
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.

Capítulo 39: Finalización de Insertar y Editar Marcas
Utilizamos la programación que teníamos desarrollada ya para aprovecharla y desarrollar rápidamente el apartado de marcas.

Capítulo 40: Damos la posibilidad de mostrar una zona a nuestra elección
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.

Capítulo 41: Iniciamos la creación de las páginas de producto
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

Capítulo 42: Creamos la página de agregar producto a la base de datos
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

Capítulo 43: Creamos el campo de marca y categorías para los productos
Utilizando las funciones que ya hemos realizado anteriormente, las modificamos mínimamente para adaptarlas a las necesidades de l tercer subnivel de categoría.

Capítulo 44: Añadimos la posibilidad de tener más de una categoría por producto
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.

Capítulo 45: Creamos un campo de descripción ampliado para los productos
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.

Capítulo 46: Realizamos el fichero para modificar productos
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.

Capítulo 47: Finalizando con la actualización de productos
Revisamos el bloque de subir imágenes y creamos las funciones necesarias para procesar los tres niveles de categorías que gestionan cada producto.

Capítulo 48: Obtenemos en la página principal los productos
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.

Capítulo 49: Mejoramos la presentación de la página principal de la tienda
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.

Capítulo 50: Eliminación de categorías de la administración
Para poder eliminar una categoría, debemos comprobar queno tiene categorías dependientes y que no hay productos cuya categoría es la que queremos eliminar.

Capítulo 51: Mostramos los produtos dependientes de categoría
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.

Capítulo 52: Creamos la página de detalle de producto
Basándonos en la plantilla que tenemos, creamos la página de producto donde mostraremos el precio, detalles, imágenes, etc... También obtenemnos la cantidad de productos por marca para habilitarlo en el menú de la izquierda.

Capítulo 53: Mostramos la imagen principal delproducto en caso de que exista
Utilizando código anteriormente escrito, vamos a mostrar la imagen principal del producto así como la descripción del mismo.

Capítulo 54: Mostramos si el producto tiene más imágenes
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.

Capítulo 55: Manipulamos el slider de imágenes adjuntas
Tratamos de ajustar el submenú del tabulador con las opciones de producto y condireamos la opción del slider de imágenes adjuntas.

Capítulo 56: Finalizamos la sustitución del slider de las imágenes
Para simplificar el tratamineto de las imágenes, sustituimos el slider en una nueva fila donde organizaremos las imágenes. Añadimos el cmapo de stock a los productos.

Capítulo 57: Iniciamos la gestión de las opciones de producto
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.

Capítulo 58: Seguimos con la creación de las opciones de 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.

Capítulo 59: Asignación de opciones a cada producto
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.

Capítulo 60: Lista de opciones disponibles
Mostramos la lista de opciones y el estado que tienen de vinculación con respecto al producto que estemos viendo en ese momento.

Capítulo 61: Agregamos y eliminamos opciones de producto
Utilizamos dos pequeños archivos PHP para agregar y eliminar las opciones a cada producto de forma independiente.

Capítulo 62: Mostramos las opciones de cada producto para la compra
Ultimamos el código para la parte de opciones de producto y los mostramos por pantalla para que puedan ser seleccionados.

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

Capítulo 64: Preparamos las características para los productos
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

Capítulo 65: Preparamos la asignación de características a productos
Utilizando parte dle código de las opciones, constriremos desplegables para la parte de administración para poder asignar características a cada producto, estas se mostrarán tabién en la parte frontend de la tienda.

Capítulo 66: Insertamos las características en la base de datos
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.

Capítulo 67: Mostramos las características de producto en la parte frontal de la tienda
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.

Capítulo 68: Hacemos el efecto de lupa sobre la imagen del producto
Utilizamos u nscript 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.

Capítulo 69: Hacemos la paginación automática al hacer click o por scroll con Jquery
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.

Capítulo 70: Comenzamos con la página de categorías de productos
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.

Capítulo 71: Creamos la función para obtener el Breadcrumb
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.

Capítulo 72: Empezamos a crear la página de marcas de producto
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.

Capítulo 73: Finalizamos la paginación Ajax para los productos con marca
Utilizamos los mismos ficheros para reutilizarlos cuando modifiquemos las consultas para cuando creemos consultas dinámicas sobre los productos.

Capítulo 74: Acceso de usuario a la tienda con login
Reutilizamos código realizado en la anterior tienda y en la parte de administración para facilitar el acceso al usuario como usuario registrado.

Capítulo 75: Preparamos el logout del usuario y comenzamos con la lista de deseos
Realizaremos el efecto de vuelo a la lista de deseos para el producto que seleccionemos como tal.

Capítulo 76: Finalizamos el proceso para que el producto vuele a la lista de deseos
Con los códigos Jquery proporcionados, se producirá el vuelo del producto (FlyTo) hasta nuestra lista de deseos.

Capítulo 77: Mostramos la lista de deseos del usuario
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.

Capítulo 78: Damos la posibilidad de elinar los deseos
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.

Capítulo 79: Creamos el comparador de productos
Usando lo ya desarrollado para la lista de deseos, generamos el comparador de productos para u nnúmero máximo de 3 productos.

Capítulo 80: Habilitamos la página del comparador
Cap 80: 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.

Capítulo 81: Mostramos las características del comparador de productos
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.

Capítulo 82: Procedimiento de compra de productos
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.

Capítulo 83: Posibilidad de que un usuario no registrado compre
Seguimos revisando las opciones y funciones para que un usuario que se registró anteriormente importe su carrito temporal y se vuelva su carrito actual.

Capítulo 84: Agregamos las opciones de producto al carrito
Modificamos y creamos las funciones necesarias para comprobar que un producto tiene opciones, y cual es el valor de dichas opciones.

Capítulo 85: Comprobamos si el producto ya estaba en nuestro carrito
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.

Capítulo 86: Devolvemos el valor 0 cuando no coincide con el producto
Hacemos las funciones necesarias para comprobar si en el carrito existe o no un producto con las opciones ya marcadas.

Capítulo 87: Comenzamos con el carrito de compra
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.

Capítulo 88: Listado de los productos del carrito
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.

Capítulo 89: Obtenemos la indormación de los productos y los totales
Utilizando las funciones para los produtos, obtenemos la imagen del mismo, el precio, nombre, etc. de cada uno de los productos del carrito, así como los totales.

Capítulo 90: Capacidad para agregar y quitar unidades de producto
Usamos un archivo para hacer las consultas de actualización de cantidades así como la eliminación de los productos del carrito.

Capítulo 91: Impuestos y peso de producto
Añadimos el concepto de peso de producto para calcular el precio de los portes que nos podemos encontrar cuando se realice la compra.

Capítulo 92: Finalizamos los impuestos y agregamos los campos nuevos
Agregamos los campos nuevos en la inserción y edición de producto para luego poder operar con ellos en el carrito de compra.

Capítulo 93: Calculamos los impuestos en el carrito de la compra
Agregamos un par de funciones sencillas para obtener el impuesto activo de cada producto para luego sumarlo al total.

Capítulo 94: Mostramos las opciones de producto en el carrito
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.

Capítulo 95: Zonas de producto para portes
Creamos una tabla para albergar las zonas de producto, de forma que irán referencidas a los pesos totales de los carritos.

Capítulo 96: Dependencia entre pesos y zonas
Al igual que con las opciones, creamos un apartado para editar los datos referentes a las zonas par aañadir rangos de pesos y incrementos en el coste.

Capítulo 97: Finalizamos las zonas y agregamos el precio antiguo
Añadimos la posibilidad de agregar un precio antiguo al producto para que aparezca tachado en el detalle del producto.

Capítulo 98: Mostrar tachado el precio anterior
Añadimos una sencilla clase CSS para poder mostrar el preci oanterior del producto tachado cuando este exista en los datos del producto.

Capítulo 99: Gestión de monedas para las compras
Creamos la tabla para gestionar las diferentes monedas que utilizaremos en la tienda.

Capítulo 100: Creamos la gestión de monedas en la administración
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.

Capítulo 101: Detectamos la moneda por defecto de nuestra tienda
A través de unas funciones dentro de funciones.php, detectamos cual es la moneda que debe posicionarse como principal y cuales son las que se deben poner como opcionales

Capítulo 102: Damos la posibilidad en el desplegable de cambiar la moneda
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.

Capítulo 103: Mostramos la lista de zonas activas para el cálculo de portes
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.

Capítulo 104: Hacemos menú de salto para las zonas
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.

Capítulo 105: Calculamos el coste de los portes según la zona
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.

Cap 106: Solicitamos los datos de la compra al cliente
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á.

Capítulo 107: Concretamos las formas de pago disponibles
Analizamos cómo enviar el pago por transferencia, Paypal y VISA utilizando el código proporcionado en el ejemplo.

Capítulo 108: Creamos la función de confirmación de Pago
Una vez el pago ha sido realizado debemos de efectuar los cambios en el carrito de la persona que realiza la compra.

Capítulo 109: simulación del pago por transferencia
Preparamos los ficheros para efectuar el pago por transferencia bancaria para ver si todos los procedimientos que hemos realizado se cumplen y funcionan bien.

Capítulo 110: Solución de los problemas de la función
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.

Capítulo 111: Añadimos valores a la tabla de configuración
Con estos valores, manejar los datos internos de la tienda online será mucho más sencillo para la persona que maneja los datos internos.

Capítulo 112: Preparamos para mostrar los tipos de pago que se deseen
Con la tabla de configuración, recogemos los datos de la tabla seleccionada para obtener los tipos de pago que saldrán por pantalla.

Capítulo 113: Completamos las variables del pago y empezamos con URL amigables
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

Capítulo 114: Preparamos un generador de URL con javascript
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.

Capítulo 115: Generamos la URL amigable para 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.

Capítulo 116: SEO y htacccess para categorías
Comenzamos editando las funciones que nos mostraban las categorías para mostrar la ruta con la palabra SEO que hemos seleccionado.

Capítulo 117: SEO y htacccess para productos
Modificamos el generador que tenemos para los productos de links de la página de forma que se conviertan en productos SEO

Capítulo 118: Finalizamos el SEO para los productos y las rutas
Modificamos levemente el contenido de los ficheros para ver categorías y productos con el fin de habilitarlos para SEO.

Capítulo 119: Creamos el alta de usuario y comenzamos la publicación de la tienda
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.

Capítulo 120: Completamos la subida de la tienda y la ponemos en marcha
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.

Capítulo 121: Apartado de productos visitados por el usuario
Mostramos un slider con los productos que ha visitado el usuario con el fin de recordarle sus últimas visitas a productos.

Capítulo 122: Mostramos los productos ya visitados
Utilizando una variante de la función mostrar producto, simplificamos para obtener una vista sencilla del dato del producto que ha visitado el cliente.

Capítulo 123: Trabajamos con las categorías especiales
Usamos scripts que tenemos ya realizados para obtener las categorías que necesitamos para la página principal.

Capítulo 124: Añadimos bloque de productos más vendidos y la gestión del slider
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

Capítulo 125: Filtro por características de producto
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 resultaod dinámicos.

Capítulo 126: Creamos los microdatos del producto y el bloque de compartir.
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.

Capítulo 127: Creamos formulario de opiniones para los productos
Creamos la tabla en la base de datos para obtener esta información de los productos y poder aprobarla antes de que se publique.

Capítulo 128: Opiniones por usuarios registrados y visitantes
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.

Capítulo 129: Mostramos las opiniones de los usuarios en cada producto
Utilizamos los scripts anteriores para rápidamente obtener los datos de los que han realizado comentarios en los productos.

Capítulo 130: Gestión de las opiniones de cada usuario
Damos la posibilidad de aprobar las opiniones de cada usuario sobre cada producto, incluídas las opiniones de los usuarios anónimos.

Capítulo 131: Mostramos las opiniones del producto
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

Capítulo 132: Descuento global de precio para la tienda
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.

Capítulo 133: Habilitamos el pedido telefónico
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.

Capítulo 134: Apartado para precios según cantidad
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.

Capítulo 135: Cambiamos el precio del producto en el carrito
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.

Capítulo 136: Cambiamos el impuesto en función de la cantidad y comenzamos con los idiomas
Creamos una tabla para aplicar hasta 4 idiomas a nuestra tienda y añadimos en la gestión el apartado de los idiomas.

Capítulo 137: Mostramos los idiomas disponibles
Finalizamos el formulario para actualizar hasta los 4 idiomas y explicamos la mecánica a partir de la cual seguirá el tutorial.

Capítulo 138: Multiidioma de la tienda online en PHP
Modificamos los archivos necesarios así como la base de datos para adaptar todo el contenido de la Web a multiidioma.

Capítulo 139: Finalizamos el pago por Paypal
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.

Capítulo 140: Envío de correos con la compra
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.

Capítulo 141: Búscador de pedidos
Organizamos el menú de administración, generación de páginas de edición de pedidos y solución de errores menores.

Capítulo 142: Recuperación de contraseña, pie de página dinámico...
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.

Capítulo 143: SEO para productos y categorías
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

Capítulo 144: Stock y opciones de producto con precio variable
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.

Capítulo 145: Zonas de Impuestos especiales, duplicación productos, nuevas formas de pago
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

Noticias, descuentos, sorpresas
Recibe gratuitamente nuestro boletín con todas las novedades acerca de los cursos, descuentos, promociones, etc...


Últimas Noticias


Todas las consultas y los usuarios que siguen el tutorial los puedes encontrar en el blog: blog.ayzweb.com y en http://www.dreamweaver-tutoriales.com/soporte.

Los archivos ZIP de descarga están en esta misma Web, en el apartado Cursos, dentro del tutorial que estés buscando.

  • - Más de 29.000 seguidores en el canal de Youtube
  • - 4.000.000 visualizaciones de los videos de Youtube, y subiendo...
  • - Más de 4.000 fans en Facebook.
  • - Más de 1800 alumnos en todo el mundo.

Comentarios rápidos

83.37.124.82: Gracias, Jorge. Eres un crack

separador 190.189.72.77: Excelentes Tutoriales. Muy agradecido por todo lo que me has enseñado. Sigue adelante!!! Abrazo desde Argentina.

separador 186.105.231.193: muy bien!

separador 95.22.245.92: Genial. Me siento muy a gusto en tu sitio. Espero que este sitio te de mucha prosperidad por ayudar a tanta gente como yo!!

separador Escribe tu comentario
Ver todos los comentarios

5 motivos

  • 1- Aprenderás a manejar Dreamweaver.
  • 2- Serás capaz de crear desde cero cualquier Web que te propongas.
  • 3- Podrás tener tu propio negocio de creación Web
  • 4- Contarás con una comunidad de alumnos que te podrán ayudar.
  • 5- Adquirirás independencia para realizar cualquier programación