Créer Tableau Fiche Produit

[SamAce]

Bonjour à tous voila j'aimerais savoir comment faire un tableau dans la partie fiche technique de la page produit ,à la manière du choix des transporteurs ? Merci de votre aide.

[SamAce]

Je remonte ce sujet pour savoir si quelqu'un aurait une idée, je joins une capture afin de préciser ma demande merci à vous.

[BubbleWorld]

Avez-vous trouvé une solution ?

[Johann]

si l'idée est de faire quelque chose comme j'ai ici dans la fiche technique :

http://www.garage-batayer.fr/ferrari/168-ferrari-f430-f1.html

ce n'est pas bien compliqué :

 

dans le fichier product.tpl du thème, rechercher le bloc commençant par

{if $features}

 

et l'adapter pour que ça ressemble à ceci :

 

 

{if $features}
 <!-- product's features -->
 <ul id="idTab2" class="bullet">
 {foreach from=$features item=feature}
   <li>
  <div class="data">
    <div class='item'>{$feature.name|escape:'htmlall':'UTF-8'}</div>
    <div class='value'>{$feature.value|escape:'htmlall':'UTF-8'}</div>
  </div>
   </li>
 {/foreach}
 </ul>
{/if}

 

ensuite, dans le fichier product.css, on ajoute les lignes suivantes pour définir les largeurs (fixes) du pseudo-tableau :

 

.data {
   clear: both;
   color: #615549;
   height: 15px;
   width: 100%;
}
.data .item {
   float: left;
   width: 25%;
}
.data .value {
   float: left;
   width: 75%;
}

[BubbleWorld]

Merci Johann !!!

 

Ça fonctionne parfaitement, et simple à mettre en oeuvre en plus !

 

Ce n'est pas moi qui ai ouvert le topic, mais on peut le marquer en [RESOLU] grâce à toi.

 

Bonne continuation pour ton site de véhicules haut de gamme ;-)

[BIG PRINT]

Bonjour et merci de votre aide !!

ci joint le code en 1.5.4.1 pour faire un tableau

{if $features}
  <!-- product's features -->

   <table id="idTab2" style="width:50%">
    <tbody>
  {foreach from=$features item=feature}
   
   
	  <tr class="comparison_header">
	    <td class='item' style="font-weight:bold; width:50%; text-transform:uppercase">{$feature.name|escape:'htmlall':'UTF-8'}</td>
	    <td class='value'>{$feature.value|escape:'htmlall':'UTF-8'}</td>
	  </tr>
    
      
  
  {/foreach}
    </tbody>
    </table>
 
{/if}

En espérant que cela puisse vous aider!! 

Voir le résultat sur:

www.impression-drapeaux.fr