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

Shape 5 Live Search

The S5 Quick Contact module is demo'd on this page. This module is a simple way for your visitors to get in contact with you. Sometimes full contact pages are just too much. If you're looking for an easy way to stay in contact with your visitors this module is for you. This module has fully configurable language settings, sends emails to a specified admin account, captcha spam protection and much more! And of course it's free!

  1. Specify text of error message and field names
  2. Validates email address
  3. Include intro text if desired
  4. Set one admin email to receive all emails
  5. Uses the built-in Joomla email functions
  6. Optional captcha spam protection
The Masonry module is demo'd on this page, and 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
  • Standard layout or hover layout
  • Responsive ready and more, view the below admin screenshot to see all the features


Admin Area Features:

admin
The full page scroll option takes each row of Vertex and sets it to the height of your screen. With the arrow buttons of your keyboard or the vertical scrolling of your mouse the screen will jump to the next section. Each row that has modules published to it will show as the full height of your screen. To demo this check out the homepage of this demo. You can enable on the homepage only or have it show on all pages. We recommend that it shows only on the homepage.

You can place the below code on any DIV directly as a child to <div id="s5_body_padding"> and it will make it show up full screen.

class="s5_slidesection"


The below screenshot shows the admin area under the "layout" area of Vertex. You simply start adding names for the row names and then it will be enabled. Be sure to separate them by commas. You can enable the full page scroll to just show on the homepage only.





Fullscreen scroll navigation that shows on the right hand side of yoursite:

Strength Training

Lorem ipsum dolor sit amet, consecte tur adipiscing elit In suscipit.

Track Conditioning

Lorem ipsum dolor sit amet, consecte tur adipiscing elit In suscipit.

Muscle Workout

Lorem ipsum dolor sit amet, consecte tur adipiscing elit In suscipit.

Pilates Workouts

Lorem ipsum dolor sit amet, consecte tur adipiscing elit In suscipit.

Feel Healthy

Lorem ipsum dolor sit amet, consecte tur adipiscing elit In suscipit.

Healthy Living

Lorem ipsum dolor sit amet, consecte tur adipiscing elit In suscipit. .
  • fr-FR
  • English (UK)