Responsive template

Winterlake3r is a responsive joomla 3.x template, designed to fit to many different devices.

The old built-in slideshow was removed from this template, instead of it a 3rd party slideshow module can be used in the slideshow module position. For demonstration purpose the free and responsive Ari Image Slider was installed here. You can also place more modules side by side in the slideshow module position, just set the "Bootstrap size" in the module settings (Options/Advanced options/Bootstrap size) so that the sum of the Bootstrap sizes must be 12. Here the slideshow module has a Bootstrap size: 9, and the "Responsive template" module has 3. Here I show some of the more important Ari Image Slider module settings of mine for the slideshow above:

Details:

  • Hide title
  • Choose position: Slideshow
  • Publish

Options:

  • Load JQuery method: local copy
  • Width: 700 (940 for fullwidth slideshow)
  • Height: 283 (380 for fullwidth slideshow)
  • Responsive: Yes
  • CSS styles: .nivoSlider { -moz-box-shadow: 0 0 0 3px #eee; -webkit-box-shadow: 0 0 0 3px #eee; box-shadow: 0 0 0 3px #eee; }
  • Transition effect: Box rain
  • Nr. of slices: 2
  • Nr. of images: 2
  • Sort by file name
  • Sort direction: Ascending
  • Image path (upload your images here in the media manager): images/sampledata
  • Bootstrap size: 9 (12 for full width slideshow)

Menu assignment

  • Module assignment: on all pages

Custom HTML module9

This is the 2nd module in module position user2. Its width is set by the "Bootstrap size" parameter in the module settings. This setting is the number of columns in the 12-column grid.

Custom HTML module10

This is the 3rd module in module position user2. Its width is set by the "Bootstrap size" parameter in the module settings. This setting is the number of columns in the 12-column grid.

Custom HTML module8

This is the 1st module in module position user2. Its width is set by the "Bootstrap size" parameter in the module settings. This setting is the number of columns in the 12-column grid.

Custom HTML module11

This is the 1st module in module position user7. Its width is set by the "Bootstrap size" parameter in the module settings.

Joomla templates by a4joomla