Construir um carrinho de compras com PHP e MySQLReviltec

Onde encontrar os melhores scripts de carrinho de compras PHP para 2021

Se você está procurando uma solução rápida e pronta, há muitos scripts de carrinho de compras PHP premium para escolher no Envato Market. Aqui está uma rápida olhada em alguns deles.

Os melhores carrinhos de compras PHP estão no CodeCanyon.

5 melhores scripts de carrinho de compras PHP do CodeCanyon

Antes de entrarmos no tutorial PHP do sistema de carrinho de compras, vamos explorar alguns dos principais scripts de carrinho de compras PHP. Se você não é um especialista em codificação ou deseja encontrar uma solução pronta para uso, estes são para você.

1. FleetCart: carrinho de compras PHP + sistema de comércio eletrônico

FleetCart - PHP Shopping Cart sistema de comércio eletrônico

FleetCart não é apenas um carrinho de compras PHP. É um sistema completo de comércio eletrônico para sua loja online. Este poderoso script PHP de carrinho de compras tem muitos recursos interessantes. É totalmente responsivo, multilíngue, suporta várias moedas e muito mais.

Com mais de 1.000 vendas e uma classificação de cinco estrelas, este é um dos nossos melhores carrinhos de compras PHP. Veja como isso funciona na visualização ao vivo!

2. LivelyCart: carrinho de compras PHP MySQL JQuery

Este é um carrinho de compras PHP MySQL jQuery fácil de usar e personalizável. É equipado com duas opções de checkout usando PayPal e Enviar pedido por e-mail. Você pode usar ambos ou qualquer um. É um download completo do código do carrinho de compras em PHP.

3. Caixa de Pagamento Digital: PHP Script de Carrinho de Compras

Digital Paybox é um poderoso script PHP que permite vender produtos digitais diretamente em seu site. O carrinho de compras PHP lida com pagamentos por meio de vários gateways de pagamento (PayPal, Payza/AlertPay, Skrill/Moneybookers, Authorize.Net, InterKassa, EgoPay, Perfect Money, BitPay, Blockchain.info e Stripe) e pode ser facilmente integrado a qualquer página da web.

Com este download de código de carrinho de compras PHP, você não precisa instalar carrinhos de compras complicados e criar seu design para combinar com seu site. Esta é a maneira mais fácil de distribuir produtos digitais e monetizar um site.

4. Terminal de pagamento Stripe: carrinho de compras PHP

Este script de carrinho de compras em PHP permite que você tenha um terminal de pagamento com cartão de crédito rápido e fácil para seus clientes processados pela stripe.com.

A instalação e configuração do script levam menos de cinco minutos (no entanto, você precisa ter SSL e uma conta stripe.com).

5. GeniusCart: carrinho de compras PHP + sistema de comércio eletrônico

GeniusCart - PHP Shopping Cart sistema de comércio eletrônico

GeniusCart é um dos melhores carrinhos de compras PHP no CodeCanyon. Este carrinho de compras PHP MySQL jQuery apresenta mais de 1.000 vendas e uma classificação de cinco estrelas.

O carrinho de compras PHP é um sistema de comércio eletrônico completo. Você pode criar facilmente uma loja de um ou vários fornecedores com esta solução. Você precisa conferir a prévia para vê-lo em ação!

Como criar um carrinho de compras em PHP e MySQL

Aqui está uma rápida prévia em vídeo sobre como construir um carrinho de compras com PHP e MySQL. Vou passar por todo o processo passo a passo após esta visualização. Você pode assistir ao tutorial PHP do sistema de carrinho de compras completo após as etapas.

Passo 1

Vamos começar dando uma olhada na estrutura de pastas:

Estrutura

reset.css: você pode redefini-lo neste link
estilo.css: nosso próprio arquivo CSS que usaremos para estilizar nossa marcação HTML
conexão.php: o arquivo que fará a conexão com o banco de dados
index.php: o modelo para o nosso carrinho de compras
cart.php: o arquivo onde poderemos alterar nossos produtos do carrinho (adicionar, remover)
produtos.php: a página de listagem de produtos

Passo 2

Começaremos escrevendo a marcação HTML e depois estilizando-a. tão aberto index.php e copie/cole o código abaixo:

 
  
 
 
      
     
     
     
      
    Shopping cart

Como você pode ver, nossa página possui duas colunas: a coluna principal e a barra lateral. Vamos passar para o CSS. Abra o estilo.css arquivo e digite o código abaixo:

body { 
    font-family: Verdana; 
    font-size: 12px; 
    color: #444; 
} 
  
  
#container { 
    width: 700px; 
    margin: 150px auto; 
    background-color: #eee; 
    overflow: hidden; /* Set overflow: hidden to clear the floats on #main and #sidebar */
    padding: 15px; 
} 
  
