Intervertir les tabs page produit Prestashop 1.7

[Louise mallet]

Bonjour,

Dans Prestashop 1.7.6, sur le thème par défaut, j'aimerais intervertir les tabs Description et Plus de détails

Soit en 1er "Plus de détails" et en 2ème "Description"

Dans le fichier  .../templates/catalog/product.tpl j'ai interverti les blocs description et Plus de détails , mais la tabs description s'active toujours en premier hors quand on arrive sur la page produit j'aimerais que se soit Plus de détails en 1er.

Vous savez quel fichier on doit modifier ?

merci

 

 

[Mediacom87]

Bonjour,

c'ets ce bout de code qui passe en actif un onglet :

{if $product.description} active{/if}

Donc il suffit de mettre le bon onglet et le bon contenu avec la classe active pour qu'il s''affiche en premier mais attention faites bien des test pour éviter des soucis si l'onglet qui doit normalement s'activer est bien présent sinon il faut activer l'autre.

[Louise mallet]

3 minutes ago, Mediacom87 said:

Bonjour,

c'ets ce bout de code qui passe en actif un onglet :

{if $product.description} active{/if}

Donc il suffit de mettre le bon onglet et le bon contenu avec la classe active pour qu'il s''affiche en premier mais attention faites bien des test pour éviter des soucis si l'onglet qui doit normalement s'activer est bien présent sinon il faut activer l'autre.

merci pour ton retour

le souci c'est qu'ils l'ont tous les deux

<ul class="nav nav-tabs" role="tablist">
          {if $product.description}
            <li class="nav-item">
              <a
                class="nav-link{if $product.description} active{/if}"
                data-toggle="tab"
                href="#description"
                role="tab"
                aria-controls="description"
              {if $product.description} aria-selected="true"{/if}>{l s='Description' d='Shop.Theme.Catalog'}</a>
            </li>
          {/if}
          <li class="nav-item">
            <a
              class="nav-link{if !$product.description} active{/if}"
              data-toggle="tab"
              href="#product-details"
              role="tab"
              aria-controls="product-details"
              {if !$product.description} aria-selected="true"{/if}>{l s='Product Details' d='Shop.Theme.Catalog'}</a>
          </li>
</ul>

 <div class="tab-content" id="tab-content">
          <div class="tab-pane fade in{if $product.description} active{/if}" id="description" role="tabpanel">
            {block name='product_description'}
              <div class="product-description">{$product.description nofilter}</div>
            {/block}
          </div>
   
  		 <div class="tab-pane fade{if !$product.description} in active{/if}" 
              id="product-details" data-product=" {$product.embedded_attributes|json_encode}" role="tabpanel">
   </div>

 

[Mediacom87]

Bonjour,

voici une aide pour comprendre comment gérer l'affichage des données avec Smarty https://www.smarty.net/docsv2/fr/