95 CALCULANDO LOS TOTALES del CARRITO en el SISTEMA DE VENTAS (PHP y MySql) FullStack
Duración: 12 min¡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 Calcular | Variable 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].
Lecciones
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️