[RÉGLÉ] Surcharge de template non prise en compte

[Octavian]

Bonjour,
J'essaie de déplacer la barre d'outils "Editer, Imprimer, Email" pour qu'elle ne soit pas en liste mais en ligne en haut à droite de mon article.
(cf url: http://dev2.ecole-saintemarthe-saint...ex.php?lang=fr)

En modifiant directement le fichier default.php qui se trouve:

/components/com_content/views/article/tmpl/default.php

J'ai pu trouver un début de réponse... (suppression des balises ul entre autres).

Cependant, je ne voulais pas modifier directement le composant pour des raisons évidentes mais le mettre en surcharge dans le template.

Et là, le hic:
J'ai construit l'arborescence:

/templates/it_community2/html/com_content/article/

Dans mon template où j'ai collé le dossier complet qui vient du composant. Puis ai modifié le code php du fichier default.php

Sauf qu'en frontend.. pas de modif° appliquée alors qu'elle l'était quand je modifiai le composant.

Ai-je loupé quelque chose pour faire fonctionner la surcharge?

Merci d'avance!

[APWEB]

Re : Surcharge de template non prise en compte

Bonjour,
La cause ne semble pas venir du PHP, mais plutôt du CSS.

Si tu veux aligner l'enveloppe et l'imprimante côte à côte sur la même ligne, essaie de créer une règle de type:

ul .actions li {
display: block;
float: right;
margin-left: 20px;
...
}

[Octavian]

Re : Surcharge de template non prise en compte

Merci pour l'aide. Ce que tu proposes (même si j'avoue ne pas savoir dans quel fichier css, je dois éditer ces lignes) c'est de créer un bloc flottant à droite.
C'est ce que je pensais faire pour le mettre à droite mais j'aimerai avant tout.. supprimer la liste...
Avoir ceci :

<a rel="nofollow" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" title="Imprimer" href="/index.php/accueil/100-actualites/l-ecole/246-bientot-la-rentree?tmpl=component&amp;print=1&amp;page="><img alt="Imprimer" src="/media/system/images/printButton.png"></a>

<a onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;" title="E-mail" href="/index.php/component/mailto/?tmpl=component&amp;template=it_community2&amp;link=0f450065710ef98e5abb4f5b43fd6d1e9a93823d"><img alt="E-mail" src="/media/system/images/emailButton.png"></a>

<span title="" class="hasTip"><a href="/index.php/component/content/?task=article.edit&amp;a_id=246&amp;return=aHR0cCUzQSUyRiUyRmRldjIuZWNvbGUtc2FpbnRlbWFydGhlLXNhaW50amVhbi5mciUyRmluZGV4LnBocCUzRmxhbmclM0Rmcg=="><img alt="Modifier" src="/media/system/images/edit.png"></a></span>

Au lieu de ceci

<ul class="actions">
				<li class="print-icon">
			<a rel="nofollow" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" title="Imprimer" href="/index.php/accueil/100-actualites/l-ecole/246-bientot-la-rentree?tmpl=component&amp;print=1&amp;page="><img alt="Imprimer" src="/media/system/images/printButton.png"></a>		</li>
						<li class="email-icon">
			<a onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;" title="E-mail" href="/index.php/component/mailto/?tmpl=component&amp;template=it_community2&amp;link=0f450065710ef98e5abb4f5b43fd6d1e9a93823d"><img alt="E-mail" src="/media/system/images/emailButton.png"></a>		</li>
		
				<li class="edit-icon">
			<span title="" class="hasTip"><a href="/index.php/component/content/?task=article.edit&amp;a_id=246&amp;return=aHR0cCUzQSUyRiUyRmRldjIuZWNvbGUtc2FpbnRlbWFydGhlLXNhaW50amVhbi5mciUyRmluZGV4LnBocCUzRmxhbmclM0Rmcg=="><img alt="Modifier" src="/media/system/images/edit.png"></a></span>		</li>
			</ul>

Le travail ensuite sera bien de modifier le CSS.
Le hic est que pour modifier la liste, je dois modifier le template de la page (et donc la page php) d'où mon souhait de surcharger le template pour ne pas à refaire la modif° à chaque maj...

Ai je tort dans le raisonnement ou j'ai mal compris?

[APWEB]

Re : Surcharge de template non prise en compte

Ok, commençons par le début :

• version de Joomla? 2.5?
• Nom du template ? it community 2 de icetheme ?
• Age du capitaine ? Non je plaisante!

Perd pas ton temps, ne touche pas le .php, il faut toujours commencer par le CSS du template et voir dans sa documentation si il est possible de le surcharger.
Ce qui se fait facilement dans les templates RocketTheme, YouTheme et autres.
Pour tout t'avouer j'ai fait la manipe décrite précédemment sur ta page dans le code CSS, avec Firebug et ça fonctionne!
Apparemment il y a du Bootstrap dan ton template?
Regarde un peu dans le dossier CSS.

D'autre part une mise à jour de Joomla ne modifie pas les fichiers des templates installés (hormis ceux déjà installés en natif, c'est pour ça qu'il faut les dupliquer. Tache rendu simple dans la version 3.3)
Les modifications peuvent intervenir lors de la mise à jour du template tierce, c'est beaucoup plus rare et il faut s'y préparer en récupérant les quelques lignes modifiées pour les insérer de nouveau.

