Exibir código-fonte para Banners Promocionais

{|
|-
| colspan=2; style="border:0px solid; vertical-align:top;" |
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: right;"
| [[Imagem:Volt.png|link=E-commerce]]
|}
|-
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| '''Para configurar os Banners Promocionais da sua loja, siga o procedimento:'''
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:Ecom008.png]]
|}
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| 1. clique no menu em '''Configurações da Loja''' e após na opção '''Banners Promocionais'''.
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:Ecom009.png|400px]]
|}
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| 2. Será exibida a tela de Banners Promocionais.

Para que seu Banner Promocional seja exibido em sua Loja Virtual, no campo '''Mostra Banner Promocional''' deixe selecionado '''Sim'''.

Você terá 2 (duas) opções de Banners Promocionais:
* '''[[#Imagem|Imagem]]'''
* '''[[#Rotativo|Rotativo]]'''.
|}
|}


=Imagem=
{|
|-
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| '''Para inserir um Banner Promocional de Imagem, siga o procedimento:'''
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:Ecom010.png|400px]]
|}
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
|Preencha os campos:
* '''Mostra Banner Promocional:''' Selecione '''Sim'''
* '''Cor de Fundo do Banner:''' Caso a imagem do banner não preencha toda a largura horizontal do espaço onde será exibido, a cor selecionada irá preencher o espaço restante.
* '''Altura do Banner:''' Recomendamos ajustar para a altura em pixels da imagem que será utilizada no banner.
* '''Tipo do Banner''': Selecione '''Imagem'''.
* '''Imagem do Plano Fundo:''' Você deverá escolher uma imagem de sua preferência para que seja exibida no local do Banner Promocional.
* '''Link:'''  Você poderá colocar um Link para essa imagem que ao clicar na mesma poderá redirecionar o cliente para um produto em destaque, uma promoção, etc.
Após, clique no botão '''Gravar'''.
|}
|-
| colspan=2; style="border:0px solid; vertical-align:top;" |
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: right;"
| [[Imagem:Volt.png|link=E-commerce]]
|}
|}


=Rotativo=
{|
|-
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| No Banner tipo Rotativo, você poderá incluir até quatro banners que poderão, por exemplo, ser produtos em destaque, promoções, propaganda de sua Loja, etc.
'''Para inserir Banners Promocionais Rotativos, siga o procedimento:'''
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:Ecom011.png|400px]]
|}
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| Preencha os campos:

* '''INFORMAÇÕES'''
** '''Mostra Banner Promocional:''' Selecione '''Sim'''
** '''Cor de Fundo do Banner:''' Caso a imagem do banner não preencha toda a largura horizontal do espaço onde será exibida, a cor selecionada irá preencher o espaço restante.
** '''Altura do Banner:''' Recomendamos ajustar para a altura em pixels da imagem que será utilizada no banner.
** '''Tipo do Banner''': Selecione '''Rotativo'''.

Após, clique no botão '''Gravar'''.
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:Ecom012.png|400px]]
|}
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| Clique em '''NOVA IMAGEM'''.
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:Ecom013.png|400px]]
|}
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| Preencha os campos:
* '''INFORMAÇÕES'''
** '''Titulo''': Título para esse item do seu Banner Rotativo.
** '''Link''': Link para o qual o cliente será redirecionado ao clicar nessa imagem do Banner Rotativo.
** '''Publicar''': Além de inserir essa imagem, você poderá decidir se irá ou não publicar o banner ou apenas deixá-lo cadastrado e publicá-lo em outra ocasião.
** '''Imagem''': Imagem para o seu Banner Rotativo, selecione o arquivo da imagem em seu computador.

Após, clique no botão '''Gravar'''.

Depois de inserir uma imagem, você terá a opção de '''Alterar''' ou '''Remover''' cada imagem de seu Banner Rotativo.
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:Ecom07Exemp.jpg|400px]]
|}
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| Exemplo de Banner Rotativo depois de inserido.
|}
|-
| colspan=2; style="border:0px solid; vertical-align:top;" |
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: right;"
| [[Imagem:Volt.png|link=E-commerce]]
|}
|}