Sample Sidebar Module

This is a sample module published to the sidebar_top position, using the -sidebar module class suffix. There is also a sidebar_bottom position below the menu.

Sample Sidebar Module

This is a sample module published to the sidebar_bottom position, using the -sidebar module class suffix. There is also a sidebar_top position below the search.
S5 Masonry

Search Our Site

Create an Account
Wednesday August 23, 2017
The Masonry module is a powerful module that pulls your article from a category or categories and can display them in masonry style format. The module automatically changes on screen resize to fit the screen a user is viewing them on. You can choose to output a "load more" button that will load a set number of articles you define via AJAX. The second method to load articles is "scroll to load" which will load articles once you scroll to the bottom of your screen. You simply assign an intro image under your "Image and Links" parameters area of your article and then if you choose to show it in the module it will show up. The intro text will show up if you've added text to your article before your read more button.

Features:

  • Choose to enable scroll to load or load more or neither
  • Show or hide category elector
  • Show or hide read more
  • Set how many articles are to be shown
  • Set how many articles are to load via AJAX button or scroll methods
  • Order articles by publish date, created date, random or ordering
  • Show or hide hits
  • Responsive ready and more, view the below admin screenshot to see all the features



Masonry Article Layout:

admin

Loading:

When you click "load more" or are using the "scroll to load" option a loading DIV will show when the AJAX is working:

admin

Admin Area Features:

admin

Top Stories

image

Subway System downtown failing

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam turpis odio, tristique ac cursus eget, tincidunt ac quam. Vestibulum venenatis ligula risus, et.
image

Taxi Drivers on Strike

Etiam turpis odio, tristique ac cursus eget, tincidunt ac quam. Vestibulum venenatis ligula risu eget, tincidunt ac quamrpis odio, tristique ac cursus eget, tincidunt ac qua.
image

New iPhone Reviews

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam turpis odio, tristique ac cursus eget, tincidunt ac quam. Vestibulum venenatis ligula.