Custom Homepage

This template comes with a custom homepage layout that's different than the other subpages of the Joomla website. This file is located at /templates/js_scenica/home.php. If you do not want to use the home.php file you can simply remove it from the directory or rename it to -home.php.

The home.php file contains some variation to the rest of the site. Some of the module positions are different compared to the other sub pages. The sub pages use the file located at /templates/js_scenica/template.php.

Below is a module map of the custom home page layout.

You'll notice that there is a module position named marquee. This is an area where you'll be able to include special modules that showcase some information about your event or portfolio details.

The home.php file also includes the background slideshow parameters. We've included a GPL background slideshow called Supersized and customized it for this Joomla template. If you edit the home.php file you'll notice several parameters at the top of the document. We've included them below.

You can change these parameters to fit the needs of your website but if you aren't a custom to changing javascript and php please do not edit this file.

//Functionality
  slideshow               :   1,        //Slideshow on/off
  autoplay                :    1,        //Slideshow starts playing automatically
  //start_slide             :   1,        //Start slide (0 is random)
  //random                    :     0,        //Randomize slide order (Ignores start slide)
  slide_interval          :   5000,    //Length between transitions
  //transition              :   1,         //0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
  //transition_speed        :    500,    //Speed of transition
  //new_window                :    1,        //Image links open in new window/tab
  //pause_hover             :   0,        //Pause slideshow on hover
  //keyboard_nav            :   1,        //Keyboard navigation on/off
  //performance                :    1,        //0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
  //image_protect            :    1,        //Disables image dragging and right click with Javascript
  //image_path                :    'img/', //Default image path
 //Size & Position
  //min_width                :   0,        //Min width allowed (in pixels)
  //min_height                :   0,        //Min height allowed (in pixels)
  vertical_center         :   0,        //Vertically center background
  //horizontal_center       :   1,        //Horizontally center background
  //fit_portrait             :   1,        //Portrait images will not exceed browser height
  //fit_landscape            :   0,        //Landscape images will not exceed browser width
  
  //Components
  //navigation              :   1,        //Slideshow controls on/off
  //thumbnail_navigation    :   1,        //Thumbnail navigation
  //slide_counter           :   1,        //Display slide numbers
  //slide_captions          :   1,        //Slide caption (Pull from "title" in slides array)
  slides                     :      [        //Slideshow Images
  <?php 
  // This pulls the images from the directory selected, and puts them into a javascript array for the slideshow
  $i = 0;
  $folder = $this->params->get('slideshowdir', '');
  $directory =  JPATH_ROOT.DS.'images'.DS.$folder;
  jimport('joomla.filesystem.folder');
 $images = JFolder::files($directory, '\.png$|\.gif$|\.jpg$|\.bmp$|\.jpeg$');
  sort($images);
  
  foreach ($images as $image) : ?>
  {image : '<?php echo JURI::base().'images/'.str_replace('\\', '/', $folder).'/'.$image; ?>'}
  <?php $i++; 
  if (count($images) > $i) echo ','; 
  endforeach; ?> 

For more information on adding images for the background slideshow please read here.