#main { 
    width: 490px; 
    float: left; 
} 

#sidebar { 
    width: 200px; 
    float: left; 
}

Veja como nossa página de produtos deve ficar agora:

etapa 3

Antes de passarmos para a parte PHP/MySQL, precisamos criar um banco de dados. Então abra o phpMyAdmin e siga estes passos:

Vou ao Privilégios guia, clique no botão adicionar novo usuário e use as seguintes configurações: Nome de usuário: tutorial; Hospedeiro: localhost; Senha: senha supersecreta;. Agora certifique-se de que os privilégios globais estejam definidos; então vá para a próxima etapa.
Crie um novo banco de dados chamado tutoriais.
Crie uma nova tabela chamada produtos e defina o número de campos para 4. Agora preencha esses campos para que você tenha: id_integer – verifique se está definido como INT e marque-o como PRIMARY (também defina como auto_increment); nome – torná-lo VARCHAR com um comprimento de 100; Descrição – VARCHAR com comprimento de 250; preço – verifique se está definido como DECIMAL(2,6).
Preencha sua mesa com alguns produtos de amostra.

Para economizar tempo, exportei minha tabela de produtos para que você possa simplesmente executar a seguinte consulta:

CREATE TABLE IF NOT EXISTS `products` ( 
  `id_product` int(11) NOT NULL AUTO_INCREMENT, 
  `name` varchar(100) NOT NULL, 
  `description` varchar(250) NOT NULL, 
  `price` decimal(6,2) NOT NULL, 
  PRIMARY KEY (`id_product`) 
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=7 ; 
  
INSERT INTO `products` (`id_product`, `name`, `description`, `price`) VALUES
(1, 'Product 1', 'Some random description', '15.00'), 
(2, 'Product 2', 'Some random description', '20.00'), 
(3, 'Product 3', 'Some random description', '50.00'), 
(4, 'Product 4', 'Some random description', '55.00'), 
(5, 'Product 5', 'Some random description', '54.00'), 
(6, 'Product 6', 'Some random description', '34.00');

Passo 4

Antes de movermos e selecionarmos os dados do banco de dados, farei meu index.php um modelo para a lista de produtos e carrinho. Então adicione o seguinte código ao topo do seu index.php página:

sessão_início() – isto é para uso posterior; isso nos permitirá realmente usar sessões (é vital que o session_start seja escrito antes que qualquer outro dado seja enviado ao navegador).
Na segunda linha, incluímos o conexão.php que estabelecerá a conexão com o banco de dados (trataremos disso em um segundo). Mais uma coisa: a diferença entre include e require é que se você usar require e o arquivo não for encontrado, a execução do script terminará. Se você usar includeo script continuará funcionando.
Em vez de copiar todo o código HTML (o link para o CSS e para o JS) para cada arquivo em seu site, você pode apenas torná-los todos relativos a um único arquivo. Primeiro, estou verificando se existe uma variável GET chamada “página”. Se não for, estou criando uma nova variável chamada $_page. Se a variável GET chamada “page” for definida primeiro, quero ter certeza de que o arquivo que vou incluir é uma página válida.

Para fazer isso funcionar, precisamos incluir o arquivo; adicione esta linha ao index.php arquivo entre o div que tem o atributo id definido como a Principal:

Agora aqui está o completo index.php:

 
 
 
 
     
     
     
    Shopping Cart

Vamos criar a conexão com o MySQL. Abrir conexões.php e digite o seguinte:

connect_error) {
        die("Sorry, can't connect to the mysql.");
    }
?>

Passo 5

Agora é hora de escrever a marcação para a página de produtos. Então vá em frente e abra-o e digite o seguinte:

Product List 
 
     
        Name 
        Description 
        Price 
        Action 
     
     
        Product 1 
        Some random description 
        15 $ 
        Add to cart 
     
      
        Product 2 
        Some random description 
        25 $ 
        Add to cart

Name	Description	Price	Action
Product 1	Some random description	15 $	Add to cart
Product 2	Some random description	25 $	Add to cart

Vamos dar uma olhada na página:

Como você pode ver, é muito feio. Então, vamos estilizá-lo adicionando este CSS extra.

a {color: #48577D; text-decoration: none;} 
  
a:hover {text-decoration: underline;} 
  
h1, h2 {margin-bottom: 15px} 
  
h1 {font-size: 18px;} 
h2 {font-size: 16px} 
#main table { 
    width: 480px; 
} 
      
#main table th { 
    padding: 10px; 
    background-color: #48577D; 
    color: #fff; 
    text-align: left; 
} 
  
#main table td { 
    padding: 5px; 
} 
#main table tr { 
    background-color: #d3dcf2; 
}

