Tutorial OpenCart. Como configurar o Banner de Slilde Show da Home ou qualquer página

Tutorial OpenCart
Criar um slide show compatível com todos os navegadores no front end (HTML, CSS) pode ser mais complicado do que parece, mas o Opencart traz este recurso nativo em sua plataforma.
O primeiro passo que devemos entender antes de criar o nosso banner é que as imagens devem ser trabalhadas antes de iniciarmos este processo e para isso você poderá usar o Adobe Photoshop ou Adobe Ilustrator (O Corel Draw é mais vetorial no desenvolvimento destas imagens de forma que o seu carregamento poderia ser pior e neste caso não recomendo a menos que depois você trate estas imagens no Adobe Photoshop pra uma compactação web e modo de mistura interativa em RGB).
Saiba que não vou estipular as dimensões da imagem porque elas podem varia dentro do mesmo template pela dimensão que você dá ao mesmo quanto ao uso de recursos laterais adicionais ou pela própria estrutura de templates diversificados o que nesse ponto o OpenCart sai na frente porque os templates desde os gratuitos até os pagos são bem legais.
Para alterar o banner em slide show no OpenCart
Primeiro passo:
De qualquer lugar que você esteja clique no menu superior na opção (sistema – system), em seguida (design – design) e por fim (banners – banners).
Tutorial OpenCart
 Segundo Passo:
Ao chegar na página de configuração dos banner você poderá perceber que a mesma é bem intuitiva e nela você pode excluir os antigos banners selecionando os mesmos e clicando em excluir ou criar um novo banner clicando em inserir.
Tutorial OpenCart
Terceiro Passo:
Preencha os dados quanto ao nome do banner e isso irá ajudá-lo a segrega-los no momento da escolha na página das extensões, sem seguida selecione (habilitado) para que o mesmo se torne elegível e por fim clique em adicionar para poder inserir imagens e faça isso quantas vezes for preciso.
Tutorial OpenCart
Ainda no terceiro confira como será a tela para adicionar imagens do OpenCart.
No item em vermelho com número 1
Dê um nome ao banner da imagem desejada ou promoção em destaque
No item em vermelho com número 2
Você poderá inserir um link ao qual o banner deve direcionar aquele que nele clicar
No item em vermelho com número 3
Clique em localizar para ser direcionado ao dispositivo de gestão de imagens do opencart
Tutorial OpenCart
Agora no gestor de imagens do OpenCart veja que o mesmo é bastante intuitivo e basta que depois que você faça o upload da imagem que dê 2 cliques sobre a imagem.
Tutorial OpenCart
 Quarto Passo:
Não basta atribuir imagens a um suposto slide show é preciso configurar em que posição a extensão de slide show terá de aparecer.
Para isso de qualquer lugar que esteja clique no menu superior (extension – extensões) em seguida escolha a opção (modules – módulos).
Tutorial OpenCart
 Dentro da opção (modules – módulos) certifique-se de escolher a extensão (Banners em Slideshow) e clicar em (editar).
Caso a opção editar não esteja visível clique em instalar que o mesmo será ativo.
Tutorial OpenCart
Quinto Passo:
Agora vamos fazer as configurações finais do seu banner slide show do OpenCart.
No item 1 em vermelho
- Você irá escolher o banner pelo nome conforme desenvolvido na etapa do terceiro passo.
No item 2 em vermelho
- você irá configurar as dimensões do banner slide show de acordo com a posição ou itens que você tiver onde o mesmo for colocado.
Ex. se você não utilizar extensões na lateral esquerda ou direita o banner slide show terá 980 px de largura, já se você usar uma extensão na lateral esquerda para divulgar os parceiros você terá o banner slide show com a largura de 780 px.
No item 3 em vermelho
- Aqui você escolhe o tipo de layout ou página em que o mesmo será apresentado.
No item 4 em vermelho
- Aqui você irá configurar a posição do seu banner que pode ficar no topo, no rodapé ou na lateral direita e esquerda.
No item 5 em vermelho
- Você definirá se o banner estará ativo ou desativado e isso pode ser feito de forma isolada por blocos de banner em slide show.
No item 6 em vermelho
- Você poderá configurar a ordem do banner em relação aos outros elementos por sua numeração e quanto mais próximo de (0) maior a prioridade e mais no topo o mesmo estará e ao mesmo tempo poderá adicionar novos banners em outras posições ou páginas do seu comercio eletrônico feito no OpenCart.
No item 7 em vermelho
- Você deverá lembrar de salvar as alterações pra que as mesmas tenham efeito.
Tutorial OpenCart
Assista agora nosso playlist de vídeo aulas demonstrativas do curso.
Gostando não deixe de adquirir o curso particular, pois no mesmo o aluno tem acesso a vídeo aulas exclusivas e suporte a suas dúvidas.
Tutorial OpenCart. Como configurar o Banner de Slilde Show da Home ou qualquer página Tutorial OpenCart. Como configurar o Banner de Slilde Show da Home ou qualquer página Reviewed by André Rossiter on 19:42 Rating: 5

Nenhum comentário:

André Rossiter. Tecnologia do Blogger.