Como alterar a barra de promoções

Bom dia!

Neste tutorial iremos detalhar como realizar alterações na barra de promoções de sua loja.

Antes de passarmos à alteração propriamente dita, devemos listar alguns pré-requisitos relativos às imagens que serão utilizadas para a melhor exibição na barra:

• Todas as imagens que serão inseridas na barra devem ter exatamente as mesmas dimensões entre si (Não devem existir imagens com altura ou largura diferentes uma da outra, devem estar padronizadas).
• As imagens devem ter exatamente 268 x 53 px ou seguir essa proporção.
• As imagens devem ser do tipo PNG para possibilitar a transparência e não entrarem em conflito com a cor de fundo da barra e do site.

Para melhor entendimento do tutorial a seguir, algumas considerações:

• Todos os passos possuem imagens ilustrativas abaixo de cada um.
• As imagens estão marcadas com retângulos de bordas arredondadas da cor laranja indicando os acessos e cliques.

Com as imagens em mãos, acesse o painel de sua loja e seguiremos com as alterações:

1. No Menu CMS, clicar em “Blocos Estáticos”.
2. Em “Identificador”, pesquisar por “promo” e clicar em “Filtrar”
3. Clicar na linha da tabela correspondente à barra de promoções
4. Para inserir uma imagem à barra, clique no espaço em branco após as imagens.
   1. Para alterar uma imagem já inserida, clique na imagem
   2. Após algum dos passos anteriores clique no botão “Insert/Edit Image” com o desenho de uma pequena árvore.
5. Tendo clicado no “botão da árvore” abre-se a janela abaixo. Clique no botão “Browse” para seguir à tela de seleção e upload e seleção de imagens.
   1. Se o upload das imagens já foi feito, ir para o passo 8.
      
6. Para enviar imagens, selecione a pasta para a qual ela será enviada e clique em “Procurar Arquivos…”
   1. Na tela abaixo é possível enviar imagens ao site e criar agrupamentos das imagens através de pastas com o botão “Criar Pasta”.
   2. Selecione as imagens desejadas no seu computador e clique “Ok” para confirmar a seleção. 
7. Após selecionar as imagens que serão enviadas, a barra de envio de imagens aparecerá como na imagem abaixo.
   1. Clique em “Enviar Arquivos” para que as imagens sejam enviadas.
8. Ao final do upload das imagens, selecione a imagem que será utilizada e clique em “Inserir Arquivo”.
9. Insira uma descrição para a imagem e clique no botão com a borda verde (“Insert” quando inserir uma nova imagem ou “Update” quando for atualizar uma imagem existente).
10. Para inserir links nas imagens da barra, selecione uma imagem e clique no botão com elos de uma corrente (“Insert/Edit Link”).
11. No campo “Link URL”, insira o endereço que será acessado ao clicar na imagem.
    1. No campo “Target” selecione “Open Link in the Same Window” para que o link seja aberto na mesma aba ou “Open link in a New Window” para que o link seja aberto em uma nova aba e clique no botão com a borda verde (“Insert” quando inserir uma nova imagem ou “Update” quando for atualizar uma imagem existente).
12. Para remover um link de uma imagem da barra, selecione a imagem e clique no botão com a imagem de uma corrente quebrada (“Unlink”).
13. Após efetuadas todas as alterações necessárias, clique no botão Salvar para finalizar a alteração da barra.