Com este CSS você conseguirá ter um banner ou slider no rodapé da Homepage de seu App, usando o layout 6 (não clicável). Aplique o código deste artigo seguindo as instruções abaixo:

 

1 – Abra o Construtor de Apps

2 – Vá para a sessão CORES

3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA.

4 – Cole o código abaixo (exatamente como esta) no campo em branco.

Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.


.layout.l6 ion-content {
height: 80%;
margin-bottom: 18%;
}

 

5 – Salve.

6 – Vá para a Seção DESIGN (Tema) e mude para o Layout 6 em “Alterar seu layout”.

7 – Em “OPÇÕES DE LAYOUT” na parte superior direta da tela clique em “Ativar Slider” ativando esta opção.

8 – Depois que ativar o Slider, desça a barra de rolagem até o quadro “Configurações do Slider da Homepage” e faça as seguintes configurações:

Sliders em Loop > Pode deixar desligado (se deseja apenas 1)

Duração de cada Slider em seg. > Deixa em 3 segundos (Se for 1 Slider isso não interfere)

Posição de topo > 90%

Opacidade das imagens > 100%

Defina a proporção do Slider na tela > 10%

Agora insira uma imagem usando o botão “MAIS IMAGENS”, se estiver usando a proporção sugerida acima faça a imagem com o seguinte tamanho 900x160px, se não conseguir fazer neste tamanho não terá problema, a ferramenta irá cortar a imagem para você.

Você pode realizar testes com outros tamanhos.

Caso queira mudar o tamanho do banner, basta alterar a “Defina a proporção do Slider na tela” e o valor que esta na propriedade “margin-bottom” dentro do SCSS.

 

9 – Verifique o resultado no simulador ao lado.
Obs. Se caso não houver mudança imediata, por favor clique em F5 ou Ctrl+F5 para atualizar a página e verifique novamente. Se mesmo assim o efeito não estiver ocorrendo verifique o código novamente e salve.

Pronto. 😉

3 de abril de 2018

Aplicar um Banner ou Slider no rodapé (Layout 6)

5 de janeiro de 2018

Layouts que permitem usar Sliders na Homepage

Abaixo  os Layout’s que permitem configurar Sliders (carrocel) na Homepage do Aplicativo:   Layout 1 Layout 2 Layout 3 Layout 3 Horizontal Layout 4 Layout 4 Horizontal Layout 5 Layout 5 Horizontal Layout 6 Layout 7 Layout 10 Layout 18   Para alterar o Layout do seu aplicativo vá na sessão DESIGN e clique em “ALTERAR O LAYOUT” e depois ative o Slider. Equipe Portal Apper  
6 de outubro de 2017

Atualização Plataforma – v4.12.16

6 DE OUTUBRO DE 2017   NOTAS DA ATUALIZAÇÃO:   Geral > Sessão Design – Correção Corrige a altura e posição superior não correta do Slider da Homepage .   Recurso > Pasta – Correção Corrige problema de pasta não abrindo após melhoria do campo de pesquisa no carrocel.     Ps: Se observou a necessidade de alguma correção que não foi listada acima, favor informar a nossa equipe de suporte, se caso já informou favor aguardar as próximas atualizações. Estamos trabalhando diariamente para que você tenha o melhor.   Equipe Portal Apper
28 de agosto de 2017

Página Personalizada

Veja aqui a documentação do recurso Página Personalizada