[RESOLU] Installer thème avec modules et CSS propre au thème

[pasko]

Bonjour,

Je souhaite installer différents thèmes, chacun avec leur modules personnalisés.
J'ai donc créé le dossier "modules" dans le thème et y ai installé les modules.

Les module ne s'affiche pas dans le BO!

Une idée?
D'avance merci.

[piscineshop]

C'est normal il faut que tes modules soient dans le dossier module qui est à la racine du site

[jeckyl]

Salut,

Seul les tpl sont traités dans le répertoire modules du thème.

[pasko]

Salut jeckyl,

Comment traiter les tpl du répertoire modules du thème afin qu'il soie pris par défaut?

[jeckyl]

Il n'y a rien à faire juste avoir le même nom que celui du module.

[pasko]

Quand tu dit que seul les tpl sont traités dans le répertoire modules du thème, les CSS dans le répertoire modules du thème ne sont pas pris en compte?

[jeckyl]

Je ne crois pas, mais après à toi de définir la liaison à tes css comme tu le souhaite.

Juste comme cela, il est conseillé de n'avoir qu'un fichier css donc en général on modifie le global.css pour tout mettre.

[pasko]

Dans mon cas, j'utilise plusieurs modules tel que blocktopmenu, jgalleryview2, imagesenlarge qui ont chacun leur fichier css.
Je doit modifier ces css pour les adapter aux thèmes ne fusse que pour la couleur ou autre.

[jeckyl]

As tu fais un test en modifiant ces css dans le global ?

[pasko]

ces css sont dans le module et non dans le thème.

Tu peux par exemple voir le menu horizontal dans www.netshopin.com/netred/ avec Firebug.
Le module "blocktopmenu" contient son propre css.

[jeckyl]

Oui, et donc ?

je répète ma question précédente : As tu fais un test en modifiant ces css dans le global ?

Tu peux grâce au Cascading Style Sheet justement surcharger un élément et donc modifier son style dans une autre feuille.

[pasko]

Je vois ce que tu veux dire.
Je n'ai jamais fait cela et je vais donc m'informer sur cette procédure.

[pasko]

Problème résolut:

Si vous avez un module qui doit être modifier en fonction des différents thèmes de votre boutique, voici ce qu'il faut faire:

1- Créer un dossier "modules" dans votre thème:
racine_du_site/themes/votre_theme/modules

2- Y Installer votre module modifié pour ce thème (dans mon cas j'ai modifié le css du module).

3- Ensuite, modifier le chemin dans module.tpl pour pointer ver le module logé dans le dossier "modules du thème" et non plus dans le dossier "modules" de la racine de votre site.

C'est le fichier module.tpl qui ce trouve à présent dans le dossier "modules" du thèmes, qui doit être modifié.

4- Dans le fichier module.tpl vous avez un code comme ci-après, (dans mon cas la modification ce fait au niveau du css) à modifier pour indiquer le chemin:

<link rel="stylesheet" type="text/css" href="/nom_du_theme/modules/nom_du_module/fichier.css" />

Et voila.

[ould.abeidy]

Bonjour,
pasko tu peux preciser ce que tu veux modifier dans les .tpl et les modules concernées salut.

[pasko]

RESOLU

[jeckyl]

4- Dans le fichier module.tpl vous avez un code comme ceci (dans mon cas la modif ce fait au niveau du css) à modifier pour indiquer le chemin:

<link rel="stylesheet" type="text/css" href="/nom_du_theme/modules/nom_du_module/fichier.css" />

Bonjour,

il est qu'en même bon de rappeler que la norme veut que les feuilles de styles soient déclarées dans le header d'un document html et non pas directement dans le code.

[pasko]

Bonjour jeckyl,

Peux-tu être plus clair? Merci.

Salutations

[jeckyl]

Salut,

Cela correspond à la base du design internet vous pouvez trouver de la documentation sur :

http://developer.yahoo.com/performance/rules.html#css_top

ou encore ici

http://code.google.com/intl/fr/speed/page-speed/docs/rendering.html#PutCSSInHead

Après si vous ne pouvez pas faire autrement il faut bien s'y résoudre, mais dans ce cas, intégrer les modifications dans un fichier externe enregistré dans le répertoire css du thème ou directement dans le fichier global.css du thème.

[pasko]

J'avoue que je ne voie pas ce que ca à voir avec le post "Installer thème avec modules intégrés"?

Désolé.

[Myriss]

C'est vrai que ce n'est pas très règlementaire tout ça.

Tu devrais plutôt remplacer la balise link par un import de feuille de style CSS.
<style type="text/css">
@import url("url/style.css");
</style>

[pasko]

Réglementaire???

[Myriss]

compatible W3C quoi.