Tutoriels sur Framework de Template Helix pour Joomla

Étendre le choix de la configuration mobile de votre module dans Helix

Par défaut, le choix offert dans la configuration du module pour l'affichage mobile est restreinte de 2 à 10, ce qui peut paraître suffisant.

 mobile module colxs1

Mais dans certains cas, vous pourriez avoir besoin de faire appel à col-xs-1, col-xs-11 ou col-xs-12, que cela soit pour laisser de la place ou au contraire tout prendre …

Pour ce faire, allez dans plugins/system/helix3/layout/layout-settings/row-column-settings.php à la ligne 204 et modifiez les lignes :

'values'	=> array(
				'' => "", 
				'col-xs-2' => 'col-xs-2',
				'col-xs-3' => 'col-xs-3',
				'col-xs-4' => 'col-xs-4', 
				'col-xs-5' => 'col-xs-5', 
				'col-xs-6' => 'col-xs-6', 
				'col-xs-7' => 'col-xs-7', 
				'col-xs-8' => 'col-xs-8', 
				'col-xs-9' => 'col-xs-9',
				'col-xs-10' => 'col-xs-10',
				),

pour :

'values'	=> array(
				'' => "", 
				'col-xs-1' => 'col-xs-1',
				'col-xs-2' => 'col-xs-2',
				'col-xs-3' => 'col-xs-3',
				'col-xs-4' => 'col-xs-4', 
				'col-xs-5' => 'col-xs-5', 
				'col-xs-6' => 'col-xs-6', 
				'col-xs-7' => 'col-xs-7', 
				'col-xs-8' => 'col-xs-8', 
				'col-xs-9' => 'col-xs-9',
				'col-xs-10' => 'col-xs-10',
				'col-xs-11' => 'col-xs-11',
				'col-xs-12' => 'col-xs-12',
				),

 

Vous pourrez ainsi accéder après rafraichissement aux options col-xs-1, col-xs-11 ou col-xs-12 comme vous pouvez le constater sur l'image :

mobile module colxs2

Ces options de boostrap pour l'affichage mobile seront alors prises en charge.