Neste guia encontra os parâmetros HTML para adicionar o carrinho de compras a todas as páginas no seu site. Os parâmetros fazem parte do código incorporado da sua loja virtual e têm este aspeto:
cartType: 'overlay'
cartColor: '#56AAD8'
showMobileCart: true
flatBackgroundColor: 'transparent'
overlayBackgroundColor: '#F3F3F3'
mobileBackgroundColor: '#FFFFFF'
overlayPosition: 75
Se quiser mostrar o carrinho no seu site do Website Builder, pode usar o componente código para o inserir.
O posicionamento do componente código deve ser "Normal" ou "Before the closing </body> tag". Se posicionar o componente código no modelo, este ficará visível em todas as páginas que usam o modelo.
Que parâmetros posso alterar?
Pode alterar os parâmetros seguintes:
- Selecionar tipo de carrinho
- Definir cor do carrinho
- Mostrar carrinho no telemóvel
- Cor de fundo do carrinho "flat" (simples)
- Cor de fundo do carrinho "overlay" (sobreposição)
- Cor de fundo do carrinho para telemóvel
- Posição de sobreposição na página
Listámos o que é que cada parâmetro faz e como o pode ajustar.
Selecionar tipo de carrinho
Pode escolher entre dois tipos de carrinhos para mostrar na sua página:
- overlay - mantém-se na página, na posição selecionada por si. Mantém-se visível quando se percorre a página para cima e para baixo.
- flat - o ícone é colocado num local específico na sua página e mantém-se nesse local. Não fica visível se se percorrer a página para baixo.
Escolher entre "overlay" ou "flat". Se não selecionar nada, reverte para a predefinição "overlay".
Exemplo:
cartType: "overlay"
Definir cor do carrinho
Isto determina a cor do carrinho usada em todos os tipos de carrinhos; "flat" (simples), "overlay" (sobreposição) e no telemóvel. O valor predefinido é #56AAD8, mas pode substitui-lo por qualquer código de cor HTML que pretenda.
Exemplo:
cartColor: '#56AAD8'
Mostrar carrinho no telemóvel
Esta opção permite-lhe desativar o carrinho nos dispositivos móveis. Defina o valor para true para mostrar o carrinho no telemóvel ou para false para o ocultar.
Exemplo:
showMobileCart: true
Cor de fundo do carrinho "flat" (simples)
Esta opção altera a cor de fundo do carrinho simples. Insere um pequeno quadrado em volta do ícone do carrinho. A predefinição é "transparente", mas pode substitui-la por qualquer código de cor HTML que pretenda.
Exemplo:
flatBackgroundColor: 'transparent'
Cor de fundo do carrinho "overlay" (sobreposição)
Esta opção altera a cor de fundo do carrinho de sobreposição. Insere um pequeno quadrado em volta do ícone do carrinho. A predefinição é cinza claro (#F3F3F3), mas pode substitui-la por qualquer código de cor HTML que pretenda.
Exemplo:
overlayBackgroundColor: '#F3F3F3'
Cor de fundo do carrinho para telemóvel
Esta opção altera a cor de fundo do carrinho para telemóvel. Insere um pequeno quadrado em volta do ícone do carrinho. A predefinição é branco (#FFFFFF), mas pode substitui-la por qualquer código de cor HTML que pretenda.
Exemplo:
mobileBackgroundColor: '#FFFFFF'
Posição de sobreposição na página
Esta opção especifica a posição vertical do carrinho de sobreposição do topo da página; quanto mais alta for a percentagem, mais baixo o carrinho é colocado na página. A percentagem é calculada com base na altura do ecrã. Escolha um número entre 1-100.
Exemplo:
overlayPosition: 75
Artigos relacionados:Artigos relacionados: