Olá, seja bem-vindo(a) ao procedimento que irá te auxiliar em possíveis dúvidas e na gestão dos conteúdos do Widget voltados para exibição de uma imagem com possibilidade de rolar uma imagem.


Abaixo, podemos identificar os respectivos Widgets deste pacote.



ÍNDICE



Todas as imagens abaixo são meramente ilustrativas para auxiliar nas ilustrações e destaques do conteúdo escrito.

O conteúdo e cores são definidos para fins de demonstração dos respectivos widgets.





Widgets




Introdução



Os widgets de 2023 são visualmente similares, havendo algumas mudanças de layout, campos e forma de exibição da imagem. Portanto, vamos abordar os widgets de acordo com suas similaridades e funcionamento.


Os formatos aceitos pelos widgets são: JPEG, PNG e GIF. Também é possível selecionar uma pasta inteira para exibição em formato de slideshow.


Como mencionado no inicio, os widgets de 2023 são responsivos, ou seja, não há necessidade de distinção de formatos de telas. O mesmo widget funciona em orientações verticais e horizontais.


Você encontrará esses widgets no seguinte caminho: 

Menu lateral direito > Widgets Grátis > Imagens






Configurando o seu widget



Todos os widgets atuais possuem um padrão de configuração, onde podemos personalizar cores, abertura, linguagem e tempo das imagens.


Para acessar está aba, basta clicar no atalho de edição do widget:



Após o clique, será aberto a tela de configuração do widget, onde teremos algumas abas para editar o widget em questão.


As principais abas para o widget de Scroll de imagens são:



Aba Configurações



Em "Configurações" vamos editar alguns itens relacionados à parte visual do widget. Esta aba é dividida em 3 partes. São elas:


Configuração:



  • ScrollAtiva ou desativa a rolagem de imagem. Ideal no caso de sua imagem ter a orientação vertical, enquanto sua tela é na horizontal, permitindo exibir a imagem sem bordas ou recortes.

  • Linguagem - Possibilidade de alterar o idioma da label padrão do widget que aparece na abertura. Os idiomas disponíveis são: português, inglês e espanhol.



Abertura:


Este conjunto de configurações, define como será a abertura/entrada do seu widget.


  • Shapes introdução - Caso esteja ativado, a animação de inicio terá shapes (formas geométricas) para fazer abertura e encerramento. Caso seja desativado, haverá animação de abertura, porém, sem shapes/formas.

    Exemplo de abertura/encerramento sem shape:


  • Shapes introdução (seleção) - Uma vez ativado, você poderá selecionar 3 opções de formas para a abertura/encerramento:

    Redondo:
    Quadrado:
    Triangulo:

  • Introdução - Caso desabilite, não haverá nenhuma animação de abertura ou encerramento. O widget iniciará direto nas imagens selecionadas

    Exemplo:

   






Cores:


Para exemplificar o local de cada cor, vamos definir cada campo com Vermelho, assim fica evidente a área em que a cor é aplicada



  • Cor principal - 


  • Cor secundária -












  • Cor de fundo -








Aba Dashboard



Em "Dashboard" vamos selecionar o datasource criado da aba de Dashboards com o link sem autenticação. Caso não tenha criado, siga este passo a passo: Como criar um datasource para exibição de links sem login/autenticação


Uma vez selecionado, o widget irá exibir automaticamente a print coletada pelo datasource.


Esta opção terá prioridade. Caso selecione uma imagem manualmente, e este item esteja configurado, será exibido somente ele.




Aba Manual



Em "Manual" temos a possibilidade de selecionar uma imagem do my Files.

Caso a opção de dashboard esteja ativada, esta imagem manual não será exibida.



O seguinte pop-up será aberto:
Localize a pasta em que está a imagem ou use o campo "Search" para procurar pelo nome da imagem.

Exemplo:
Após selecionar a imagem, clique em "OK".


E o nome da imagem ficará fixada no campo:


Para excluir um item criado, clique no "X" ao lado do nome da imagem.


Após suas alterações, basta salvar e o preview do widget irá rodar automaticamente.


Exemplo de preview:



O que achou? Estes Widgets de cortesia te auxiliaram no que precisava?

Em caso de quaisquer dúvidas, entre em contato conosco:

Via e-mail suporte@b2midia.com.br
Via telefone (11) 2382-9631 Ramal 1 - Suporte Técnico

Via Whatsapp (11) 94392-6579 (cadastro necessário)