[Tuto] Rajouter les Features sur page produit

[utaku]

Bonjour, 

 

J'ai longtemps chercher le moyen de rajouter une caractéristique ( la Taille ) de mes articles sur le Quick View.

J'ai fini par trouver la solution, mais ceci implique de faire les modifications suivante : 

 

Dans votre thème, éditer le fichier suivant : 

 

Product.tpl à la ligne : 172 

 

vous avez ceci : 

			{if $product->condition}
			<p id="product_condition">
				<label>{l s='Condition'} </label>
				{if $product->condition == 'new'}
					<link itemprop="itemCondition" href="http://schema.org/NewCondition"/>
					<span class="editable">{l s='New'}</span>
				{elseif $product->condition == 'used'}
					<link itemprop="itemCondition" href="http://schema.org/UsedCondition"/>
					<span class="editable">{l s='Used'}</span>
				{elseif $product->condition == 'refurbished'}
					<link itemprop="itemCondition" href="http://schema.org/RefurbishedCondition"/>
					<span class="editable">{l s='Refurbished'}</span>
				{/if}
			</p>
			{/if}

Juste après ce code, rajouter ceci : 

			<!--Rajoute les features sur page produit -->
		{if isset($features) && $features}
			<!-- Data sheet -->
			<section class="page-product-box2">
			
				<table class="table-data-sheet2">
					{foreach from=$features item=feature}
					<tr class="{cycle values="odd,even"}">
						{if isset($feature.value)}
						<td>{$feature.name|escape:'html':'UTF-8'} : </td>
						<td>{$feature.value|escape:'html':'UTF-8'}</td>
						{/if}
					</tr>
					{/foreach}
				</table>
			</section>
			<!--end Data sheet -->
			<!--Fin du Rajout des features sur page produit -->

entre les 2 {/if} donc !!

 

Ensuite, il faut éditer le fichier product.css ( ce trouve dans le dossier CSS de votre thème )

 

Ligne : 648 rajouter à la suite 

/* Rajoute les caractéristiques sur page produit */		
/* table_data_sheet2 */
.table-data-sheet2 {
  border-bottom: 0px solid #d6d4d4;
  width: 100%;
  margin: 0 0 20px;
  background: white; }
  .table-data-sheet2 tr {
    border-top: 0px solid #d6d4d4; }
    .table-data-sheet2 tr.even {
      background: #fdfdfd; }
    .table-data-sheet2 tr td {
      padding: 0px; }
      .table-data-sheet2 tr td:first-child {
        border-right: 0px solid #d6d4d4;
        width: 45px;
        font-weight: 700;
        color: #333333; }

Voila, après il vous suffit de modifier le CSS à votre style.

 

Pour voir le résultat : mon site en signature .

 

Attention toute fois, ceci crée un doublon avec la FICHE Technique dans le product Footer.

Il vous faudra modifier le fichier product.tpl pour ne plus l'afficher.

 

 

PS : il faut dans votre B.O / paramètre avancé / Performance /

 

Activer : Recompiler les fichiers de templates s'ils ont été mis à jour

 

Il faut sauvegarder et actualisé votre page web , une fois fait, vous pourrez repasser en " ne pas recompiler ".

 

Bien à vous

 

Johan