Ok: vamos ver como fica agora:

Parece muito melhor, não é? Abaixo você tem o completo estilo.css código:

body { 
    font-family: Verdana; 
    font-size: 12px; 
    color: #444; 
} 
  
a {color: #48577D; text-decoration: none;} 
  
a:hover {text-decoration: underline;} 
  
h1, h2 {margin-bottom: 15px} 
  
h1 {font-size: 18px;} 
h2 {font-size: 16px} 
  
#container { 
    width: 700px; 
    margin: 150px auto; 
    background-color: #eee; 
    padding:15px; 
    overflow: hidden; 
} 
  
#main { 
    width: 490px; 
    float: left; 
} 
  
#main table { 
    width: 480px; 
} 
      
#main table th { 
    padding: 10px; 
    background-color: #48577D; 
    color: #fff; 
    text-align: left; 
} 
  
#main table td { 
    padding: 5px; 
} 
  
#main table tr { 
    background-color: #d3dcf2; 
} 
  
#sidebar { 
    width: 200px; 
    float: left; 
}

Passo 6

Antes de extrairmos o produto do banco de dados, vamos remover as duas últimas linhas da nossa tabela (usamos apenas para ver como ficaria nossa tabela). Tire isto:

  
    Product 1 
    Some random description 
    15 $ 
    Add to cart 
 
  
    Product 2 
    Some random description 
    25 $ 
    Add to cart

Excelente! Agora substitua as linhas da tabela pelo seguinte código PHP:

query($sql);
      
while ($row = $result->fetch_assoc()) {
?> 
     
         
         
        $ 
        ">Add to cart

Então primeiro usamos SELECT para recuperar os produtos e, em seguida, percorremos cada linha do banco de dados e a exibimos na página em uma linha da tabela.
Você pode ver que os links âncora para a mesma página (quando o usuário clicar no link âncora, o produto será adicionado ao carrinho/sessão). Nós apenas passamos algumas variáveis extras como o Eu iria do produto.

Se você passar o mouse sobre um dos Adicionar ao carrinho links, você pode ver, na parte inferior da página, o id do produto é passado como um parâmetro querystring.

Passo 7

Vamos fazer esse link âncora funcionar adicionando o seguinte código no topo da nossa página:

prepare("SELECT * FROM products WHERE id_product = ?");
        $stmt->bind_param("i", $id);
        $stmt->execute();
        $result = $stmt->get_result()->fetch_assoc();

        if(isset($result['id_product']) && $result['id_product']) {
            $_SESSION['cart'][$result['id_product']] = array(
                "quantity" => 1,
                "price" => $result['price']
            );
        } else {
            $message="This product id is invalid!";
        }            
    }
} 
?>

Se a variável GET chamada ação está definido e seu valor é adicionarexecutamos o código.
Nós nos certificamos de que o Eu iria que é passado pelo $_GET variável é um número inteiro.
Se o Eu iria do produto já está no $_SESSION variável, apenas incrementamos a quantidade em um.
Se o Eu iria não está na sessão, precisamos ter certeza de que o Eu iria que é passado pelo $_GET variável existe no banco de dados. Em caso afirmativo, pegamos o preço e criamos sua sessão. Caso contrário, definimos uma variável chamada $message que armazena a mensagem de erro.

Vamos verificar se o $message variável está definida e exibi-la na página (digite este código sob o título da página H1):

$message"; 
    } 
?>

Aqui você pode ver o completo produtos.php página.

prepare("SELECT * FROM products WHERE id_product = ?");
        $stmt->bind_param("i", $id);
        $stmt->execute();
        $result = $stmt->get_result()->fetch_assoc();

        if(isset($result['id_product']) && $result['id_product']) {
            $_SESSION['cart'][$result['id_product']] = array(
                "quantity" => 1,
                "price" => $result['price']
            );
        } else {
            $message="This product id is invalid!";
        }
    } 
} 
  
?> 
Product List
$message";
    }
?> 
query($sql);
      
        while ($row = $result->fetch_assoc()) {
    ?>
             
     
        Name 
        Description 
        Price 
        Action 
     
     
                 
                 
                $ 
                ">Add to cart

Name	Description	Price	Action
		$	">Add to cart

Aqui está a mensagem de erro se o id do produto for inválido.

Passo 8

Vamos voltar para o index.php arquivo e construir a barra lateral. Adicione o seguinte código:

Cart 

 $value) {
        $arrProductIds[] = $id;
    }
    $strIds=implode(",", $arrProductIds);

    $stmt = $mysqli->prepare("SELECT * FROM products WHERE id_product IN (?)");
    $stmt->bind_param("s", $strIds);
    $stmt->execute();
    $result = $stmt->get_result();

    while ($row = $result->fetch_assoc()) {
    ?>
         x 
    
    
    Go to cart
Your Cart is empty. Please add some products.";
}
?>

