[RESOLU]Pourquoi Certains Modules N'Obeissent Pas À Leur Css

[Lyn&Or Bijoux]

Bonjour,

 

j'ai plusieurs problèmes de CSS depuis mon passage en 1.4 (maintenant en 1.4.4).

 

de nombreux modules ne vont pas chercher leur CSS dans le bon dossier, mais prennent les premières lignes CSS global du global.css, ce qui j'imagine est le CSS par défaut s'ils ne trouvent rien d'autre.

 

Par exemple: le module blocksearch:

dans blocksearch.php, il y a

Tools::addCSS(($this->_path).'blocksearch.css', 'all')

son CSS se trouve dans themes/montheme/css/modules/blocksearch/blocksearch.css

comme prévu dans PS 1.4

 

et pourtant, il ne veut pas de son CSS.

 

C'est pareil pour gtranslate, pour cart, pour paiement-order....bref, si je trouvais d'où vient ce problème, je pourrais arranger plein de trucs sur mon site.

 

s'il quelqu'un à une idée, je veux biend e l'aide car je galère là dessus depuis plusieurs jours.

 

merci d'avance

MJ

[pasta.pesto]

Bonsoir,

 

il y a un truc ici : http://www.prestashop.com/forums/topic/107443-chargement-css-module-block-search/ en gros il suffit de rajouter ça

public function hookHeader($params)
   {
       Tools::addCSS(($this->_path).'blocksearch.css', 'all');
   }

dans /module/blocksearch/blocksearch.php

 

et ensuite de greffer le module problématique dans le header en + du hook désiré

 

Perso quand j'ai ce soucis je préfère basculer tout le CSS dans le global.css et je gère le css de mon block à partir de là

[Lyn&Or Bijoux]

Bonjour,

merci pour ta réponse, je vais tester ça et te tiens au courant.

[Lyn&Or Bijoux]

RE bonjour,

 

je viens donc de tester tes deux méthodes, plus les 3 méthodes du post que tu m'as indiqué, rien n'y fait!!

j'ai vidé mes caches entre chaque manip, je ne comprends vraiment pas! et j'ai plein de modules comme ça!

 

une autre idée?

[pasta.pesto]

Mais tu veux modifier quelle classe/id par exemple ? c'est sur le site que tu as en signature ?

 

en mettant tout dans le global.css ça marche c'est obligé dans la mesure ou le css utilisé actuellement vient de là il doit manquer un truc

[Lyn&Or Bijoux]

je t'assure que ça ne fonctionne pas! j'avais le même problème avec gtranslate, où il faut ajouter des lignes css dans le global pour le modifier. ça marchait en 1.3, ça marche plus en 1.4.

 

je ne comprends pas ce que tu veux dire dans classe/id, je ne maitrise pas jusque la.

Par exemple, je voudrais que mon bloc recherche soit plus haut dans le header. Donc j'aurais mis des margin, avec l'aide de firebug pour le centrer comme je veux.

[pasta.pesto]

Dans global.css tu rajoutes en bas et tout ce dont tu as besoin :

 

#search_block_top
{
margin et tout ce que tu veux mettre
}

 

id c'est le nom en fait là c'est : #search_block_top

 

t'as pas un hébergement test pour faire tes bidouilles car là c'est chaud tu bricoles tout en direct ... tu fais une sauvegarde au moins avant chaque manip ?

[Lyn&Or Bijoux]

Toujours pas!!!!

 

voici mon blocksearch.php

 

<?php

/*

* 2007-2011 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to [email protected] so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <[email protected]>

* @copyright 2007-2011 PrestaShop SA

* @version Release: $Revision: 6594 $

* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*/

 

if (!defined('_CAN_LOAD_FILES_'))

exit;

 

class BlockSearch extends Module

{

public function __construct()

{

$this->name = 'blocksearch';

$this->tab = 'search_filter';

$this->version = 1.0;

$this->author = 'PrestaShop';

$this->need_instance = 0;

 

parent::__construct();

 

$this->displayName = $this->l('Quick Search block');

$this->description = $this->l('Adds a block with a quick search field.');

}

 

public function install()

{

if (!parent::install() OR !$this->registerHook('top')

OR !$this->registerHook('leftColumn')

OR !$this->registerHook('rightColumn')

)

return false;

return true;

}

 

 

public function hookLeftColumn($params)

{

return $this->hookRightColumn($params);

}

 

public function hookRightColumn($params)

{

$this->_hookCommon($params);

return $this->display(__FILE__, 'blocksearch.tpl');

}

 

public function hookTop($params)

{

$this->_hookCommon($params);

return $this->display(__FILE__, 'blocksearch-top.tpl');

}

 

/**

* _hookAll has to be called in each hookXXX methods. This is made to avoid code duplication.

*

* @param mixed $params

* @return void

*/

private function _hookCommon($params)

{

global $smarty;

$smarty->assign('ENT_QUOTES', ENT_QUOTES);

$smarty->assign('search_ssl', (int)(!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] != 'off'));

 

$ajaxSearch=(int)(Configuration::get('PS_SEARCH_AJAX'));

$smarty->assign('ajaxsearch', $ajaxSearch);

 

$instantSearch = (int)(Configuration::get('PS_INSTANT_SEARCH'));

$smarty->assign('instantsearch', $instantSearch);

if ($ajaxSearch)

{

Tools::addCSS(_PS_CSS_DIR_.'jquery.autocomplete.css');

Tools::addJS(_PS_JS_DIR_.'jquery/jquery.autocomplete.js');

}

Tools::addCSS(_THEME_CSS_DIR_.'product_list.css');

Tools::addCSS(($this->_path).'blocksearch.css', 'all');

return true;

}

}

 

voici mon blocksearch.css (que j'ai mis dans le global, et dans themes/montheme/css/modules/blocksearch et dans modules/blocksearch)

/* block top search */

#header_right #search_block_top {

float: right;

margin-bottom: 22px;

width: 400px;

height: 27px;

margin-top:-150px

}

#header_right #search_block_top p { padding: 0.4em 0 0.4em 1em }

#header_right #search_block_top label, #header_right #search_block_top input { float: left }

#header_right #search_block_top label {

 

float: left;

width: 19px;

height: 18px;

display: block

}

#header_right #search_block_top input.search_query { width: 12em }

 

 

/* block left column "Quick search" */

#search_block_left input { margin: 2px 0 0 0 }

#search_block_left .search_query { width: 11em }

#search_button { display: inline }

 

c'est vraiment bizarre...

[pasta.pesto]

enlève les "#header_right " ton block n'est pas dans ce div il est après donc c'est normal que cela ne s'applique pas

[Lyn&Or Bijoux]

Ca y'est!!!!!

 

je vais refaire la même démarche pour les autres problèmes de CSS que j'ai. mais c quand même bizarre que je doive y retoucher puisque se sont des modules de base!

 

merci en tout cas, j'y vois un peu plus clair. j'espère réussir à regler mes autres problème.

 

MJ

[pasta.pesto]

super

 

j'ai l'impression que c'est ton menu en haut qui a tout décalé

[Lyn&Or Bijoux]

c'est vrai que je l'ai mis en même temps que la nouvelle version 1.4.4.

je vais faire des tests dans ce sens;

merci encore

[Lyn&Or Bijoux]

pour une raison qui m'échappe, certains modules ont d'un coup, décidé de ne plus obéir à leur CSS tels qu'ils étaient fait, j'ai du donc modifié, avec l'aide précieuse de firebug, les classes de CSS pour que les modules y répondent à nouveau...