Intégrer du css à un module créé

[frieurieud]

Bonjour à tous,

 

J'utilise la version 1.5, et je suis en train d'apprendre à créer des modules.

 

J'ai donc une vue pour le hook et une vue front et j'aimerai appliquer à chacune d'entre elle un fichier css pour que ce soit plus hestetique.

 

j'ai donc créé un fichier css, du même nom que mon projet, placé dans le dossier css de mon module.

 

Le problème est que ça ne fonctionne pas car c'est le fichier global.css qui est utilisé.

 

Je suppose que je dois déclarer le fichier css utilisé.

 

Que dois-je faire ?

 

De plus faut-il 1 fichier css pour le hook et 1 autre pour le front ?

 

 

Je laisse un bout de code du fichier principale php qui est censé indiquer mon css (mais ça ne marche pas)

public function install() {
	return parent :: install()
		&& $this->resetDb()
		&& $this->registerHook('leftColumn')
		&& $this->registerHook('header')
		;
}

public function hookDisplayHeader()
{
	$this->context->controller->addCSS($this->_path.'css/prcustomeropinion.css', 'all');
}
	
public function hookDisplayLeftColumn($params) {
	return $this->display(__FILE__, 'left-column.tpl');
}

Merci d'avance.

Edited May 13, 2014 by frieurieud (see edit history)

[frieurieud]

Personne pour aider un débutant ?

[herve25]

Bonjour,

 

En soi ton code me parait bon.
Il y a donc plusieurs possibilités à ton problème :

• Ton module n'est pas bien hooké , le code n'est pas exécuté
• Ton fichier css n'existe pas.

Pour le premier point rajoute le code suivant dans ta fonction :

public function hookDisplayHeader()
{
        Tools:('Hook éxécuté');
	$this->context->controller->addCSS($this->_path.'css/prcustomeropinion.css', 'all');
}

En actualisant ton site tu devrait avoir une page blanche avec le message "Hook éxécuté", cela signifie que ce point est OK.

 

Pour tester la 2ème possibilité :

public function hookDisplayHeader()
{
    echo $this->_path.'css/prcustomeropinion.css'
    $this->context->controller->addCSS($this->_path.'css/prcustomeropinion.css', 'all');
}

Cela devrait t'afficher le chemin de ton fichier css.
Ouvre le dans ton navigateur pour vérifier que le fichier existe bien.