Inserindo o Checkout

Para incluirmos o checkout padrão em nosso site, devemos criar alguns arquivos de código fonte na plataforma, que obrigatoriamente terão que ter os respectivos nomes:

checkout-prepend.blade.php nome utilizado para inicialização e inserção do cabeçalho a ser utilizado no checkout.
checkout.blade.php é utilizado para a inserção do corpo do checkout. Além da criação do seu código adicional, o código seguinte deverá ser inserido:

<html>
    <head>
        @checkoutHeader()
    </head>
    <body>
         @checkoutBody()
    </body>
</html>

@checkoutHeader() é utilizado para a inserção dos arquivos padrão da plataforma, fazendo o funcionamento correto do checkout.
@checkoutBody() é utilizado para a inserção do corpo padrão da plataforma, fazendo a apresentação correta de todas as etapas.

checkout-prepend.blade.php é utilizado para a finalização e inserção do rodapé a ser utilizado no checkout.
checkout-preview.blade.php é utilizado para a inserção de uma visualização rápida do carrinho, que pode ser inserido por include dentro de um modal ou <div></div> de sua preferência. Além da criação do seu código adicional, o foreach a seguir deve ser inserido, para a dinamização dos produtos que forem inseridos no carrinho:

@foreach($cart->collection as $item) 
    <div class="box-img"> 
        <img src="{{thumb($item->model->images->first()->source, 50, 0)}}"> 
        <span class="canopus-cart-item-qtd"> 
            {{$item->qty}} @if($item->qty == 1) item @else itens @endif 
        </span> 
    </div> 
    <div class="canopus-cart-item-info"> 
        <h4>{{$item->name}}</h4> 
        <p>@defaultCurrency($item->price)</p> 
    </div> 
@endforeach

@foreach($cart->collection as $item) é utilizado para fazer a dinamização de cada produto que for adicionado no carrinho.
{{thumb($item->model->images->first()->source, 50, 0)}} é utilizada para a inserção da imagem cadastrada no produto.
{{$item->qty}} @if($item->qty == 1) item @else itens @endif é utilizado para a inserção da quantidade que o cliente selecionou na hora de adicionar o produto no carrinho.
{{$item->name}} é utilizado para a inserção do nome cadastrado no produto.
@defaultCurrency($item->price) é utilizado para a inserção do preço cadastrado no produto.

Criado esses arquivos, com os devidos códigos, fará o seu checkout funcionar perfeitamente. Lembrando que dentro desses arquivos podemos adicionar includes e fazer a linkagem de arquivos .css e/ou .js.

Artigos nessa seção

Betalabs

Layout

Checkout e Minha Conta