Du PHP dans un iframe

[FunkyJunky]

Bonjour à tous,

 

Sur le site http://www.maspatule.com/ustensile-de-cuisine-enfants/1696-fouet-silicone-enfant-mastrad.html on peut voir en bas de la page un petit menu à onglet avec les catégories "En savoir plus" et "Commentaires". Je souhaite réaliser la même chose. 

 

J'ai donc suivi le tuto de ce site : http://www.xul.fr/ecmascript/onglets.php pour mettre tout en forme. 

 

J'ai un problème au moment d'intégrer le PHP dans l'iframe. Comme le suggère le tuto, je dois créer des pages php correspondant à mes onglets. J'ai donc créé ensavoirplus.php et avis.php. J'ai récupéré le code du fichiers product.tpl afin de gérer les accès dynamiques aux commentaires et aux descriptions des produits. Cependant, rien ne s'affiche dans mon iframe ! 

 

Si joint un screen pour voir le soucis : http://imageshack.us/photo/my-images/536/662421.png

 

(la section d'en dessous "en savoir plus" est encore là parce que je n'ai pas touché au code du product.tpl, sauf pour rajouter ma frame. Mais c'est ça que je veux intégrer dans mon iframe !)

 

Ci joint le code rajouté dans product.tpl

<script src="http://www.masolutionbienetre.com/themes/default-bootstrap/tabs.js" type="text/javascript"></script>
<div id="content">
<div id="tabs">
<ul>
     <li><a href="#" rel="http://www.masolutionbienetre.com/themes/default-bootstrap/fichetechnique.php" class="selected"  onclick="loadit(this)">Fiche technique</a></li>
     <li><a href="#" rel="http://www.masolutionbienetre.com/themes/default-bootstrap/ensavoirplus.php" onClick="loadit(this)">En savoir +</a></li>
     <li><a href="#" rel="http://www.masolutionbienetre.com/themes/default-bootstrap/avis.php" onClick="loadit(this)">Avis</a></li>
</ul>
<iframe id="container"></iframe>
</div>
   
</div>

Le fichier fichetechnique.php : 

<?php 
<section class="page-product-box">
	<a class="page-product-heading">{l s='Data sheet'}</a>
	<table class="table-data-sheet">
		{foreach from=$features item=feature}
			<tr class="{cycle values="odd,even"}">
				{if isset($feature.value)}
					<td>{$feature.name|escape:'html':'UTF-8'}</td>
					<td>{$feature.value|escape:'html':'UTF-8'}</td>
				{/if}
			</tr>
		{/foreach}
	</table><
</section>
?>

Voilà, petit coup de main please

 

Merci d'avance.

[Szed]

Avant d'aller trop loin.

 

Le "en savoir plus", et "Commentaires", sont deux onglet présent dans la boite à onglet qui est déjà présente sur un bon 80% des thème, dont le thème par défaut. Cette boite à onglet accueil en général plusieurs autres onglet comme "caractéristiques", "téléchargement", etc.

Donc si vous voulez juste remettre ces 2 items en onglet, vous devriez simplement vous inspirer du thème par défaut, plutôt que de voir avec des iframes.

 

Ou alors, j'ai tres mal compris ^^

Edited July 24, 2014 by Szed (see edit history)

[FunkyJunky]

Ca veut dire qu'en cherchant via le Back Office de presta, je peux le faire ? 

 

Sans avoir à toucher au code ? 

 

Pour la version 1.6 ? 

 

Perso, ça m'arrange énormément de pas avoir à le coder ^^

[Szed]

Non, ca veut dire que le thème par défaut le fait, tout autant que 80% des thèmes.

Comparé donc votre product.tpl avec celui du thème par défaut, vous devriez avoir comme cela une tres bonne piste pour passer sous forme d'une boite à onglet.

 

Ensuite, le contenu des onglets, oui c'est géré par le BO.

L'onglet en savoir plus affiche en général la description longue.

L'onglet Avis clients utilise le module Commentaires des produits.

L'onglet Accessoires, utilises les accessoires associé à une fiche produit, etc.

[FunkyJunky]

Pourtant j'utilise le thème par défaut et je ne vois rien qui s'apparente à une boîte à onglet :S 

 

J'utilise la version 1.6.0.8 de prestashop et depuis la 1.6.0.1, la boîte à onglet qu'il y avait sur les fiches produits a été remplacée.

 

Exemple : http://www.masolutionbienetre.com/produits-de-soin-corps-et-visage-pour-femme/105-creme-de-jour-lissante-a-la-rose-musquee-.html

 

(ne pas considérer l'iframe que j'ai rajouté moi-même)

[FunkyJunky]

Up, personne n'a de solution pour retrouver cette petite boîte à onglet ?

 

J'ai fouillé tout le BO et le product.tpl et je n'ai absolument rien trouvé. 

 

Un petit coup de pouce ne serait pas de refus

[G.E.S.]

Non, ca veut dire que le thème par défaut le fait, tout autant que 80% des thèmes.

Comparé donc votre product.tpl avec celui du thème par défaut, vous devriez avoir comme cela une tres bonne piste pour passer sous forme d'une boite à onglet.

 

Ensuite, le contenu des onglets, oui c'est géré par le BO.

L'onglet en savoir plus affiche en général la description longue.

L'onglet Avis clients utilise le module Commentaires des produits.

L'onglet Accessoires, utilises les accessoires associé à une fiche produit, etc.

Bonjour, 

 

Êtes-vous sur que ça existe dans la version 1.6 de presta? 

 

Merci

[Szed]

Effectivement, autant pour moi !

Sur le thème bootstrap 1.6, il semble que la boite à onglet est disparu, et que chaque "onglet" soit les un en dessous des autres.

 

Du coup, c'est tout à fait possible de transformer cela en boite à onglet, mais il va effectivement falloir mettre les mains dans le code, et adapter le bas du product.tpl, selon un script de boite à onglet : vous pouvez tout simplement utiliser Bootstrap pour mettre en place des Tabs : http://getbootstrap.com/javascript/#tabs

[G.E.S.]

Ok. Merci