Jump to content

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

  • 2 weeks later...
  • 2 weeks later...

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

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

  • 1 year later...

Je ressort un vieux dossier que je ne suis finalement toujours pas arrivé à regler...

Pour cela je suis allé travailler le fichier

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

J'ai mis en commentaire les lignes suivantes : 

{block name='product_tabs'}
               <div class = "tabs" > <ul class = "nav nav-tabs" role = "tablist" > 
                  
                  {si $product.description}
                   <!-- <li class="nav-item">
                       <a
                         class="nav-link{if $product.description} actif js-product-nav-active{/if}"
                         data-toggle="tab"
                         href="#description"
                         role="tab"
                         aria-controls="description"
                         {if $product.description} aria-selected="true"{/if}>{ls='Description' d='Shop.Theme.Catalog'}</a>
                    </li> -->
                  {/si}
                  <li class = "nav-item" > 

 

et :

 

</li>
                  {/pour chaque}
                </ul> <!--

                <div class="tab-content" id="tab-content">
                 <div class="tab-pane fade in{if $product.description} active js-product-tab-active{/if}" id="description" role="tabpanel">
                   {nom du bloc='description_du_produit'}
                     <div class="product-description">{$product.description nofilter}</div>
                   {/bloquer}
                 </div>
-->
                 {nom du bloc='détails_du_produit'}
                   {include file='catalog/_partials/product-details.tpl'}
                 {/bloquer}

                 {nom du bloc='product_attachments'}

 

Ainsi j'obtiens celà :

Détails produit est bien seul là, mais rien ne s'affiche. je suis obligé de cliquer sur 'detrails produit' pour que le détail s'affiche effectivement.

Une solution pour que le détail s'affiche directement sans cliquer ?

Capture d’écran 2022-01-12 à 18.05.22.png

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
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More