Galleries can be displayed in two options, carousel or grid. The grid option will display a grid of thumbnails. Clicking a thumbnail will open a modal box with a carousel of images in your gallery, allowing them to be viewed larger.
Grid Galleries are defined in the Advanced section of the Gallery Options Panel using the option below.
After entering the grid option you can select whether or not to display the grid in the a thumbnail style and select the number of columns you want your grid to have.
Use the advanced options to enable thumbnail style images for your grid. This style adds padding around the image as well as a border.
Columns are selected the same way as the thumbnails and style by entering columns=#;, replacing # with the number of columns you want you display in your grid. If no value is entered your grid will default to 4 columns.
Gallery assets can be placed anywhere on the page including side columns. When specifying a grid and columns, you will want to size your thumbnails to fill the column. Use the table below to determine the optimal size thumbnails for the number of columns specified and the location of your asset on the page.
|1 Column||2 Column Main||3 Column Main||Side Column|
|1||Not Recommended||Not Recommended||Not Recommended||Not Recommended|
|2||Not Recommended||Not Recommended||Not Recommended||275x275|
style=grid; thumbnails=false; columns=6;
style=grid; thumbnails=true; columns=5;
style=grid; thumbnails=true; columns=4;
Galleries can be placed in side columns or snippets also. In this example two galleries are displayed inside a 2 col snippet to demonstrate what they may look like in a side column or smaller width.
style=grid; thumbnails=false; columns=4;