Display gallery
Galeria has 5 different types of gallery layout. Each layout is support both pagination and infinite scroll image loading.
- Thumbnail gallery
- Hover effect gallery
- Masonry layout gallery
- Portfolio gallery
- Right content gallery
Default Gallery Infinite scroll Shortcode:
[galeria layout="gallery" load_style="infinite" image_number="10"]
Default Gallery Pagination Shortcode:
[galeria layout="gallery" load_style="paged" image_number="10"]
Default Thumbnail Gallery Infinite scroll Shortcode:
[galeria layout="gallery" load_style="infinite" image_number="10" border="yes" show_social="yes" show_title="yes" show_desc="yes" padding="5px" margin="5px"]
Default Thumbnail Gallery Pagination Shortcode:
[galeria layout="gallery" load_style="paged" image_number="10" border="yes" show_social="yes" show_title="yes" show_desc="yes" padding="5px" margin="5px"]
Right Content Gallery Infinite scroll Shortcode:
[galeria image_number="6" layout="right_content" columns="2" load_style="infinite" show_social="yes" show_title="yes" show_desc="yes" padding="10px"]
Right Content Gallery Pagination Shortcode:
[galeria image_number="6" layout="right_content" columns="2" load_style="paged" show_social="yes" show_title="yes" show_desc="yes" padding="10px"]
Hover Effect Gallery Infinite scroll Shortcode:
[galeria image_number="10" layout="hover_content" columns="6" load_style="infinite" show_social="yes" show_title="yes"]</code
Hover Effect Gallery Pagination Shortcode:
[galeria image_number="10" layout="hover_content" columns="6" load_style="paged" show_social="yes" show_title="yes"]
Portfolio pagination:
[galeria layout="portfolio" show_title ="yes" show_desc="yes" show_social="no"]/
Portfolio Infinite Scroll:
[galeria layout="portfolio" image_number="6" columns="3" load_style="infinite" show_title ="yes" show_desc="yes" show_social="yes"]/
Some other usefull shortcode conditions:
To get all the shortcode please import the xml file added to the galeria-main.zip file.
Default Gallery by single or multiple id or only [galeria] to display all:
[galeria id="150,114"] or [galeria]
Some other example with border, padding, margin, style
[galeria layout="gallery" load_style="infinite" image_number="10" border="yes" show_social="yes" show_title="no" show_desc="no" margin="5px" style_css="background-color:#eaeaea;"]
https://www.youtube.com/watch?v=QiZb877MwDI