Estou utilizando o recurso de menu Off-canvas e vim compartilhar algumas modificações que fiz no por override no T3 Framework, seguem:
Esconder o menu Off-canvas quando visualizado em tablets ou desktop ( portview = md e lg), basta re-utilizar uma classe “hidden”para a visão que deseja esconder.
Exemplo: Se deseja que o botão apareça apenas em celular, adicione na classe do botão “hidden-md hidden-lg”, assim ele não será renderizado em telas médias (hidden-md) e grandes (hidden-lg).
Esconder o menu Off-canvas se não houver módulos na posição ou seja se o Off-canvas estiver vazio.
Vamos fazer por override, desta forma evita que as alterações sejam perdidas ao atualizar o framework.
Copie o arquivo “off-canvas.php” para a pasta de 'override' chamada “local”, caso não exista crie-a.
Code: Select all
templates/t3_bs3_lank/tpls/blocks/off-canvas.php
Code: Select all
templates/t3_bs3_lank/local/tpls/blocks/off-canvas.php
Exemplo:
CÓDIGO DO BOTÃO E SIDEBAR ( OFF-CANVAS SIDEBAR AND MENU)
Code: Select all
<button class="btn btn-primary off-canvas-toggle hidden-md hidden-lg <?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>
<!-- OFF-CANVAS SIDEBAR -->
<div id="t3-off-canvas" class="t3-off-canvas <?php $this->_c('off-canvas') ?>">
<div class="t3-off-canvas-header">
<h2 class="t3-off-canvas-header-title">UENP</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('off-canvas') ?>" style="T3Xhtml" />
</div>
</div>
<!-- //OFF-CANVAS SIDEBAR -->
ADICIONANDO A CONDICIONAL
Code: Select all
<!-- Hide Off-canvas if empty -->
<?php if($this->countModules('off-canvas')) : ?>
<!-- OFF-CANVAS SIDEBAR AND MENU -->
<?php endif; ?>
abraços