Jump to content
Matt67520

Fiche produit, modification priorité entre description et détails produit.

Recommended Posts

 

Bonjour,

Je viens de m’installer PS 1.7.6.2 et je suis resté avec le thème de base « classic ».

J’aimerai sur la page produit faire en sorte que l’onglet dès l’ouvert soit sur « détails produit » et non pas sur « Description ». Pour cela sui suis allé travailler le fichier

/themes/classic/templates/catalog/product.tpl

Après plusieurs tentatives  je n’arrive pas à trouver quelle modification y apporter…

 

Quelqu’un à une idée ? Suis-je dans le bon fichier ?

 

Merci d’avance pour votre aide.

Matthieu

Share this post


Link to post
Share on other sites

Voilà le code que j'ai modifier pour le moment:

 {block name='product_tabs'}
              <div class="tabs">
                <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-details} active{/if}"
                      data-toggle="tab"
                      href="#product-details"
                      role="tab"
                      aria-controls="product-details"
                      {if !$product.description} aria-selected="true"{/if}>{l s='Details produit' d='Shop.Theme.Catalog'}</a>
                  </li>
                  {if $product.attachments}
                    <li class="nav-item">
                      <a
                        class="nav-link"
                        data-toggle="tab"
                        href="#attachments"
                        role="tab"
                        aria-controls="attachments">{l s='Attachments' d='Shop.Theme.Catalog'}</a>
                    </li>
                  {/if}
                  {foreach from=$product.extraContent item=extra key=extraKey}
                    <li class="nav-item">
                      <a
                        class="nav-link"
                        data-toggle="tab"
                        href="#extra-{$extraKey}"
                        role="tab"
                        aria-controls="extra-{$extraKey}">{$extra.title}</a>
                    </li>
                  {/foreach}
                </ul>

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

				
                 

                 {block name='product_details'}
                   {include file='catalog/_partials/product-details.tpl'}
                 {/block}

                 {block name='product_attachments'}
                   {if $product.attachments}
                    <div class="tab-pane fade in" id="attachments" role="tabpanel">
                       <section class="product-attachments">
                         <p class="h5 text-uppercase">{l s='Download' d='Shop.Theme.Actions'}</p>
                         {foreach from=$product.attachments item=attachment}
                           <div class="attachment">
                             <h4><a href="{url entity='attachment' params=['id_attachment' => $attachment.id_attachment]}">{$attachment.name}</a></h4>
                             <p>{$attachment.description}</p
                             <a href="{url entity='attachment' params=['id_attachment' => $attachment.id_attachment]}">
                               {l s='Download' d='Shop.Theme.Actions'} ({$attachment.file_size_formatted})
                             </a>
                           </div>
                         {/foreach}
                       </section>
                     </div>
                   {/if}
                 {/block}

 

Share this post


Link to post
Share on other sites

Bonjour,

Je suis toujours à la recherche de solutions, une idee ou posser ma question si ici je ne trouve pas de reponse? 

J'ai impretion u'il ne manque pas grand chose pour y arriver, mais je bloque...

Share this post


Link to post
Share on other sites

remplacez

{if !$product.description} aria-selected="true"{/if}

par

 aria-selected="true"

 

Share this post


Link to post
Share on other sites

Bonjour et merci pour votre réponce. Malheuresement rien ne change, description reste activé de base. Alors que je voudrais "details produits d'activé quand je clique sur ma fiche produit.

Capture d’écran 2020-02-24 à 15.53.33.png

Share this post


Link to post
Share on other sites

Ah, ben certainement que vous n'utilisez plus le code sur lequel je me suis basé et que vous nous avez communiqué.

Remplacer

{if $product.description} aria-selected="true"{/if}

par

 aria-selected="false"

 

Share this post


Link to post
Share on other sites

j'y suis toujours sur le meme il me semble, le revoilà copié à l'instant:

