Jump to content
SamAce

Créer Tableau Fiche Produit

Recommended Posts

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.

Share this post


Link to post
Share on other sites

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.

post-144491-0-64061100-1324043914_thumb.png

Share this post


Link to post
Share on other sites

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%;
}

Share this post


Link to post
Share on other sites

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 ;-)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More