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: 12. 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: 900
  • Height: 376
  • Responsive: Yes
  • CSS styles: .nivoSlider { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
  • Transition effect: Fade
  • Nr. of slices: 2
  • Show slides navigation: No
  • 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: 12

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