[Résolu]Tableau des Caractéristiques: je hais IE!

[HARVIE]

Bonjour,

Sur mes fiches produits j'ai intégrer ma liste de caractéristiques sous forme de tableau comme ceci dans product.tpl:

>{if $features}         

                   <!-- product's features -->     
</pre>
<table cellspacing="0" cellpadding="0">
{$feature.name|escape:'htmlall':'UTF-8'}{$feature.value|escape:'htmlall':'UTF-8'}
</table>
<br><br>               {/if}

Bref, cela rend l'affichage plus agréable. Et je suis même allez plus loin, je sais je suis un fou...
J'ai fais en sorte qu'une ligne sur 2 du tableau ne soit pas de la même couleur, histoire de rendre le tableau encore plus lisible. J'ai donc mis ça dans le css:

table.carac tr{background-color:#fff;} 
table.carac tr:nth-child(odd) { background-color:#eee; } 
table.carac tr:nth-child(even) { background-color:#fff; } 

Ca marche nickel sous FF et j'ai fais un ptit test sous IE...mais il n'affiche pas les couleurs paire et impaire!

Existe-il une solution qui marche sous tous les navigateurs?

Harvie

[Atch]

Bonsoir,

Une autre solution, passer par smarty, ajouter une class à la balise

> </pre>
<table cellspacing="0" cellpadding="0">
{$feature.name|escape:'htmlall':'UTF-8'}{$feature.value|escape:'htmlall':'UTF-8}
</t

Puis dans le css :

table.carac tr.item{ background-color:#eee; } 
table.carac tr.alternate_item { background-color:#fff; }

V++

Atch

[HARVIE]

Merci...Ca marche nickel!

[HARVIE]

Merci encore Atch pour ton intervention.


J'ai modifié product-list.tpl pour afficher les 4 premières caractéristiques de chaques produits dans le listing des produits, histoire d'avoir un aperçu des caractéristiques, sans avoir à aller sur la fiche produit...

J'ai donc ajouter cela dans product-list.tpl:

>
{if $product.features}
</pre>
<table>> {$feature.name|cat:" "}{$feature.value|truncate:30:'...':true|escape:'htmlall':'UTF-8'}
> ...
</table>
<br>{/if}<br><div>+ de caractéristiques techniques</div>

Ce qui permet d'avoir quelques chose comme:


> Capacité : 2600 kg
> Longueur des fourches : 1150 mm
> Largeur des fourches : 160 mm
> Longueur totale : 1535 mm
> ...
+ de caractéristiques techniques

Ca marche bien mais comme pour la fiche produit, je voulais alterner les couleurs des lignes du tableau. Il existe aussi une solution pour ça?

Merci d'avance,

Harvie

[Atch]

Bonjour,

Tu fais la meme chose, en utilisant une condition dans la class de ta balise

[HARVIE]

OK j'ai compris...Merci! je vais faire ça toute de suite.

[a-prods]

Salut

J'ai comme l'impression que le code mis par Atch est tronque. Ou alors il est vraiment trop tard pour bosser

Une ame pour reposter la manip

 

Merci

[a-prods]

autant pour moi.

c'etait bete comme tout, il faut vraiment que je dorme ....

[Photon]

Bonjour j'ai trouvé ce sujet très utile pour m'aider à avancer. Je rencontre néanmoins le problème suivant: la condition Smarty qui détermine le choix entre item ou alternate_item ne fonctionne pas, le code prenant toujours le contenu du "else" et jamais celui du "if", les lignes sont donc toujours de la même couleur. auriez-vous une idée svp ?

(Smarty sans cache et compilation forcée dans mon prestashop)

voici mon code:

 

 

{if $features}
 <!-- product's features -->
 <table id="idTab2" class='carac'>
 {foreach from=$features item=feature name=myloop}
 <tr class="{if $smarty.foreach.myLoop.index % 2}alternate_item{else}item{/if}">
<td class='featname'>{$feature.name|escape:'htmlall':'UTF-8'}</td> <td class='featval'>{$feature.value|escape:'htmlall':'UTF-8'}</td></tr>
 {/foreach}
 </table>
{/if}

 

merci d'avance

Edited July 30, 2012 by Photon (see edit history)

[Photon]

UP ! personne pour m'aider ?

 

edit: j'ai trouvé l'erreur > myLoop et myloop > le L en majuscule

Edited August 21, 2012 by Photon (see edit history)