prestashop 1.6 mettre des onglets
Pour pouvoir mettre la définition longue, les caractéristique, ou les avis en onglet dans prestashop 1.6, tout ce passe au niveau du fichier product.tpl
Il suffit d’aller à la ligne 451 et d’insérer ce code :
{if (isset($product) && $product->description) || (isset($features) && $features) || (isset($accessories) && $accessories) || (isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB) || (isset($attachments) && $attachments) || isset($product) && $product->customizable}
<div id="more_info_block" class="rte align_justify" style="width:96%;clear:both;">
<ul id="more_info_tabs" class="idTabs idTabsShort nav nav-tabs">
{if $product->description}<li><a id="more_info_tab_more_info" href="#idTab1">{l s='More info'}</a></li>{/if}
{if $features}<li><a id="more_info_tab_data_sheet" href="#idTab2">{l s='Data sheet'}</a></li>{/if}
{if $attachments}<li><a id="more_info_tab_attachments" href="#idTab9">{l s='Download'}</a></li>{/if}
{if isset($accessories) AND $accessories}<li><a href="#idTab4">{l s='Accessories'}</a></li>{/if}
{if isset($product) && $product->customizable}<li><a href="#idTab10">{l s='Product customization'}</a></li>{/if}
{if isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB}<li><a href="#idTab5">{$HOOK_PRODUCT_TAB}</a></li>{/if}
</ul>Ensuite sur chaque section il suffit de rajouter id="idTab" avec le numéro correspondant à ce que l’on souhaite trouver. Par exemple pour avoir la suite de la description on mettra dans la section :
{if $product->description}
<!-- More info -->
<section class="page-product-box" id="idTab1">Pour terminer il faut penser à fermer le "if" à la fin avant cette ligne 673
Et voilà vos liens fonctionnent. Enregistrez votre fichier, chargez le, et hop.... ça fonctionne.... ;-)
Par contre il y a un bug pour les accessoires avec id sur le ul à la ligne 501 <ul id="bxslider" class="bxslider clearfix"> bxslider a un paramètre qui empêche de voir les accessoires. (le height est à 0) j’ai juste modifier l’id avec bxslider1.
Et maintenant tout est ok à vous de jouer sur le css pour la présentation.
Voilà j’espère que cela vous est utile.
Sur Facebook
Sur Twitter