Mudanças entre as edições de "Banner Carrossel"

De Webbiz - Ajuda
Ir para: navegação, pesquisa
(Criou página com 'Banner Carrossel: <br><br> Clique em "Banner" e arraste até a opção desejada. <br><br> x400px <br><br> Após inserir o componente banner na página,...')
 
 
(Uma revisão intermediária pelo mesmo usuário não está sendo mostrada)
Linha 1: Linha 1:
 
Banner Carrossel:
 
Banner Carrossel:
 
<br><br>
 
<br><br>
Clique em "Banner" e arraste até a opção desejada.
+
O componente Banner serve para que imagens rotativas de produtos sejam adicionadas ao seu site.
 
<br><br>
 
<br><br>
[[Arquivo:Week63.png|x400px]]
+
Para acessar esse componente Configurações Avançadas > Editar Página > Editar > Banner .
 
<br><br>
 
<br><br>
Após inserir o componente banner na página, é necessário configurar as propriedades. Clique no componente e, na sequência, no lápis, conforme imagem abaixo:
+
[[Arquivo:Banner111.PNG|x400px]]
 
<br><br>
 
<br><br>
[[Arquivo:Week64.png|x400px]]
+
Para inserir clique no componente "Banner" e arraste ao local desejado. Ou clique no local desejado e selecione a opção "Banner".
 
<br><br>
 
<br><br>
Será exibido na lateral direita as propriedades do componente. Preencha os campos para que as informações sejam exibidas em seu banner:
+
[[Arquivo:Banner222.PNG|x400px]]
<br>
 
1.  Cabeçalho: Se deseja exibir um cabeçalho, selecione a opção “Exibir cabeçalho” e informe o texto desejado no campo “Cabeçalho”;   
 
<br>
 
2. Produtos: É possível selecionar até 05 produtos. Para adicionar um produto, clique em “+”.  
 
 
<br><br>
 
<br><br>
[[Arquivo:Week65.png|x400px]]
+
Após inserir o componente "Banner", é necessário escolher as imagens que deseja inserir. Clique no componente e, na sequência, no lápis, conforme imagem abaixo.
 
<br><br>
 
<br><br>
Após clicar em “+”, será exibida uma lista de produtos. O ícone de lupa, à frente do produto, exibirá a imagem que será utilizada no banner. Localize o produto desejado e clique em “+” para adicioná-lo ao banner. 
+
[[Arquivo:Banner333.PNG|x300px]]
 
<br><br>
 
<br><br>
[[Arquivo:Week66.png|x400px]]
+
Será exibido na lateral direita as propriedades do componente. Selecione as informações em cada campo.
 +
Clicando no "+" e escolhendo os produtos que deseja adicionar em cada um, podem ter até 5 imagens no total.
 
<br><br>
 
<br><br>
Alguns produtos permitem a venda online. Quando um desses produtos for selecionado, aparecerá uma janela permitindo a seleção entre: 
+
[[Arquivo:Banner4.PNG|x400px]]
<br>
 
1. Site da Porto Seguro: O seu cliente será direcionado ao site de venda online da Porto Seguro, vinculando a venda com a sua SUSEP. 
 
<br>
 
2. Página do produto: O seu cliente será direcionado à página do produto, contendo informações sobre o produto e um formulário de cotação. 
 
<br>
 
Após escolher uma das opções, clique em “Salvar”.
 
 
<br><br>
 
<br><br>
[[Arquivo:Week67.png|x400px]]
+
Caso não tenha adicionado produtos em seu site, aparecerá como o o exemplo abaixo:
 
<br><br>
 
<br><br>
Por último, clique em "Finalizar edição".
+
[[Arquivo:Banner6.PNG|x400px]]
 
<br><br>
 
<br><br>
[[Arquivo:Week68.png|x400px]]
+
Selcione "Salvar":
 +
<br><br>
 +
[[Arquivo:Banner5.PNG|x400px]]
 +
<br><br>
 +
Selecione "finalizar edição"
 +
<br><br>
 +
[[Arquivo:Banner7.PNG|x400px]]
 +
<br><br>
 +
Fim.

Edição atual tal como às 16h51min de 20 de janeiro de 2021

Banner Carrossel:

O componente Banner serve para que imagens rotativas de produtos sejam adicionadas ao seu site.

Para acessar esse componente Configurações Avançadas > Editar Página > Editar > Banner .

Banner111.PNG

Para inserir clique no componente "Banner" e arraste ao local desejado. Ou clique no local desejado e selecione a opção "Banner".

Banner222.PNG

Após inserir o componente "Banner", é necessário escolher as imagens que deseja inserir. Clique no componente e, na sequência, no lápis, conforme imagem abaixo.

Banner333.PNG

Será exibido na lateral direita as propriedades do componente. Selecione as informações em cada campo. Clicando no "+" e escolhendo os produtos que deseja adicionar em cada um, podem ter até 5 imagens no total.

Banner4.PNG

Caso não tenha adicionado produtos em seu site, aparecerá como o o exemplo abaixo:

Banner6.PNG

Selcione "Salvar":

Banner5.PNG

Selecione "finalizar edição"

Banner7.PNG

Fim.