Joomla Templates Club 406,261 posts

[alexkotlyar Friend alexkotlyarJoin date: March 2012Posts: 3Downloads:0Uploads:0]

#195105

Hi,
I would like to open the off-canvas sidebar using buttons other then the “try discover free” and “hamburger” icon.

I’m using Smart Slider2 and would like to open the off-canvas sidebar from one of the buttons in my slide.

Smart Slider2 has a field for “Event on mouseenter” (javascript code to run on the event). Not sure if this helps with what I’m trying to achieve or not. I’d really like to figure out how do this with or without Smart Slider2.

I’ve been digging around but cant seem to find a solution. Not sure if this is even possible. Really hope someone can help out, I’d greatly appreciate it.

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#524190

@ alexkotlyar,

I am not familiar with Smart Slider2. So I will not give any suggestion about it.

On JA Appolio, you can add many new buttons that can open the off-canvas sidebar.

You should see something similar to this in the tpls/blocks/off-canvas.php file:

<button class="btn btn-primary off-canvas-toggle <?php $this->_c('off-canvas') ?>" type="button" data-pos="left" data-nav="#t3-off-canvas" data-effect="<?php echo $this->getParam('addon_offcanvas_effect', 'off-canvas-effect-4') ?>">
<i class="fa fa-bars"></i>
</button>

You can copy this block of code or any new html code which contains:
1. ‘off-canvas-toggle’ class
2. data-nav=”#t3-off-canvas” => t3-off-canvas should be the id of off-canvas container element.

Hope it helps.

[Author]

Posts