Alterar texto e ícone da barra de promoção

Como alterar os ícones e texto da barra de promoção?:

barra

Siga os passos:

1 – Acesse o Painel Administrativo >> Sistemas >> configuração >> Bringcommerce – Loja Start >> Configurações de sua loja >> Página.

pagina

Para inserir o primeiro ícone utilize a opção: Envie a Imagem da coluna 1.
Para inserir o segundo ícone utilize a opção: Envie a Imagem da coluna 2.
Para inserir o terceiro ícone utilize a opção: Envie a Imagem da coluna 3.

Para alterar a cor de fundo dos ícones, altere a opção abaixo:

alterar-cor-icones

2 – Acesse a aba Página.

Obs.: As imagens precisam ter dimensão igual a 100 x 100 pixels.

im

Para alterar a primeira imagem escolha uma imagem através da opção: Envie a imagem da coluna1: botão Escolher Arquivo

Para alterar a segunda imagem escolha uma imagem através da opção: Envie a imagem da coluna2: botão Escolher Arquivo

Para alterar a terceira imagem escolha uma imagem através da opção: Envie a imagem da coluna3: botão Escolher Arquivo

Para alterar o texto na lateral de cada imagem:

Siga os passos:

1 – Acesse o painel administrativo >> CMS >> Blocos Estáticos.

2 – Digite a palavra coluna1 no campo Identificador e clique em Filtrar.

coluna1

3 – Clique na opção “coluna1”

4 – Você esta visualizando essas informações:

imagem

– Caso não consiga visualizar o código em html, clique sobre a opção “Show/Hide Editor”.
– O código será exibido no bloco “Editar Bloco 1”, no campo “Conteúdo”.

– Para alterar a primeira linha de texto, altere o texto entre a div h6. O texto esta em destaque na imagem, em torno de uma borda, na cor vermelha.

promo1

– Veja o mesmo texto sendo exibido na barra de promoção, na homepage.

promo2

– Para alterar a segunda linha da imagem, altere o texto entre a div p. O texto esta em destaque na imagem:

promo3

– Veja o mesmo texto sendo exibido na barra de promoção, na homepage.

promo4

– Para alterar a terceira linha da imagem, altere o texto entre a div p. O texto esta em destaque na imagem:

promo5

– Veja o mesmo texto sendo exibido na barra de promoção, na homepage.

promo6

– Link Confira:

confira

– Altere o nome do link “Confira” para o nome que desejar, alterando a palavra confira entre a div a. Apenas altere o texto.

– Para inserir um endereço onde o cliente/usuário será direcionado quando clicar sobre o link “Confira”:

Insira o endereço da página entre as aspas do href, dessa forma:

link

Preste muita atenção e verifique se nenhum caractere da linha de código foi apagado por engano. Caso contrario a barra não será exibida corretamente.

Caso desejar que o link não seja exibido, comente a linha de código da seguinte forma:

comentario

Insira no começo da linha de código o ! – – (um ponto de exclamação seguido de dois traços) e o – – (dois traços) ao final da linha de código.

A coluna ficará dessa forma na homepage, sem o link:

rrffv

5 – Altere apenas os textos e clique em Salvar.

6 – Para alterar o texto da segunda coluna: Digite a palavra coluna2 no campo Identificador e clique em Filtrar.

7 – Para alterar o texto da terceira coluna: Digite a palavra coluna3 no campo Identificador e clique em Filtrar.

Se você seguiu todos os passos, as imagens e os textos da barra de promoção foram alterados com sucesso. 😀

0