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

Matt67520 · January 29, 2020

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

Matt67520 · January 29, 2020

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}

Matt67520 · February 12, 2020

Personne n'a d'idée? Je reste toujours à la recherche de solutions pour ce problème.

https://www.liriseraie.fr/

Matt67520 · February 24, 2020

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...

Mediacom87 · February 24, 2020

remplacez

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

par

 aria-selected="true"

Matt67520 · February 24, 2020

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.

Mediacom87 · February 24, 2020

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"

Matt67520 · February 24, 2020

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 February 24, 2020 by Matt67520 (see edit history)

Matt67520 · February 24, 2020

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}

Mediacom87 · February 24, 2020

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 ?

Matt67520 · February 24, 2020

pas de changement...

Mediacom87 · February 24, 2020

bien entendu vous avez vidé le cache PrestaShop ?

Avez vous essayé en effaçant

 aria-selected="false"

Matt67520 · February 24, 2020

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>

Matt67520 · February 24, 2020

Je dois bien faire cette modification sur les 2 lignes?

Matt67520 · February 24, 2020

Je viens d'activé emporairement la boutique si besoin.

Mediacom87 · February 24, 2020

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.

Matt67520 · February 24, 2020

Ok, donc pour désactivé j'ecris quoi?

Mediacom87 · February 24, 2020

rien sinon je vous l'aurez indiqué.

Matt67520 · February 24, 2020

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.

Mediacom87 · February 24, 2020

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.

Matt67520 · February 24, 2020

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 February 24, 2020 by Matt67520 (see edit history)

Matt67520 · January 12, 2022

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 ?

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

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in