Início

Tela do carrinho de compras | Formação em Vibe Coding | ibe.IA

Formação em Vibe Coding
Bubble - Aplicativos completos
Criando do Zero - Plataforma de Ecommerce

Carrinho de Compras

Tela do carrinho de compras

Crie a tela do carrinho de compras em tempo real, utilizando grupos flutuantes no Bubble, e aprenda a personalizar elementos para oferecer uma experiência de usuário intuitiva e atraente.

Acesso Restrito

Faça login para acessar o conteúdo desta aula.

Fazer login Voltar para o curso

Anterior Próxima

Copyright ©2026 - Todos os direitos reservados
Feito com ☕ e alguns bilhões de tokens de IA

Criando do Zero - Plataforma de Ecommerce

Progresso do Módulo

0 de 104 aulas concluídas

Antes de começar2 min

A inspiração para nossa loja virtual - Nuvemshop3 min

Páginas que vamos criar7 min

Novo aplicativo e configurações iniciais2 min

Página de Cadastro de Usuário11 min

Máscara de Input no CPF e CNPJ5 min

Página de Cadastro de Usuário - Workflows8 min

Painel da Empresa - Menu10 min

Painel da Empresa - Conteúdo9 min

Painel da Empresa - Animações10 min

Painel da Empresa - Submenu de Produtos9 min

Painel da Empresa - Navegação (com Parâmetro de URL)10 min

Cadastro de Produtos - Planejamento5 min

Cadastro de Produtos - Nome e Descrição10 min

Cadastro de Produtos - Ajustes finos8 min

Cadastro de Produtos - Fotos10 min

Cadastro de Produtos - Fotos (Workflows)10 min

Cadastro de Produtos - Preços e Dimensões13 min

Cadastro de Produtos - Banco de Dados6 min

Cadastro de Produtos - Salvar5 min

Cadastro de Produtos - Loop para salvar imagens16 min

Cadastro de Produtos - Deletar Fotos4 min

Cadastro de Produtos - Salvar Fotos6 min

Cadastro de Produtos - Melhorar experiência13 min

Cadastro de Produtos - Inputs inválidos6 min

Lista de Produtos18 min

Lista de Produtos - Ações7 min

Lista de Produtos - Duplicar Fotos4 min

Página Dinâmica da Loja Virtual6 min

Loja Virtual - Cabeçalho8 min

Loja Virtual - Lista de Produtos17 min

Navegação para Detalhes do Produto10 min

Galeria de Fotos13 min

Detalhes do produto15 min

Copiar Link do Produto11 min

Login, Logout e Proteção da Página6 min

Categorias de Produtos - Planejamento10 min

Categorias de Produtos - Popup14 min

Categorias de Produtos - Visualização em grupo repetidor14 min

Categorias de Produtos - Menu de categorias9 min

Categorias de Produtos - Navegação10 min

Edição do Produto - Criando a Página9 min

Edição do Produto - Workflows12 min

Carrinho de Compras - Estrutura do Banco de Dados3 min

Botão para criar cart_produto9 min

Tela do carrinho de compras23 min

Alterar Quantidades6 min

Deletar produto do carrinho1 min

Cálculo de subtotal7 min

Botão Comprar na página Espiar Produto8 min

Tela de checkout11 min

MercadoPago - Credenciais4 min

MercadoPago - O Processo de Integração API5 min

MercadoPago - Conector API para criar14 min

MercadoPago - Preferência de Pagamento13 min

MercadoPago - API pra Verificar Pagamento6 min

MercadoPago - Tela para verificar status de pedido19 min

Acompanhamento do Pedido20 min

Acompanhamento do Pedido - Informações do Carrinho7 min

Lista de Pedidos14 min

Lista de Pedidos - Popup de Produtos9 min

Lista de Pedidos - Alterar Status7 min

Pedido - Inserindo o endereço e CPF9 min

Pedido - Autenticação do Usuário e Teste28 min

Cadastro do Cliente15 min

Login do Cliente11 min

Painel do Cliente23 min

Alteração de Dados Pessoais8 min

Múltiplos Endereços12 min

Cadastro de Endereço10 min

Edição de Endereço9 min

Corrigindo Endereços na Tela Checkout17 min

Detalhes do Pedido10 min

Detalhes do Pedido - Produtos14 min

Clientes - Lista11 min

Clientes - Detalhes do Cliente12 min

Clientes - Detalhes de Pedidos19 min

Categorias de Produtos23 min

Personalizar cores e fontes19 min

Personalizar - Temas16 min

Cálculo de frete com Plugin do Correio26 min

Cálculo de frete no carrinho de compras22 min

Criação da Página Inicial / página de vendas13 min

Pagamento Multiempresas12 min

Painel da Empresa - Links na Página Inicial2 min

Painel da Empresa - Proteger acesso com permissões9 min

Painel da Empresa - Menu11 min

Cabeçalho - Extraindo primeiro nome6 min

Cabeçalho - Barra de busca2 min

Cabeçalho - Logotipo da loja7 min

Cadastro - Estrutura do banco de dados de fotos7 min

Cadastro - Ordenar fotos do produto no cadastro (Banco de Dados e Design)7 min

Cadastro - Ordenar fotos do produto (Lógica e Workflows)11 min

Cadastro - Ordenar fotos do produto (correção de bug ao incluir mais)4 min

Cadastro - Ordenar fotos do produtos (correção de bug ao deletar)3 min

Loja - Limitar altura das imagens2 min

Loja - Carrinho de Compras4 min

Loja - Contato6 min

Loja - Paginação nas fotos6 min

Slugs - Loja8 min

Slugs - Produtos6 min

SEO e nomes nas páginas5 min

Finalização do Aplicativo1 min

Avaliação do Módulo