Alterar os banners de transição do slide principal

Alteração dos banners do slide principal

slide-principal

1 – Criando os blocos estáticos

1.1 – Acesse o Painel Administrativo >> CMS >> Blocos Estáticos.

blocos-estaticos

1.2 – Digite block_slide1 e clique em filtrar para alterar a imagem do primeiro banner. Passe para o passo 1.3.
1.2.1 – Digite block_slide2 e clique em filtrar para alterar a imagem do segundo banner. Passe para o passo 1.3.
1.2.2 – Digite block_slide3 e clique em filtrar para alterar a imagem do terceiro banner. Passe para o passo 1.3.
1.2.3 – Digite block_slide4 e clique em filtrar para alterar a imagem do quarto banner. Passe para o passo 1.3.

bloco

1.3 – Clique sobre a linha do bloco:
bloco

1.4 – Clique na opção Show Hide Editor

show-hide

1.5 – Clique no canto direito da imagem, o clique esta simbolizado pela bola vermelha. Ao clicar no canto direito da imagem, um cursor na cor azul, simbolizado pela linha em vermelho, ficará piscando na borda lateral direita da imagem.

1.5.1 – Aperte a tecla “backspace” do teclado e apague a imagem.

editor

1.6 – Com o cursor posicionado no inicio da tela do editor de texto, clique no botão Insert/Edit Image

cursor

1.7 – Clique na opção Browse

browse

1.8 – Clique na opção Browse Files e escolha a imagem em seu computador.

Obs.: A imagem do banner principal tem dimensão:876 x 390px

browse

1.9 – Depois de ter escolhido a imagem clique na opção “Upload Files”

upload

1.10 – Clique na Imagem e depois na opção Inserir Arquivo:

inserir-arquivo

1.11 – A URL(endereço) da imagem será exibido no Insert/Edit Image

url-image

1.12 – Clique em Insert

insert

1.13 – Caso apareça algum aviso na tela, clique em OK.

Se os passos foram seguidos corretamente, a imagem foi inserida no bloco:

salvar-continuar

1.14 – Clique em Salvar ou Salvar e Continuar.

1.15 – Repita o processo para os demais blocos. Veja a opção 1.2.1, 1.2.2, 1.2.3.

Configurando a exibição dos banners do slide principal

1 – Acesse o Painel Administrativo >> Sistemas >> Configuração.

2 – Acesse o bloco Bringcommerce – Loja Start >> Slideshow:

3 – Insira os nomes dos blocos separados por , (vírgula) na opção Displayed Slides.

bloco-display

4 – Clique em Salvar.

5 – Atualize o navegador onde a loja esta sendo exibida.

Se os passos foram seguidos corretamente a nova imagem esta sendo exibida no slide show.

0