{block name='product_tabs'}
              <div class="tabs">
                <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='Details produit' d='Shop.Theme.Catalog'}</a>
                  </li>
                  {if $product.attachments}
                    <li class="nav-item">
                      <a
                        class="nav-link"
                        data-toggle="tab"
                        href="#attachments"
                        role="tab"
                        aria-controls="attachments">{l s='Attachments' d='Shop.Theme.Catalog'}</a>
                    </li>
                  {/if}
                  {foreach from=$product.extraContent item=extra key=extraKey}
                    <li class="nav-item">
                      <a
                        class="nav-link"
                        data-toggle="tab"
                        href="#extra-{$extraKey}"
                        role="tab"
                        aria-controls="extra-{$extraKey}">{$extra.title}</a>
                    </li>
                  {/foreach}
                </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> 

                 {block name='product_details'}
                   {include file='catalog/_partials/product-details.tpl'}
                 {/block}

                 {block name='product_attachments'}
                   {if $product.attachments}
                    <div class="tab-pane fade in" id="attachments" role="tabpanel">
                       <section class="product-attachments">
                         <p class="h5 text-uppercase">{l s='Download' d='Shop.Theme.Actions'}</p>
                         {foreach from=$product.attachments item=attachment}
                           <div class="attachment">
                             <h4><a href="{url entity='attachment' params=['id_attachment' => $attachment.id_attachment]}">{$attachment.name}</a></h4>
                             <p>{$attachment.description}</p
                             <a href="{url entity='attachment' params=['id_attachment' => $attachment.id_attachment]}">
                               {l s='Download' d='Shop.Theme.Actions'} ({$attachment.file_size_formatted})
                             </a>
                           </div>
                         {/foreach}
                       </section>
                     </div>
                   {/if}
                 {/block}

 

Edited by Matt67520 (see edit history)

Share this post


Link to post
Share on other sites

et voilà modifié comme demandé:

{block name='product_tabs'}
              <div class="tabs">
                <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"
                         aria-selected="false">{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"
			          aria-selected="false">{l s='Details produit' d='Shop.Theme.Catalog'}</a>
                  </li>
                  {if $product.attachments}
                    <li class="nav-item">
                      <a
                        class="nav-link"
                        data-toggle="tab"
                        href="#attachments"
                        role="tab"
                        aria-controls="attachments">{l s='Attachments' d='Shop.Theme.Catalog'}</a>
                    </li>
                  {/if}

 

Share this post


Link to post
Share on other sites
il y a 42 minutes, Matt67520 a dit :

j'y suis toujours sur le meme il me semble, le revoilà copié à l'instant:

c'est bien cela ce n'est pas le même code.

il y a 38 minutes, Matt67520 a dit :

et voilà modifié comme demandé:

et ?

Share this post


Link to post
Share on other sites

bien entendu vous avez vidé le cache PrestaShop ?

Avez vous essayé en effaçant

 aria-selected="false"

 

Share this post


Link to post
Share on other sites

Oui, cache presta vidé et je suis en navigation privé.

pas de changement en supriment le tout 

{block name='product_tabs'}
              <div class="tabs">
                <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"
                         >{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"
			          >{l s='Details produit' d='Shop.Theme.Catalog'}</a>
                  </li>

 

Share this post


Link to post
Share on other sites

Bon, c'ets moi qui n'était pas sur la bonne longueur d'onde.

C'est sur la ligne

class="nav-link{if $product.description} active{/if}"

et

class="nav-link{if !$product.description} active{/if}"

Donc il faut juste laisser active sur celui que vous désirez afficher.

Share this post


Link to post
Share on other sites

ok, comme, la le bouton "descrition" a bien disparu, mais le texte reste toujour sur la description et pas sur le detail.

 {block name='product_tabs'}
              <div class="tabs">
                <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='Details produit' d='Shop.Theme.Catalog'}</a>
                  </li>

 

Quand je clic detail j'ai bien le detail mais il ne vient pas dessuite à l'ouverture de la page. et c'est bien celà que j'aimerai arrivé à faire.

 

Capture d’écran 2020-02-24 à 18.52.55.png

Share this post


Link to post
Share on other sites

Vous ne savez pas du tout lire ce code.

Donc vous ne comprenez pas du tout ce que je dit à moins que je vous donne le code précis pour votre besoin mais sans apprendre le moindre truc ?

Si tel est le cas, je peux vous accompagner en faisant les choses à votre place mais pour cela je me fait rémunérer https://www.prestatoolbox.fr/content/35-contrats-de-maintenance-prestashop

sinon je vous ai déjà tout expliqué vous permettant de le faire.

Share this post


Link to post
Share on other sites

Effectivement, je ne sais pas le lire, j'essaye comme je peux avec justement l'aide que peut m'apporter ce forum. Et je comprend parfaitement que si c'est votre boulot, le besoin de rémunération se presente. Je vais donc dans un 1er temps relire scrupulement notre echange et vous remerci pour votre aide apporté jusqu'à là. C'est que (je suis dans l'horticulture moi... chaqun son boulot vous me direz!)

Edited by Matt67520 (see edit history)

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