Hi AbeAlpha,
To create a new off-canvas sidebar on the right side (the default off-canvas sidebar is on the left side), please follow the instructions:
1. Duplicate the "templates/t3_bs3_blank/tpls/blocks/off-canvas.php", rename it to "off-canvas-custom.php". Open the file, change the position that the off-canvas gets content from and the id. Here is the sample code of the off-canvas-custom.php, you can use this code.
<?php
/**
* @package T3 Blank
* @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/
defined('_JEXEC') or die;
?>
<?php
if (!$this->getParam('addon_offcanvas_enable')) return ;
?>
<button class="btn btn-primary off-canvas-toggle <?php $this->_c('position-1') ?>" type="button" data-pos="right" data-nav="#t3-off-canvas-custom" data-effect="<?php echo $this->getParam('addon_offcanvas_effect', 'off-canvas-effect-3') ?>">
<i class="fa fa-home"></i>
</button>
<!-- OFF-CANVAS SIDEBAR -->
<div id="t3-off-canvas-custom" class="t3-off-canvas <?php $this->_c('position-1') ?>">
<div class="t3-off-canvas-header">
<h2 class="t3-off-canvas-header-title">Custom Sidebar</h2>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="t3-off-canvas-body">
<jdoc:include type="modules" name="<?php $this->_p('position-1') ?>" style="T3Xhtml" />
</div>
</div>
<!-- //OFF-CANVAS SIDEBAR -->
The new off-canvas gets content from "position-1", located in right side "data-pos="right"" and id "#t3-off-canvas-custom".
2. Load the new off-canvas sidebar to the block you want. Add the code below to the file, I will load it in the "mainnav.ph".
<?php
if ($this->countModules('position-1') && $this->getParam('addon_offcanvas_enable') ) :
$this->loadBlock ('off-canvas-custom');
endif;
?>
3. Customize the off-canvas sidebar icon if you want. Use LESS or CSS to do this.
Here is the front-page for the sample:
http://easycaptures.com/fs/uploaded/796/8914777850.png
Gardner.
