Page 1 sur 1

Problème Attributuion de class

MessagePublié: 11 Fév 2012, 17:06
par wesley
Bonjours à toutes et à tous,
Je tien avan tout à dire que j'ai fait des recherches pour mon problème, mais que je n'ai rien trouver :|
Je vous l'explique, j'aimerai attribuer des classes spécifique à chacune de mes " div ".
Pour exemple, je suis dans "index.php" et j'aimerai que chacune de mes div de la colonne de gauche de mon menu
ai une class qui leur est propre,
j'ai deja fait le coté "css", mais je ne sais pas comment "l'appliquer".
Merci de votre aide, en espérant avoir été assez claire ! :)

Re: Problème Attributuion de class

MessagePublié: 11 Fév 2012, 17:11
par Imaxine
Il faut l'appliquer sur les div des fichiers .tpl concernés, rien de bien sorcier.

Re: Problème Attributuion de class

MessagePublié: 11 Fév 2012, 19:43
par wesley
Tout d'abord merci de ta réponse si rapide ^^
Mais étant nouveau ( sur ce site et sur opencart ) savez vous ou je peux trouver un tutoriel, ou quelque chose de ce genre qui m'aiderai à le faire ?
( je précise que j'ai cherché, mais que je n'ai malheureusement pas trouver )

Re: Problème Attributuion de class

MessagePublié: 11 Fév 2012, 19:48
par Imaxine
Si tu souhaites attribuer une class personnalisée à chaque <div>, c'est que tu connais le CSS et le fonctionnement des feuilles de styles.
Donc, si tu souhaites modifier tes fichiers ainsi que la mise en forme de ceux-ci, il te faut le faire dans les fichiers TPL se situant dans catalog/view/theme/default/template/*/*.tpl.

Il n'y a pas leu d'avoir un tutoriel pour cela, d'ailleurs il n'en existe pas pour OpenCart.

Je te conseille, par contre, de lire ce sujet.

Re: Problème Attributuion de class

MessagePublié: 12 Fév 2012, 03:56
par wesley
un Grand merci à toi, dès demain je test tout ca, je lis la documentation que tu m'as fournie
et si c'est bon je met ce topic en [Résolu]
Encore merci !

Re: Problème Attributuion de class

MessagePublié: 12 Fév 2012, 23:01
par Imaxine
Pourras-tu respecter les deux points inscrits dans ma signature.

Je t'en remercie.

Re: Problème Attributuion de class

MessagePublié: 12 Fév 2012, 23:56
par wesley
je me permet de solliciter encore une fois vôtre aide car j'ai compris le fonctionnement d'opencart ( je pense )
J'arrive parfaitement à attribuer des "class" sur le header et quelque autre élément du site,
Mais je ne comprend pas pourquoi, quand je vais dans:
"catalog/view/theme/default/template/common/column_right.tpl"
je ne trouve pas de "texte" à proprement dit: voici ce que j'ai:
Code: Tout sélectionner
<?php if ($modules) { ?>
<div id="column-right">
  <?php foreach ($modules as $module) { ?>
  <?php echo $module; ?>
  <?php } ?>
</div>
<?php } ?>

Je ne vois pas de code, avec des liens comme il y a dans le header par exemple :cry:

[Pourras-tu respecter les deux points inscrits dans ma signature.

Je t'en remercie

Oui si tu parles de la résolution du problème, je le tagggerai de la bonne façon :)

Re: Problème Attributuion de class

MessagePublié: 13 Fév 2012, 00:00
par Imaxine
wesley a écrit:Je ne vois pas de code, avec des liens comme il y a dans le header par exemple :cry:
C'est logique car les colonnes sont destinées à recevoir les modules donc ils n'ont pas de structure visuelles définies.

Suis clair dans ces explications ?

Re: Problème Attributuion de class

MessagePublié: 13 Fév 2012, 00:07
par wesley
Oui, donc si j'ai bien compris ce sont des sortes de "contener"
Une div vide, qui sert de " wrapper " ?
Donc pour exemple, sur ce site http://demo.opencart-france.com/
si je veux éditer la partie qui s’appelle " information "
je dois rechercher "Informations.tpl" c'est bien cela ? :idea:

Re: Problème Attributuion de class

MessagePublié: 13 Fév 2012, 00:10
par Imaxine
Exact. Et pour trouver ce fichier TPL, il te faut suivre le chemin contenu dans l'url.

Re: Problème Attributuion de class

MessagePublié: 13 Fév 2012, 00:17
par wesley
PARFAIT !
j'ai enfin compris le fonctionnement, un ENORME merci pour toi, ta patience, tes réponses rapides et claires !
:mrgreen: :mrgreen: :mrgreen: :mrgreen: :mrgreen: :mrgreen: