Adicionando uma imagem com texto sobreposto no e-commerce

Ao habilitar essa seção você poderá intercalar conteúdos de texto e imagens lado-a-lado.

Esta seção permite que você intercale conteúdos de texto e imagens lado-a-lado. Lembrando que você pode utilizar o mesmo módulo diversas vezes e posicioná-los conforme sua necessidade, com o texto para o lado esquerdo ou para o direito.

Como inserir uma imagem com texto sobreposto 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 imagem com texto sobreposto.

Incluindo o conteúdo de imagem com texto sobreposto da loja

Na aba conteúdo você poderá inserir um título e o texto que será exibido na seção de imagem com texto sobreposto do seu site de vendas. Você poderá inserir também um botão e um link para direcionar o seu cliente a uma página, após clicar no botão.

Editando a aparência do texto com imagem

Na aba Aparência, você poderá editar a aparência do texto com imagem 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 imagem com texto sobreposto seja exibido durante a navegação em um dispositivo móvel.

Não exibir em desktop

Ao selecionar essa opção você está impedindo que a imagem com texto sobreposto seja exibido durante a navegação no desktop.

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 da imagem

Nesse campo você pode escolher se quer que a imagem seja exibida à esquerda ou à direita do texto.

Cor do título

Determine a cor do título do texto.

Cor do texto

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 imagem com texto sobreposto.

Cor de fundo do texto

Informe a cor de fundo do bloco de texto.

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 imagem com texto sobreposto.

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 imagem com texto sobreposto e o módulo utilizado em cima.

Margem de baixo da seção

Informe o espaçamento entre a imagem com texto sobreposto e o módulo utilizado em baixo.