[Octavian]

Re : Surcharge de template non prise en compte

Merci de ta réponse:

Version: Joomla 2.5.24
template: it_community 2 (icetheme oui!)
Âge du capitaine: 37.. sisi! Encore jeune!


Ok: je suis ton conseil donc..
Oui, il y a du bootstrap.
dans le dossier:
/templates/it_community2/bootstrap/css

Il y a 4 fichiers CSS:

• boostrap-responsive.css
• bootstrap-responsive.min.css
• bootstrap.css
• bootstrap.min.css

Le responsive.min.css a déjà été modifié... (le suffixe promo1/2/3/4 sur la page d'accueil).

J'ai essayé de faire ta manip en copiant/coller ton code dans le CSS du boostrap.css (qui me paraîssait le bon).. mais rien à faire. Il faut dire que je ne suis pas un champion du code (merci le site du zéro!).. je vois tout à fait ce que tu veux faire mais ne comprends pas comment tu supprimes les puces... ni comment le faire en fait

D'autre part une mise à jour de Joomla ne modifie pas les fichiers des templates installés (hormis ceux déjà installés en natif, c'est pour ça qu'il faut les dupliquer. Tache rendu simple dans la version 3.3)
Les modifications peuvent intervenir lors de la mise à jour du template tierce, c'est beaucoup plus rare et il faut s'y préparer en récupérant les quelques lignes modifiées pour les insérer de nouveau.

Ce que tu me dis c'est qu'une maj de joomla ne modifie ps tous les fichiers mais que ceux du noyau? (mais ceux des composants ne sont pas modifiés non plus? Donc en gros, je peux .. sans trop de risques modifier les fichiers template des composants du noyau de joomla?)

[APWEB]

Re : Surcharge de template non prise en compte

Je ne connais pas les thèmes icethemes, et n'ayant pas souscrit je n'ai pas accès à la doc.
Joker! Je fais appel à ...
1ère chose à faire regarder dans la doc les possibilités de surcharges (override) à partir d'un fichier.
Regarder les mêmes possibilités dans l'administration du template. Parfois il y a une zone ou on peut saisir du CSS. Ce qui n'est pas très bon car c'est du style on page.

Voici une piste, dans le fichier bootstrap.css ajoute ce code à la fin :

.email-icon, .print-icon {
    display: block;
    float: right;
    margin-left: 10px;
}

C'est la même technique utilisée pour faire les menus horizontaux à partir de listes à puce. Donc ne pas supprimer les listes dans le PHP!!
Les puces ne sont pas supprimées mais transformées en élément de bloc, pour pouvoir mieux les manipuler.

On doit pouvoir améliorer avec la classe .actions qui prend en compte toute la div horizontale des boutons. Mais il faudrait avoir accès au site.

Ce que tu me dis c'est qu'une maj de joomla ne modifie ps tous les fichiers mais que ceux du noyau? (mais ceux des composants ne sont pas modifiés non plus? Donc en gros, je peux .. sans trop de risques modifier les fichiers template des composants du noyau de joomla?)

Attention tout ce qui est installé lors de la première installation de Joomla "peut" être remplacé lors de la mise à jour.
Donc les templates comme Beez, Protostar ...
Toutes les modifs peuvent être perdues. Comme cela m'est arrivé, sympa la mise à jour! Il faut donc dupliquer ces templates natifs avant de les modifier. Ce qui est devenu très simple avec Joomla 3.3. Et d'ailleurs joomla 2.5 à une durée de vie limitée, puisque la fin du support se rapproche.

Quand tu installes une extension tierce comme Phocagallery, et quand tu fais la mise à jour de Joomla, Phocagallery n'est pas concerné.

C'est pareil pour ton template qui a été installé après Joomla.

Par contre si tu fais une mise à jour de ton template, les fichiers modifiés risquent d'être écrasés.

Je le répète il n’y a pas de mise à jour de templates tous les 4 matins. Mais ça peut arriver et les éditeurs sérieux, déjà cités, prévoient des solutions de surcharges.
Sinon c'est à toi de bien noter les modifs apportées pour bien les reproduire.

[APWEB]

Re : Surcharge de template non prise en compte

Il y a quelque part un fichier iceshortcode.css, je me demande si c'est pas lui qu'il faut utiliser pour inclure le code :

.email-icon, .print-icon {
    display: block;
    float: right;
    margin-left: 10px;
}

Ensuite comme je le disais il s'agit de travailler la classe actions pour avoir un résultat plus propre.

[Octavian]

Re : Surcharge de template non prise en compte

En effet, c'était dans ce fichier css.
Ca fonctionne maintenant.. J'ai modifié ton code CSS pour l'adapter à mes besoins:

	.edit-icon, .email-icon, .print-icon {
    display: block;
	float: right;
	position: relative;
    margin-left: 10px;
	top:-40px;
}

Le voici si d'autres sont intéressés...
Merci pour ton aide!

[APWEB]

Re : Surcharge de template non prise en compte

Super, j'ajoute ça à ma base de connaissance. C'est donc réglé.