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 Tab Show

Shape 5 Live Search

Meet Your Trainer

Amy Stoucher

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In suscipit varius turpis sit amet feugiat. Integer efficitur consectetur augue a accumsan. Donec tempus aliquam turpis, sed efficitur metus condimentum vitae. In elit urna, vehicula et tempor ut Benenatis vitae ipsum. Aenean in ultrices erat.

Aerobics 85%

Strength 70%

Boxing 95%

Meet Your Trainer

Mark Anders

Praesent in posuere lorem, nec fermentum dolor. Donec commodo odio ac metus hendrerit, eu porta mauris mollis. Cras metus nisl, volutpat at congue nec, finibus ac purus. Nulla congue quis ante sit amet lacinia. In volutpat scelerisque odio ut scelerisque. Aliquam id egestas eros. Praesent rhoncus.

Aerobics 70%

Strength 95%

Boxing 65%

The S5 Tab Show can be demo'd on this page. The styling of the module shown here is customized specifically for this template with css overrides, and cannot be used with any other template. The same module can be used on any template, but with default or other styling in its place.

The S5 Tab Show will display up to 20 modules in various styles within sliding tabs, and is compatible with responsive sites. Simply publish the S5 Tab Show module to your desired module position and pages. Then start publishing modules to the positions in the Tab Show (s5_tab1, s5_tab2, etc); these modules will become the slides. This is a great way to organize and showcase your site's content or images. Version 3 of this module is incredibly powerful, below is a list of all of its features.

  • Transitions are powered by CSS3, so no javascript conflicts
  • Optional custom classes
  • Up to 10 copies of the module on the same pages; each individually controlled
  • Use up to 20 slides
  • Select on mouseover or on click for activation
  • Set the loation of the tabs or arrows
  • Center the tabs or arrows
  • Hide the tabs or arrows until mouseover
  • Force the tabs or arrows to be shown for tablets and mobile devices
  • Select your transition effect
  • Set your duration speed
  • Add extra padding in between slides or no padding at all
  • Optional button text for tabs
  • Optional images for tab buttons
  • Set a background color or image for each slide or the entire module
  • Enter pre-text and post-text
  • fr-FR
  • English (UK)