Nesse artigo, você lerá sobre outro Elemento Shopify nomeado Adicionar Produto ao Carrinho.
Sobre o elemento Adicionar Produto ao Carrinho
O Adicionar Produto ao Carrinho foi desenvolvido para apresentar o botão de Adicionar ao Carrinho para qualquer produto.
Esse elemento é essencial para qualquer produto listado em sua página. Quando os visitantes clicarem neste botão, ele será automaticamente adicionado ao seu carrinho.
Note que você poderá buscar esse elemento usando a função de busca ao invés de procurar na barra lateral.
Configuração do elemento Adicionar Produto ao Carrinho
O elemento Adicionar Produto ao Carrinho vêm com uma infinidade de parâmetros, permitindo a você fazer o ajuste fino da aparência do seu conteúdo, alcançando assim, a melhor taxa de conversão.
Quando você arrastar o elemento Adicionar Produto ao Carrinho no editor de página, haverá 2 opções para a Origem do Produto para você escolher:
- Auto
Produto Personalizado
Note que se você estiver na Página do Produto e usar o elemento Adicionar Produto ao Carrinho, você poderá escolher a opção de Origem de Produto. Porém, se você estiver na página regular e usar este elemento, a opção de Origem do Produto estará desabilitada e a opção de Produto Personalizado ativada por padrão.
Se você selecionar Auto, então o produto selecionado ao criar a página será exibido no editor de página. A opção Auto é a selecionada por padrão quando o elemento Adicionar Produto ao Carrinho é utilizado.
Selecione o elemento no layout e veja seus parâmetros.
Os parâmetros nas guias Geral e Estilo são específicos para este elemento. Leia sobre eles neste artigo.
Parâmetro da guia Geral | |
1. CONTEÚDO |
|
2. ATRIBUTOS | Estes são o grupo de 3 parâmetros que todos os elementos possuem. Você pode ler mais aqui |
3. VISIBILIDADE | Estes são o grupo de 3 parâmetros que todos os elementos possuem. Você pode ler mais aqui |
4. ANIMAÇÃO | Estes são o grupo de 3 parâmetros que todos os elementos possuem. Você pode ler mais aqui |
Parâmetro da guia Estilo Existem 2 opções para o estado do botão, que são: Normal e Selecionado. | |
1. NO GERAL | Você pode ler mais aqui |
2. ESPAÇAMENTO | Você pode ler mais aqui |
3. TIPOGRAFIA | Você pode ler mais aqui |
4. FUNDO DE TELA | Você pode ler mais aqui. |
5. BORDA | Você pode ler mais aqui |
6. EXIBIÇÃO | Você pode ler mais aqui |
7. CSS PERSONALIZADO | Você pode ler mais aqui. |