[DICA T3] Esconder menu Off-canvas quando modulo vazio

[atualizado]

Uma dica para o T3 Framework: Exibir o menu Off-canvas apenas em celular e esconder quando a posição associada não possuir módulo ativo.

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

copie para

Code: Select all

templates/t3_bs3_lank/local/tpls/blocks/off-canvas.php

Adicione a chamada do 'botão e sidebar' entre uma condição 'countModules', assim o Off-canvas só será renderizado se houver um módulo na posição.
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">&times;</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; ?>

Bom espero ajudar a quem precisar deste tipo de modificação
abraços

[ariadneduvessa]

Muito obrigada por compartilhar um pouco do seu conhecimento conosco, atualizado!