Template Modelo – Inserir imagens no menu principal

Para que o menu fique dessa forma:

screen_shot_2011-12-23_at_9.36.27_am_1

Com imagens em cada categoria do menu, é necessário seguir alguns passos.

Veja os passos:

Configurando o FTP:

1. Caso ainda não possua, crie uma solicitação em nosso sistema de suporte e peça a liberação do acesso via FTP da pasta media/wysiwyg.
– Após a solicitação e liberação os dados de acesso à pasta serão informados via ticket de suporte.

2. Utilizamos o FileZilla para acesso ao FTP, mas fique a vontade para usar outro software para acesso ao FTP.

3. Faça o download do Filezilla.

4. Clique no botão “Gerenciador de Sites”. Veja a ilustração na imagem:

gerenciador-de-sites

5. Clique no botão “Novo Site”. Insira um “nome” e preencha os campos com os “dados de acesso”. Veja a imagem:

tela

Dados para acesso (modo ativo):
host:
usuario:
senha:

6. Acesse a aba “Configurações de transferências” e a altere a opção para modo ATIVO. Veja a imagem:

ativo

Se todos os passos foram feitos corretamente a conta de acesso ao FTP da pasta foi criada com sucesso!

Inserindo os banners/imagens no menu:

1. Caso sua loja ainda não possua categorias no menu principal, crie as categorias normalmente, como explicado no treinamento. Caso sua loja já possua categorias não é necessário fazer nenhuma alteração.

2. Com as categorias criadas vamos criar os blocos e inserir os banners/imagens:
Obs.: crie blocos apenas para as categorias criadas e ao excluir uma categoria exclua também o bloco.

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

– Clique em “criar bloco”.

– O Título do bloco deve ser igual ao Nome da Categoria. (acesse catalogo >> gerenciar categoria e verifique o nome da categoria)

– O Identificador deve ser igual a URL da Categoria. (acesse catalogo >> gerenciar categoria e verifique o nome da categoria)

– Altere o “Estado” para “habilitado”.

– Clique na opção “Show / Hide Editor”

– Cole a linha de código abaixo na área de texto:
linha

– Adicione a imagem na pasta (ftp):

Clique na imagem com o botão esquerdo >> deixe o botão pressionado >> arraste a imagem até a pasta (ftp) e solte o botão esquerdo do mouse. Veja imagem:

clica-arrasta-solta

– Após adicionar a imagem do banner na pasta MEDIA, altere o nome da imagem na linha de código:

“media url=”wysiwyg/nome_do_arquivo.png

linha1

– Salve!

Lembrando que a imagem pode ser .JPG ou .PNG, apenas não esqueça de alterar a extensão do arquivo ao alterar a imagem.

Caso não consiga visualizar a imagem no menu, limpe o cache da plataforma e atualize seu navegador (CTRL + F5).

Atenciosamente,
Bring

0