Jump to content
Louise mallet

Intervertir les tabs page produit Prestashop 1.7

Recommended Posts

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

 

 

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites
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>

 

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