Em primeiro lugar, verificamos se o carrinho da sessão está definido. Caso não esteja, exibimos a mensagem, alertando o usuário que o carrinho está vazio.
Em seguida, selecionamos todos os produtos da sessão e os exibimos.

Dê uma olhada nas imagens abaixo:

Desde o index.php arquivo é um modelo para todos os arquivos, a barra lateral ficará visível no cart.php também. Legal certo?

Passo 9

Finalmente, abra cart.php e comece digitando o seguinte código:

View cart 
Go back to products page 
 
     $value) {
                $arrProductIds[] = $id;
            }
            $strIds=implode(",", $arrProductIds);

            $stmt = $mysqli->prepare("SELECT * FROM products WHERE id_product IN (?)");
            $stmt->bind_param("s", $strIds);
            $stmt->execute();
            $result = $stmt->get_result();

            $totalprice=0; 
            while ($row = $result->fetch_assoc()) {
                $subtotal=$_SESSION['cart'][$row['id_product']]['quantity']*$row['price']; 
                $totalprice+=$subtotal; 
            ?>
                 
         
            Name 
            Quantity 
            Price 
            Items Price 
         
         
                     
                     
                    $ 
                    $ 
                 
             
             
                Total Price:  
             
     
    
 
     
 

 
To remove an item, set it's quantity to 0.

Name	Quantity	Price	Items Price
		$	$
Total Price:

O código é semelhante ao de index.php e produtos.php, então não vou explicar tudo de novo. Você deve observar que ao invés de exibir a quantidade em um formulário, agora ela é exibida em uma caixa de entrada (para que possamos alterar a quantidade). Além disso, a tabela é encapsulada em uma tag de formulário. Para obter o preço total dos itens, multiplicamos a quantidade do produto específico (da sessão) pelo seu preço. Isso é feito em um foreach ciclo.

NOTA: A entrada é um array, a chave é o id do produto e a quantidade é o valor da quantidade.

Passo 10

O último passo que precisamos fazer é fazer o formulário funcionar. Então adicione este código ao topo do cart.php página.

if(isset($_POST['submit'])){ 
      
    foreach($_POST['quantity'] as $key => $val) { 
        if($val==0) { 
            unset($_SESSION['cart'][$key]); 
        }else{ 
            $_SESSION['cart'][$key]['quantity']=$val; 
        } 
    } 
  
}

Em primeiro lugar, verificamos se o formulário foi enviado. Se foi enviado e o valor da entrada foi zero, desativamos essa sessão.
Se o valor for qualquer outro valor diferente de zero, definimos a quantidade para esse valor.

aqui está o completo cart.php Arquivo.

 $val) {
        if($val==0) {
            unset($_SESSION['cart'][$key]);
        }else{
            $_SESSION['cart'][$key]['quantity']=$val;
        }
    }
}
?> 
  
View cart 
Go back to the products page.

     $value) {
                $arrProductIds[] = $id;
            }
            $strIds=implode(",", $arrProductIds);

            $stmt = $mysqli->prepare("SELECT * FROM products WHERE id_product IN (?)");
            $stmt->bind_param("s", $strIds);
            $stmt->execute();
            $result = $stmt->get_result();

            $totalprice=0; 
            while ($row = $result->fetch_assoc()) {
                $subtotal=$_SESSION['cart'][$row['id_product']]['quantity']*$row['price']; 
                $totalprice+=$subtotal; 
            ?>
                
        
            Name
            Quantity
            Price
            Items Price
        
         
                     
                     
                    $ 
                    $ 
                 
             
         
            Total Price:  
         
     
    
 
     
 

 
To remove an item set its quantity to 0.

Name	Quantity	Price	Items Price
		$	$
Total Price:

Espero que você tenha gostado deste tutorial. Se você tiver alguma dúvida, assista ao tutorial em vídeo mais detalhado!

Assista Como Criar um Carrinho de Compras em PHP e MySQL

Você viu o processo passo a passo e o exemplo de código do carrinho de compras PHP. Agora, aqui está o tutorial em vídeo completo sobre como criar um carrinho de compras simples usando PHP e MySQL.

Descubra mais scripts e recursos PHP

Espero que você tenha gostado do tutorial da loja online de PHP e tenha entendido o processo de criação de um carrinho de compras simples usando PHP e MySQL. Se você gostaria de explorar mais recursos úteis, dê uma olhada nisso:

Este post foi atualizado com contribuições de Maria Villanueva e Sajal Soni. Maria é redatora da Envato Tuts+. Sajal pertence à Índia e adora passar o tempo criando sites baseados em estruturas de código aberto.

Relacionado

Posted by admin

Tagged with