Themes

Dear Gareth,

You can add JQuery to a theme's javascript directory and call it via the theme's config.php and it will be picked up by the theme's custom settings page, or should if that helps?

To get the BoxSlider to work in a layout file is as follows:

1. ADD the HTML list of images as suggested (see below) inside a div container in the layout file where you want this to be.Usually in the frontpage.php just above <div id="page-content"> and after the end of the page header like so...
   <!-- End of Header -->
   <div id="bxslider-container">
   <ul class="bxslider">
     <li><img src="<?php echo $OUTPUT->pix_url('pic1', 'theme'); ?>" /></li>
     <li><img src="<?php echo $OUTPUT->pix_url('pic2', 'theme'); ?>" /></li>
     <li><img src="<?php echo $OUTPUT->pix_url('pic3', 'theme'); ?>" /></li>
     <li><img src="<?php echo $OUTPUT->pix_url('pic4', 'theme'); ?>" /></li>
   </ul>
   </div>
   <!-- Start of Main Content -->
   <div id="page-content">
   
   
2. SAVE the 4 images to your theme's /pix directory
   
3. ADD the bxslider CALL
   

   $(document).ready(function(){
     $('.bxslider').bxSlider();
   });

   to a single page file using your text editor, and save it as bxslider.js to your theme's /javascript/
   
   
4. GRAB a copy of the jQuery files jquery.min.js & jquery.bxslider.min.js and ADD them to the same Javascript directory as the bxslider.js

5. GRAB a copy of the jquery.bxslider.css and add that to your theme's style directory but rename it to bxslider.css as moodle does not recognise . in css filenames other than the .css file extension
   
6. ADD the following lines into your theme's config.php
   $THEME->javascripts = array('bxslider')
   $THEME->javascripts_footer = array('jquery.min' , 'jquery.bxslider.min');

   
7. ALSO add the 'bxslider', to the list of stylesheets in you theme config.php
   
8. Better to check that the settings in the jquery.bxslider.js are correct and point to the location for all the files as described in 1 - 7 above, as they may be linked differently.

That's it....hopefully it should work. Remember to Purge all caches first befor trying it out.Then knowing how it works you may get to figure a way to get it to work via the setting's page.

Cheers

Mary