Légende unique sous photo produit

[Django29]

Bonjour

Quelqu'un pourrait-il me dire comment/où ajouter une légende sous toutes les photos de produits dans la page détails produit ? Texte identique sous toutes les images.

[villagedefrance]

Salut Django,

Le plus rapide sera de modifier le fichier "product.tpl" directement.
Pour se faire, il te faudra ouvrir ce fichier dans un éditeur de texte (genre Notepad++). Si tu utilises un thème custom, il faudra que ce soit le fichier "product.tpl" de ton thème actif, sinon cela ne marchera pas.
Voici sa location: catalog\view\theme\ton thème\template\product\product.tpl

Vers le haut tu trouveras ces lignes:

Code: Tout sélectionner

<div class="left">
      <?php if ($thumb) { ?>
      <div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a></div>
      <?php } ?>
      <?php if ($images) { ?>
 ...........


Ajoute ton message en html, entre la grande image et les petites, de cette facon:

Code: Tout sélectionner

<div class="left">
      <?php if ($thumb) { ?>
      <div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a></div>
      <?php } ?>
<div>mon texte customisable</div>
      <?php if ($images) { ?>
 ...........


Sauvegarde le fichier, et remplace le fichier de ton serveur avec celui que tu viens de modifier.

Et voilà !

Tu peux ensuite améliorer la présentation en ajoutant un peu de style à la balise <div>, comme ceci par exemple :

Code: Tout sélectionner

<div style="text-align:center; font-weight:bold; color: #880000;">

... juste un exemple.

[Django29]

Villagedefrance : Merci pour cette info précise.
ça marche, mais je voudrais juste que cette légende soit collée sous l'image principale du dessus, et pas près de celle du dessous.
http://prntscr.com/1tksvx

[LeorLindel]

Met ta ligne de texte avant la fermeture du code <?php } ?> et ajoute après celle-ci cette tabulation <br />
Afin aussi que ton texte soit centré il te faut ajouter text-align="center".
Ce qui te donnera le code suivant :

Code: Tout sélectionner

 ...........
<div style="text-align:center;">mon texte customisable</div>
      <?php } ?>
      <br />
      <?php if ($images) { ?>
 ...........

[Django29]

Modif faite, mais la légende reste éloignée de l'image du haut.
http://prntscr.com/1tkwhy

[LeorLindel]

Il te faut mettre ton texte après la fermeture du lien de li'image </a> et avant la fermeture de la balise </div>.
Ton code doit être celui-ci

Code: Tout sélectionner

      <div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a><div style="text-align:center;">mon texte customisable</div></div>

Ton texte se placera dans le cadre de l'image et sera centré en dessous de celle-ci.

[Django29]

Effectivement, c'est déjà mieux. (J'aurais du y penser).
http://prntscr.com/1tl4rn

Merci beaucoup !

[LeorLindel]

Si cela résout ton problème, tu n'oublieras pas de mettre la petite coche dans le titre initial du sujet.

Nous t'en remercions.