Module Comments

Attaquons maintenant le module "Comments".... celui qui a failli me donner de l'urticaire !

Je vous rappelle que je ne suis pas une spécialiste donc on doit sûrement pouvoir faire mieux que cela...

INSTALLATION DU MODULE

Pour l'installation, si ce n'est pas fait, voir ici. 

INTEGRATION DU MODULE

Pour intégrer le module dans vos pages, utiliser la syntaxe suivante :

{cms_module module='comments' localedateformat='%d/%m/%Y, %H:%M %p' lang='fr_FR'}

Modifier le format  de date et la langue selon vos besoins, évidemment.

Pour les commentaires de news, utiliser celle-ci :

{cms_module module="comments" modulename="News" pageid=$entry->id}

OPTIONS / TEMPLATE

Pour gérer le module, utilisez le menu Contenu→Comments.

Avec l'onglet "Commentaires", vous gérez les commentaires laissés sur votre site, ceux en attente de validation, etc.

Dans l'onglet "Options", vous pouvez choisir plusieurs options telles que le spamprotect, la désactivation du html, définir une adresse e-mail pour être averti des nouveaux commentaires que vous aurons laissé vos visiteurs, ainsi que le choix de modérer ou non vos commentaires (c'est-à-dire de les valider avant qu'ils soient visibles sur votre site).

MODIFICATIONS DES MESSAGES

Envie de changer le message par défaut, les messages d'erreur (qui par ailleurs comporte une faute dans la version française!) ?

Ouvrez votre logiciel FTP et téléchargez sur votre disque dur le fichier "fr_FR.php" situé dans le répertoire "modules/lang/ext/" de CMSMS.

Tous les messages sont enregistrés dans ce fichier. Il vous suffit de faire les modifications en fonction de vos besoins et de le retransférer ensuite au même endroit sur votre serveur.

CHANGER LE STYLE

En fait, aucun style n'est appliqué à ce module. Vous pouvez adapter le template selon vos besoins et créer des feuilles de style pour intégrer le formulaire et l'affichage des commentaires à votre site.

Je vous livre ici ce que j'ai utilisé :
Dans mon template de page, j'ai enfermé le module "comments" dans une div appelée "comments" (on est original ou on ne l'est pas !)

<!-- Start Comments Display Template -->
{if FALSE == $errormessage}
{startExpandCollapse id="name" title="$addacomment"}
{else}
{$errormessage}
{/if}
<h3>{$addacomment}</h3>
{$startform}
{$image}
{if $spamprotect}
{$spamprotectimage}<br />
{/if}
<table>
{if $spamprotect}
 <tr>
  <td>{$entercodetxt}:</td>
  <td>{$inputentercode}</td>
 </tr>
{/if}
 <tr>
  <td>{$yournametxt}(*):</td>
  <td>{$inputyourname}</td>
 </tr>
{if $emailfield}
 <tr>
  <td>{$emailtxt}:</td>
  <td>{$inputemail}</td>
 </tr>
{/if}
{if $websitefield}
 <tr>
  <td>{$websitetxt}:</td>
  <td>{$inputwebsite}</td>
 </tr>
{/if}
 <tr>
  <td>{$commenttxt}(*):</td>
  <td>{$inputcomment}</td>
 </tr>
 <tr>
  <td>&nbsp;</td>
  <td>{$submit} {$cancel}</td>
 </tr>
</table>
{$endform}
{if FALSE == $errormessage}
{stopExpandCollapse}
{/if}
<div id="commentspost">
<ul>
{foreach from=$items item=entry}
<li>
  {if $entry->author_email}
  <a href="mailto:{$entry->author_email|escape:"hexentity"}">{$entry->comment_author}</a>
  {else}
  <div class="auteur">Commentaire reçu de :{$entry->comment_author}</div>
  {/if}
  {if $entry->author_website}(<a href="{$entry->author_website}" target="_blank">{$entry->author_website}</a>){/if}
             <div class="date"> le {$entry->date}</div>
 <div class="commentaire">{$entry->comment_data}</div>
</li>
{/foreach}
</ul>
<!-- End Comments Display Template -->
</div>

La feuille de style pour le formulaire : 

#comments form {
background:#333333;
color: white;
padding:10px 10px 10px 2px;
width:550px;}
#comments img {
margin-left: 220px;}
#comments td
{width: 130px;}
#comments label
{text-align: left;}
#comments input[type="submit"]
{background: white;
width : 250px;}
#comments input[type="submit"]:hover
{background: #660033;
color: white;
text-transform: uppercase;
width : 250px;}
#comments input[type="text"]
{width : 380px;}
#comments textarea
{border:1px solid black;
width : 380px;
background: #660033;
font-family:"trebuchet ms";
color:white;}

et la feuille de style pour l'affichage des commentaires... (oui oui je vais l'améliorer d'ici quelques jours..!)

#commentspost
{float: left;
width: 520px;
text-align: left;
background: white;
padding: 5px 0 5px 0;
margin-top: 10px;
margin-bottom: 10px;
border: 1px #333333 solid;}
#commentspost ul, li {
text-align: left;
padding: 0
text-indent: 0;
list-style-type: none;}
.date
{color: #660033;
margin-right: 10px;
border-bottom: 1px #660033 solid;}
.auteur
{text-transform: uppercase;
color: #333333;}
.commentaire
{color: #660033;
text-align: justify;
margin-right: 20px;}

Voici la solution que j'ai utilisée; j'espère qu'elle pourra vous être utile !

Cliquez ici pour ajouter un commentaire

Cliquez ici pour ajouter un commentaire

Code dans l'image:
Votre nom(*):
Commentaire(*):

• Commentaire reçu de : helazo
  le août 02, 2010, 13:42

  Je vais tester ce tuto qui me parait très clair.

• Commentaire reçu de : flo
  le janvier 09, 2010, 14:02

  très bon tuto !!

• Commentaire reçu de : S
  le septembre 30, 2009, 21:48

  Bonsoir, juste un petit test...

• Commentaire reçu de : Jessica
  le juin 25, 2009, 11:22

  C'est pas mal. Moi j'ai un problème : c'est lent quand je clique sur envoyer et je sais pas pourquoi...

• Commentaire reçu de : AC
  le juin 26, 2008, 13:06

  C'est un peu vague pour t'aider comme ça. Est-ce que ta page est en ligne, que je puisse approfondir la question ?

• Commentaire reçu de : Samy
  le juin 25, 2008, 21:45

  Salut,
  J'ai suivit ton tutoriel mais le code css pour le design du forum ne s'applique pas..
  J'ai une toolbar developpeur et c'est pas les memes ids..
  J'arrive pas a personnaliser ce formulaire...
  Help me :P

Haut de la page
Page précédente: Module Search       Page suivante: URL rewriting