Bloco Galeria
O bloco galeria é um componente de design utilizado em websites para exibir uma coleção de imagens ou vídeos de maneira organizada e visualmente atraente. Esse bloco é ideal para mostrar portfólios, produtos, eventos ou qualquer tipo de conteúdo visual, permitindo ao usuário explorar múltiplos itens de forma fácil e interativa.
Opção 01
Página com bloco galeria
| Settings | Opção |
| Skin | - |
| Disabled block | - |
| Offset | - |
| Gap | - |
| Full Width | - |
| Disable Zoom | - |
| Block ID | - |
| Extra Class | - |
| Background Color | - |
| Margin | - |
| Padding | - |
| Arrows | Sim |
| Ativo | Sim |
| Arrow Style | - |
| Background Color | - |
| Dots | - |
| Ativo | - |
| Color | - |
| Center Mode | Sim |
| Pagination Lines | Sim |
| Padding | - |
| Slides to Show | - |
| Animation | Off |
| Scroll Animation type | - |
Configurações Imagem no Bloco
| Settings | Opção |
| Item 1 | |
| Image Border Radius | - |
| Horizontal Masonry Collumns | Two |
| Linhas Verticais de Alvenaria | Two |
| Item 2 | |
| Image Border Radius | - |
| Horizontal Masonry Collumns | One |
| Linhas Verticais de Alvenaria | Two |
| Item 3 | |
| Image Border Radius | - |
| Horizontal Masonry Collumns | Two |
| Linhas Verticais de Alvenaria | One |
| Item 4 | |
| Image Border Radius | - |
| Horizontal Masonry Collumns | One |
| Linhas Verticais de Alvenaria | One |
| Item 5 | |
| Image Border Radius | - |
| Horizontal Masonry Collumns | Two |
| Linhas Verticais de Alvenaria | One |
| Item 6 | |
| Image Border Radius | - |
| Horizontal Masonry Collumns | Two |
| Linhas Verticais de Alvenaria | One |
Caso pretenda pode fazer download desta configuração e importar o ficheiro no bloco pretendido
Download
Opção 02
Galeria com fundo
| Settings | Opção |
| Skin | - |
| Disabled block | - |
| Offset | - |
| Gap | - |
| Full Width | - |
| Disable Zoom | - |
| Block ID | - |
| Extra Class | - |
| Background Color | Sim |
| Margin | - |
| Padding | - |
| Arrows | Sim |
| Ativo | Sim |
| Arrow Style | - |
| Background Color | - |
| Dots | - |
| Ativo | - |
| Color | - |
| Center Mode | Sim |
| Pagination Lines | Sim |
| Padding | - |
| Slides to Show | - |
| Animation | Off |
| Scroll Animation type | - |
Configurações Imagem no Bloco
| Settings | Opção |
| Item 1 | |
| Image Border Radius | - |
| Horizontal Masonry Collumns | Two |
| Linhas Verticais de Alvenaria | Three |
| Item 2 | |
| Image Border Radius | - |
| Horizontal Masonry Collumns | Two |
| Linhas Verticais de Alvenaria | Two |
| Item 3 | |
| Image Border Radius | - |
| Horizontal Masonry Collumns | Two |
| Linhas Verticais de Alvenaria | One |
| Item 4 | |
| Image Border Radius | - |
| Horizontal Masonry Collumns | Three |
| Linhas Verticais de Alvenaria | One |
| Item 5 | |
| Image Border Radius | - |
| Horizontal Masonry Collumns | One |
| Linhas Verticais de Alvenaria | One |
| Item 6 | |
| Image Border Radius | - |
| Horizontal Masonry Collumns | One |
| Linhas Verticais de Alvenaria | Two |
Caso pretenda pode fazer download desta configuração e importar o ficheiro no bloco pretendido
Download
Opção 03
Galeria com carousel
| Settings | Opção |
| Skin | Carrossel |
| Disabled block | - |
| Offset | - |
| Gap | - |
| Full Width | - |
| Disable Zoom | - |
| Block ID | - |
| Extra Class | - |
| Background Color | - |
| Margin | - |
| Padding | - |
| Arrows | - |
| Ativo | - |
| Arrow Style | - |
| Background Color | - |
| Dots | Number |
| Ativo | Sim |
| background Color | - |
| Center Mode | Sim |
| Pagination Lines | Sim |
| Padding | - |
| Slides to Show | - |
| Animation | Off |
| Scroll Animation type | - |
Configurações Imagem no Bloco
| Settings | Opção |
| Item 1 | |
| Image Border Radius | - |
| Horizontal Masonry Collumns | Two |
| Linhas Verticais de Alvenaria | Three |
| Item 2 | |
| Image Border Radius | - |
| Horizontal Masonry Collumns | Two |
| Linhas Verticais de Alvenaria | Two |
| Item 3 | |
| Image Border Radius | - |
| Horizontal Masonry Collumns | Two |
| Linhas Verticais de Alvenaria | One |
| Item 4 | |
| Image Border Radius | - |
| Horizontal Masonry Collumns | Three |
| Linhas Verticais de Alvenaria | One |
| Item 5 | |
| Image Border Radius | - |
| Horizontal Masonry Collumns | One |
| Linhas Verticais de Alvenaria | One |
| Item 6 | |
| Image Border Radius | - |
| Horizontal Masonry Collumns | One |
| Linhas Verticais de Alvenaria | Two |
Caso pretenda pode fazer download desta configuração e importar o ficheiro no bloco pretendido
Download