Pular para o conteúdo principal

Droppics: Galerias

A ideia principal do Droppics é definir parâmetros de imagens e galerias no componente e, em seguida, gerenciá-los diretamente do seu editor. Droppics funciona em todos os editores WYSIWYG padrão do Joomla, tanto para o front-end quanto para o back-end. Por exemplo, você pode adicionar uma galeria em um módulo Joomla personalizado.
 


Após a instalação Droppics , você verá um botão de plugin do editor exibido abaixo ou dentro do seu editor (dependendo do editor em uso).


 editor-galeria-gerente

 

Clique para abrir a janela principal Droppics . Em seguida, clique no "Inserir esta galeria" para inserir a galeria selecionada em seus artigos.

 

galeria lightbox

 

2. Gerenciar galerias

Para criar uma galeria, clique em Novo Álbum na coluna da esquerda.

 

nova galeria

 

Nota: uma galeria padrão já foi criada na instalação do componente.


Para adicionar novas imagens em sua galeria, você pode arrastar e soltar mídia na parte central ou clique no Selecionar arquivos .

 

Enviar imagens

 

Um pop-up de notificação será exibido no canto superior direito depois que as imagens forem carregadas, ordenadas, movidas, removidas ou editadas pelo usuário.

 

arquivo pop-up de notificação

 

Selecione uma ou algumas imagens para carregá-las. O uploader é desenvolvido em HTML5, então você pode enviar imagens grandes. Eles serão redimensionados automaticamente para os tamanhos definidos nos parâmetros globais (o padrão é 1200px).


Você pode reordenar suas imagens quando elas são carregadas usando o recurso de arrastar e soltar. O pedido é salvo automaticamente e é por isso que não há botões para salvar

 

dragndrop-image-order

 

Para inserir a galeria em seu artigo, clique no Inserir este galeria na coluna direita

 

inserir conteúdo da galeria


 
A galeria aparecerá no seu artigo com um ícone Droppics .

 

galeria-materializada

 

Salve seu conteúdo e pronto! Sua primeira galeria já está online! Se você clicar na imagem da galeria Droppics no artigo e, em seguida, no botão Droppics , a galeria selecionada será recarregada.

Nota: se ativado na configuração, você pode definir os parâmetros de exibição em cada galeria no menu à direita.

 

O tema padrão permite definir:

  • Tamanho da borda
  • Raio da borda
  • Cor da borda
  • Cor e tamanho da sombra da imagem
  • Margem esquerda, margem superior, margem direita, margem inferior
  • Carregar subgalerias ou não
  • Alguns parâmetros adicionais estão disponíveis no tema da apresentação de slides, como atraso de transição, efeito...

 

3. Sub-galerias

No Droppics você pode gerenciar galerias com vários níveis. Para adicionar um subnível à galeria, basta arrastar e soltar as categorias de imagens para classificar ou alterar os níveis.

 

ordem-imagem-galeria

 

Para ativar a navegação da sub-galeria, você precisará configurar o parâmetro na categoria pai no menu à direita.

 

sub-galerias

 

Se você desativou as configurações e a configuração da galeria na configuração global, use o menu Componentes > Droppics > Opções > Selecione o tema para configurar .

 

configurações-subgalerias

 

Como você possui subgalerias, poderá navegar por elas no frontend. Todas as suas subgalerias gerarão automaticamente miniaturas de navegação.

 



 
frontend de subgaleriasA miniatura da subgaleria é gerada automaticamente usando a primeira imagem na categoria de imagem. Quando estiver em uma subgaleria, você também pode escolher uma imagem para usar como botão Voltar no menu Opção > Parâmetros principais .

 

categoria de fallback

 

É possível definir um estado padrão para a galeria nas opções globais do painel de administração: abrir Droppics com todas as categorias de imagens abertas ou fechadas. Isso pode economizar espaço se você tiver um grande número de galerias.

 

fechar-imagem-categoria

 

5. Copiar - Cortar - Colar imagens

Depois de carregar uma imagem no Droppics, você pode selecionar uma ou várias imagens clicando nela. Para selecionar várias imagens, pressione e segure a tecla CTRL. O primeiro método para mover ou copiar imagens é usar o recurso de arrastar e soltar. Arrastar e soltar move a imagem, enquanto arrastar e soltar e manter pressionada a tecla Shift copia a imagem.

 

arrastar-soltar-imagem

 

Você também pode usar os botões superiores direitos.

 

copiar-colar-botões