Bloco Empty cart

O bloco Empty cart é o conteúdo exibido quando o carrinho não tem itens, normalmente uma mensagem e um botão de continuar comprando, para que um drawer vazio continue útil e alinhado à marca. Ele só aparece no estado vazio do carrinho; outros blocos (como o Header) podem ficar ao lado dele nesse mesmo estado.

• O bloco aparece apenas quando o carrinho está vazio. Assim que o comprador adiciona um item, o carrinho muda para o estado cheio e este bloco é substituído pelo seu layout de carrinho cheio.
• No editor, o link do CTA fica inerte, então clicar nele não leva você para fora enquanto está projetando.

• Região: body.
• Máximo: 1 por estado do carrinho.
• Estado: apenas carrinho vazio. Este bloco não aparece no estado cheio. Carrinhos novos também incluem um Header no estado vazio por padrão; veja Como funcionam os carrinhos?.
• Adicionado a carrinhos novos por padrão. Não é fixo — você pode removê-lo ou ocultá-lo.

Suporta um template personalizado pela aba Code, que substitui a marcação nativa deste bloco pelo seu JSX. Estas são as props que ele recebe. Estilize este bloco pela seção Design no painel de configurações. São substituições por bloco que se sobrepõem ao seu design global e voltam a ele quando ficam em branco. A seção Text em Design permite controlar a tipografia de dois elementos. Use o seletor Text element para alternar entre eles. Message — o texto da mensagem de estado vazio. Negrito e cor do texto são definidos no Rich Text Editor acima (na aba Settings), não aqui. Button label — o texto no botão de continuar comprando. A cor do texto é definida na seção Button de Design. A seção Button permite estilizar o botão de CTA independentemente do design global de botões. Use a alternância Default / Hover para trocar entre os dois estados. O que são configurações de design? Saiba mais aqui: Configurações de design.