Droppics : Galerias

A idéia principal do Droppics é definir parâmetros de imagem e galerias no componente e 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 personalizado do Joomla .
 


Quando o Droppics é instalado, você tem um botão de plugin do editor exibido abaixo ou no seu editor (dependendo do editor em uso).

 editor-galeria-gerente

Clique nele para abrir a Droppics luz principal do Droppics .

 

galeria de fotos

 

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 à sua galeria, você pode arrastar e soltar a mídia na parte central ou clicar em Botão 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 de pop-up de notificação

 

Selecione uma ou algumas imagens para enviá-las. O remetente é desenvolvido com HTML5, para que você possa 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 no seu artigo, clique no botão Inserir esta galeria botão na coluna da direita

 

inserir conteúdo da galeria


 
A galeria se materializará em 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 , recarregará a galeria selecionada.

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 sub-galerias 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 de vários níveis. Para adicionar um subnível da galeria, basta arrastar e soltar as categorias de imagem para classificar ou alterar os níveis.

 

ordem-imagem-galeria

 

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

 

sub-galerias

 

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

 

configurações-sub-galerias

 

Como você tem sub-galerias, poderá navegá-las no frontend. Todas as suas sub-galerias geram automaticamente miniaturas de navegação.

 

subgalerias-frontend
 

A miniatura da sub-galeria é gerada automaticamente usando a primeira imagem na categoria de imagem. Quando estiver em uma sub-galeria, você também poderá escolher uma imagem para usar como botão Voltar no  Opção> Parâmetros Principais cardápio.

 

categoria de fallback

 

Um estado padrão do nível da galeria pode ser definido nas opções globais da parte administrativa: abra Droppics com todas as categorias de imagem abertas ou fechadas. Pode economizar espaço se você tiver um grande número de galerias.

 

fechar-imagem-categoria

 

5) Copiar - Recortar - Colar imagens

Depois que uma imagem é carregada no Droppics , você pode fazer uma ou mais seleções clicando nela. Você pode selecionar várias fotos pressionando e mantendo pressionada a tecla CTRL. O primeiro método para mover ou copiar fotos é usar o recurso de arrastar e soltar. Arrastar e soltar sozinho moverá a imagem; arraste e solte enquanto pressiona e mantém pressionada a tecla Shift e copia as imagens.

 

arrastar-soltar-imagem

 

Você também pode usar os botões superior direito.

 

copiar-colar-botões