To build your own module, start by choosing a layout. This guide lists all layouts and their configuration options. Go to our demo site to see the modules in action.
...
| Expand | |||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||
| |||||||||||||||||
Choose the maximum number of items in the module (recommend 3-7)...
An example featured rotator. See the configuration options above.
Billboard rotator
| Anchor | ||||
|---|---|---|---|---|
|
...
| Expand | |||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||
| |||||||||||||||||
...
An example billboard rotator. See the configuration options above.
Square rotator
| Anchor | ||||
|---|---|---|---|---|
|
...
| Expand | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||
| ||||||||||||||||
...
An example square rotator. See the configuration options above.
Round rotator
| Anchor | ||||
|---|---|---|---|---|
|
...
| Expand | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||
| ||||||||||||||||
...
An example round rotator. See the configuration options above.
...
Grids
| Anchor | ||||
|---|---|---|---|---|
|
Two-column grid
| Anchor | ||||
|---|---|---|---|---|
|
...
| Expand | |||||||||
|---|---|---|---|---|---|---|---|---|---|
| |||||||||
| |||||||||
...
An example two-column grid. See the configuration options above.
Multi-column grid
| Anchor | ||||
|---|---|---|---|---|
|
...
| Expand | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||
| |||||||||||||||
...
An example multi-column grid. See the configuration options above.
Round grid
| Anchor | ||||
|---|---|---|---|---|
|
...
| Expand | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||
| ||||||||||||||||||
...
An example round grid. See the configuration options above.
Lists
| Anchor | ||||
|---|---|---|---|---|
|
List page
| Anchor | ||||
|---|---|---|---|---|
|
A list is a special page type that has displays an infinite -scroll grid number of items at the bottom of the page and an optional search bar. It can have 2-5 columns. Above it, you can include a search bar and filter options. Any other rotators or grids can be added above the list and search bar, but none can be added below it.
If you have 20+ items to display in a grid, a list is the best choice. It helps the page pages load more quickly faster because items load over time as you scroll, instead of all at once.
...
This list displays an infinite number of items that load as you scroll down the page. It can have 2-5 columns. Above it, you can include a search bar and filter options. Any other rotators or grid can be added above the list and search bar, but none can be added below it.
We recommend using a list to display all of a specific content type. For example, on your Courses page, you could make all courses searchable.
...
| title | Configuration options for this module |
|---|
...
Element
...
Options
...
1
...
Number of columns
...
Show 2-5 columns
...
2
...
Search bar
...
Remove search bar and filter button Remove filter button only
...
3
...
Tab navigation
...
Add one or more tabs to filter content:
All My Favorites …or any other content tags
...
4
...
Abstract
...
Remove abstract
...
An example infinite search grid. See the configuration options above.
...
We recommend only using this list to showcase speakers. It displays an infinite number of items that load as you scroll down the page. It can have 2-5 columns. Above it, you can include a search bar and filter options. Any other rotators or grid can be added above the list and search bar, but none can be added below itWe recommend using a list to display all of a specific content type. For example, on your Courses page, you could make all courses searchable.
| Expand | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||
| |||||||||||||||
...
An example infinite search grid. See the configuration options above.
Round list page
| Anchor | ||||
|---|---|---|---|---|
|
We recommend only using the round list to showcase speakers. It displays an infinite number of items at the bottom of the page. It can have 2-5 columns. Above it, you can include a search bar and filter options. Any other rotators or grids can be added above the list and search bar, but none can be added below it.
If you have 20+ items to display in a grid, a list is the best choice. It helps pages load faster because items load as you scroll, instead of all at once.
We recommend using a list to display all of a specific content type. For example, on your Courses page, you could make all courses searchable.
| Expand | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||
| |||||||||||||||
...
An example round infinite search grid. See the configuration options above.