Adicionando uma vitrine de produtos em abas no e-commerce

Habilitando este módulo, você poderá criar diferentes vitrines em sua loja virtual, como lançamentos, mais vendidos ou destaques da semana

Habilitando este módulo, você poderá criar diferentes vitrines de produtos em sua loja virtual, como "lançamentos", "mais vendidos" ou "destaques da semana". Lembrando que você pode utilizar o mesmo módulo diversas vezes e posicioná-los conforme sua necessidade.

Como inserir a vitrine de produtos em abas no site de vendas

Para realizar as configurações no design do seu site de vendas. Acesse na plataforma para loja virtual o menu Aparência, meus temas, customizar. Clique em adicionar seção e selecione a seção de vitrine de produtos em abas.

Incluindo o conteúdo da vitrine de produtos em abas da loja online

Na aba conteúdo você poderá inserir um título e um subtítulo que será exibido acima da vitrine de produtos em abas do seu site de vendas.

Editando a aparência da vitrine de produtos em abas

Na aba Aparência, você poderá editar a aparência da vitrine de produtos da sua loja, confira abaixo todos os campos que podem ser editados nesta seção.

Campo

Especificação

Não exibir em dispositivos móveis

Ao selecionar essa opção você está impedindo que a vitrine de produtos seja exibida durante a navegação em um dispositivo móvel.

Classe customizada para editar o CSS

Essa opção será utilizada somente por desenvolvedores que desejam criar classes específicas para editar o CSS de elementos dessa seção.

Estilo do conteúdo

Nesse campo você pode escolher como quer que seja exibida sua vitrine de produtos.

Cor do título

Determine a cor do título da vitrine de produtos em abas.

Cor do subtítulo

Selecione a cor do texto que ficará abaixo do título.

Cor da aba selecionada

Selecione a cor que será exibida na aba selecionada.

Cor de fundo da seção

Você pode inserir uma cor para ser exibida no fundo da seção de vitrine de produtos em abas.

Cor de fundo do botão

Caso você queira inserir um botão embaixo da aba de cada vitrine de produtos, neste campo poderá informar a cor desse botão.

Cor de texto do botão

Informe a cor do texto que será exibido no botão da vitrine de produtos com abas.

Cor de fundo do card de produtos

Você pode inserir uma cor que será exibida atrás do card de produto.

Cor de fundo do produto

Você pode inserir uma cor para ser exibida no fundo do card dos produtos da vitrine.

Cor da descrição da aba

Caso você insira uma descrição sobre a seção de vitrine de produtos com abas, poderá escolher a cor que será exibido o texto.

Cor da borda da seção

Escolha a cor da borda que fará a divisão entre uma seção e outra no seu site de vendas.

Imagem de fundo da seção

Você pode inserir uma imagem para ser exibida no fundo da seção de vitrine de produtos em abas.

Espessura da borda da seção

Determine o tamanho da espessura da borda que fará a divisão dos módulos que compõem o visual da sua loja. Caso não queira borda pode informar 0.

Margem de cima da seção

Informe o espaçamento entre a vitrine de produtos em abas e o módulo utilizado em cima.

Margem de baixo da seção

Informe o espaçamento entre a vitrine de produtos em abas e o módulo utilizado em baixo.

Adicionando as abas da vitrine de produtos

Na seção de abas, você poderá inserir as abas e os produtos da sua vitrine de produtos em abas, confira abaixo todas os campos que podem ser adicionados nesta seção.

Campo

Especificação

Imagem de fundo da seção

Você pode inserir uma imagem para ser exibida no fundo da aba da seção de vitrine de produtos.

Título

Neste campo você pode inserir um título que será exibido em cima da aba.

Descrição

No campo da descrição você pode inserir uma descrição que acompanhará o título.

Texto do botão

Caso você queira inserir um botão embaixo da sua vitrine de produtos em abas, nesse campo você poderá informar o texto que aparecerá no botão.

Link do Botão

Você pode inserir um link para que ao clicar no botão o seu cliente seja direcionado para alguma página de sua escolha.

Abrir em uma nova aba

Ao selecionar essa opção o link cadastrado no botão abrirá em uma nova aba do navegador do cliente.

Produtos

Selecione os produtos que serão exibidos na aba da vitrine de produtos

Adicionar aba

Clique neste campo para adicionar as outras abas da sua vitrine de produtos em abas