95 CALCULANDO LOS TOTALES del CARRITO en el SISTEMA DE VENTAS (PHP y MySql) FullStack

Duración: 12 min
Módulo: 🛒 Lógica del Carrito y Clientes Dinámicos Lección 8 de 16

¡Contenido Exclusivo!

Adquiere este curso para tener acceso inmediato a esta y a **todas las lecciones Premium**.

Inscribirse Ahora por $10.00 Acceso instantáneo de por vida y código fuente incluido.

Descripción

Lección 95: Calculando los Totales del Carrito de Compras (FullStack) 💰

Este video se centra en implementar la lógica de cálculo final para sumar todos los valores de los productos agregados al carrito, mostrando los totales de cantidad, precio unitario y subtotal general en el pie de la tabla del formulario de ventas. Además, se añade el botón de acción (eliminar) para cada producto.

1. Inicialización y Sumatoria de Totales 🧮

Para realizar los cálculos, se declaran variables de totalización fuera del bucle foreach que itera sobre los productos en la tabla tb_carrito. Dentro del bucle, cada valor de la fila actual se suma acumulativamente:

Total a CalcularVariable Inicial (Inicializada a 0)Operación de Suma (dentro del foreach)
Cantidad Total$cantidad_total [01:05]Suma acumulada de $cantidad (entero) [02:08].
Precio Unitario Total$precio_unitario_total [03:13]Suma acumulada de $precio_venta (flotante) [03:31].
Precio Total a Pagar$precio_total [05:32]Suma acumulada del $subtotal de cada producto [05:44].
  • Precio Total: El valor de $precio_total se resalta con un fondo amarillo en la vista, ya que representa el monto final que el cliente debe pagar [06:48].

2. Orden de los Productos en la Tabla 🔄

Se ajustó la consulta SQL para asegurar un orden lógico en el despliegue de los productos en el carrito:

  • Se agregó la cláusula ORDER BY id_carrito ASC (orden ascendente) al SELECT para que los productos se muestren en el orden en que fueron registrados, es decir, el más antiguo arriba y el más reciente abajo [08:30].

3. Implementación del Botón de Acción (Borrar) 🗑️

Se añadió la columna Acción con el botón para eliminar productos individuales:

  • Botón: Se utiliza un formulario simple que contiene un botón de tipo submit con las clases de Bootstrap btn-danger (rojo) y btn-sm (pequeño) [09:52].
  • Iconografía: El botón incluye el ícono del cesto de basura (fa fa-trash) para indicar la acción de eliminación [10:37].

Lógica de Eliminación (Próximo Video): El desarrollador anticipa que, al hacer clic en este botón, se activará un proceso que deberá eliminar el producto correspondiente de la tabla tb_carrito y, debido a que los totales se calculan dinámicamente en el ciclo foreach, el monto total se ajustará automáticamente [11:25].