[RESOLU] PS 1.7 - Ajout seconde description produit

[Unplowed]

Bonjour,

Je tente, en vain, de créer une seconde "description" pour mes fiches produits. On a donc le "sommaire", la "description" et je souhaiterai ajouter une "description détaillée" (qui est appelée "Technical" dans mon cas).

J'ai réussi à créer la partie saisie dans le back office, ainsi que la table dans la BDD... Seulement je n'arrive pas à afficher le texte sur ma fiche produit (en front office donc). J'arrive à faire afficher l'onglet avec le titre, mais pas moyen d'afficher le texte saisi dans le back office (quand on clique sur l'onglet, ça affiche le texte de l'onglet description.. mais ce doit être un simple bug du faite que l'onglet "Technical Data" n'arrive pas à afficher son texte). Comme si l'onglet n'arrivait pas à aller chercher le texte dans la BDD (alors qu'il y est bien).
J'ai du louper une étape toute bête mais... Je n'y arrive vraiment pas 😒

Je joins du code et des screens... Mon site étant en local, je ne peux pas partager le lien  .
Je suis sous Presta 1.7.7.1

Merci pour votre aide.

La page Product.tpl:

<div class="row">
		<div class="col-xs-12">
			{block name='product_tabs'}
            <div class="tabs {if $postheme.product_infotab == 1}tabs-left{else if $postheme.product_infotab == 2} tabs-right {/if}">  
                <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}
                  {if $product.technical}
                  <li class="nav-item">
                    <a
                      class="nav-link{if $product.technical} {/if}"
                      data-toggle="tab"
                      href="#technical"
                      role="tab"
                      aria-controls="technical"
                      {if !$product.technical} aria-selected="true"{/if}>Technical Data</a>
                  </li>
                  {/if}
				  {hook h='ProductTab'}
                  {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>

 

 

 

 

Edited March 9, 2021 by Unplowed (see edit history)

[Remy FRK Corp]

Bonjour Unplowed

vous aurez peut être quelques lumières en jetant un œil à ce post :

et aussi sur le tuto de webbax (en adaptant un peu car le tuto date un peu) :

 

http://www.webbax.ch/2011/06/24/comment-ajouter-un-nouveau-champ-sur-la-fiche-produit-et-dans-le-back-office-prestashop/

en espérant que ça vous aide à mettre le doigt sur ce qui cloche

bon courage à vous

Edited March 3, 2021 by Remy FRK Corp (see edit history)

[Shonen]

Salut, 

Dans ton Product.tpl, tu ne nous montre que la partie "nav-tabs" qui contient donc les tabulations. Mais tu ne nous montre pas le code contenu dans les tabulations, à savoir $product.description et $product.technical

Il te faut dans la parie "tab-content", que tu echo ton technical.

<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 in{if $product.technical} active{/if}" id="technical" role="tabpanel">
    {block name='product_technical'}
    <div class="product-technical">{$product.technical nofilter}</div>
    {/block}
  </div>

 

[Remy FRK Corp]

Hello.

Si l' echo est bien passé et que niveau select c'est good aussi. essayez de désactiver les caches pour voir ce que ca dit.

Edited March 4, 2021 by Remy FRK Corp (see edit history)

[Unplowed]

On 3/4/2021 at 10:01 AM, Shonen said:

Salut, 

Dans ton Product.tpl, tu ne nous montre que la partie "nav-tabs" qui contient donc les tabulations. Mais tu ne nous montre pas le code contenu dans les tabulations, à savoir $product.description et $product.technical

Il te faut dans la parie "tab-content", que tu echo ton technical.

<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 in{if $product.technical} active{/if}" id="technical" role="tabpanel">
    {block name='product_technical'}
    <div class="product-technical">{$product.technical nofilter}</div>
    {/block}
  </div>

 

C'était bien ça ! Je me doutais bien que c'était tout bête... Merci beaucoup (les autres aussi  ).

En revanche, j'ai dû supprimer le "active" (avant le {/if} ) car sinon le texte des 2 "descriptions" s'affichait en même temps (comme si les 2 onglets étaient actifs en même temps).

Encore merci.