Adicionando um produto com imagem de fundo no e-commerce

Utilizando a seção de produto com imagem de fundo você poderá inserir um banner e selecionar os produtos que serão exibidos próximos a ele

Habilitante este módulo de produto com imagem de fundo você poderá inserir um banner especial de produto/coleção, e selecionar os produtos que serão exibidos próximos a ele. Lembrando que você pode utilizar o mesmo módulo diversas vezes e posicioná-los conforme sua necessidade.

Como inserir um produto com imagem de fundo na loja virtual

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 produto com imagem de fundo.

Incluindo o conteúdo do produto com imagem de fundo

Na aba conteúdo você poderá inserir um título e um subtítulo que será exibido acima do produto com imagem de fundo do seu site de vendas. Nessa aba você também fará a seleção de produtos que serão exibidos na seção. Lembramos que cada módulo de produto com imagem de fundo permite que você insira até no máximo 4 produtos.

Editando a aparência do produto com imagem de fundo

Na aba Aparência, você poderá editar a aparência do produto com imagem de fundo da sua loja virtual, 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 o produto com imagem de fundo seja exibido 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.

Alinhamento do produto

Informe se a produto deve ficar posicionado a esquerda, direita ou no centro da imagem.

Quantidade de blocos por linha

Insira quantos blocos de texto você quer que sejam exibidos por linha.

Cor do título

Determine a cor do título do texto.

Cor do subtítulo

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

Cor de fundo da seção

Você pode inserir uma cor para ser exibida no fundo da seção de produto com imagem de fundo.

Cor de fundo do produto

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

Cor da borda da seção

Informe a cor da borda responsável pela divisão dos módulos que compõem o visual da sua loja.

Imagem de fundo da seção

Você pode inserir uma imagem para ser exibida no fundo da seção de produto com imagem de fundo.

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 da seção

Informe o tamanho da margem da seção de produto com imagem de fundo.