Vendas Online via API com PayPal - #11 Finalizando Carrinho de Compras

Nesse tutorial iremos continuar a trabalhar no carrinho de compra com PayPal estilizando a tabela de produtos e dando a opção do usuário limpar o carrinho.

Carrinho de Compras com PayPal

class/ClassCarrinho.php

Vamos implementar os métodos do total da compra e de limpeza dos itens do carrinho:

 //Pega o valor total da compra
public function getAmount()
{
    $amount=0;
    if(isset($_SESSION['products'])){
        foreach ($_SESSION['products'] as $product){
            $amount+=$product['quantity']*$product['price'];
        }
    }
    return $amount;
}

//Limpar o carrinho
public function clearCart()
{
    unset($_SESSION['products']);
}

checkout.php

Vamos adicionar as classes css no checkout.php e o botão de limpar o carrinho.

<a href="controllers/ControllerClear.php">Limpar o carrinho</a>
<div class="cart">
    <table class="cart__table">
        <thead>
            <tr>
                <th class="cart__table-th1">ID</th>
                <th class="cart__table-th2">Nome</th>
                <th class="cart__table-th3">Quantidade</th>
                <th class="cart__table-th4">Valor</th>
            </tr>
        </thead>
        <tbody>
            <?php echo $objCarrinho->listProducts(); ?>
            <tr>
                <td colspan="3"></td>
                <td><?php echo number_format($objCarrinho->getAmount(),2,',','.'); ?></td>
            </tr>
        </tbody>
    </table>
</div>

assets/css/style.css

Vamos implementar as novas classes no css:

.cart{width: 80%; margin: 20px auto;}
.cart__table{width: 100%; text-align: center;}
.cart__table thead tr{background: #333; color: #fff; font-weight: bold;}
.cart__table thead th{padding: 7px 0;}
.cart__table tbody td{padding: 20px 0; color:#555;}
.cart__table-th1{width: 12%;}
.cart__table-th2{width: 56%;}
.cart__table-th3{width: 12%;}
.cart__table-th4{width: 30%;}

controllers/ControllerClear.php

Por hoje é só! Sucesso nos códigos e na vida!

Precisando de aulas particulares? webdesignemfoco@gmail.com