osCommerce France : Accueil Forum Portail osCommerce France Réponses aux questions Foire aux contributions

Bienvenue invité ( Connexion | Inscription )

 
Reply to this topicStart new topic
> tabs dans product_info
med
posté 29 Nov 2010, 16:52
Message #1


Ceinture jaune OSC
Icône de groupe

Groupe : Membres
Messages : 69
Inscrit : 4-March 08
Lieu : Everywhere
Membre no 21032



Pour ceux qui voudrait avoir des tabs dans la page produits, c'est très simple.

mettez ce code dans product_info.php après la ligne 187

Code
<!--tabs-->
<script>
$(document).ready(function() {
$("#tabs").tabs();
});
</script>
<div id="tabs">
<ul>
<li><a href="#fragment-1"><span>One</span></a></li>
<li><a href="#fragment-2"><span>Two</span></a></li>
<li><a href="#fragment-3"><span>Three</span></a></li>
</ul>
<div id="fragment-1">
<p>First tab is active by default:</p>
<pre><code>$('#example').tabs();</code></pre>
</div>
<div id="fragment-2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
</div>
<div id="fragment-3">
Lorem ipsum sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<br />
Lorem ipsum sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
</div>
<!--/tabs-->


Il reste un problème le script devrait être mis dans le <head></head>(tamplate_top) et le code html dans la page (product_info) malheureusement ce n'est pas évident dans osc 2.3.1, si je fais cela, les tabs apparaissent sur toute les pages de la boutique :/ . Si quelqu'un sait comment remédier au problème...

A vous de tester quand même

Ce message a été modifié par med - 29 Nov 2010, 16:54.
Go to the top of the page
 
FoxP2
posté 29 Nov 2010, 16:57
Message #2


Ceinture marron OSC
Icône de groupe

Groupe : Membres
Messages : 1665
Inscrit : 3-June 09
Membre no 25501



non, tu peux le laisser dans la page products_info.(mais après les tabs, le temps que le dom se charge)
par contre, ton code n'est pas propre, il fait appel à l'objet windows ... risque d'embouteillage avec les globales sous javascript. une closure est nécessaire pour éviter cet effet de bord.
Go to the top of the page
 
med
posté 29 Nov 2010, 17:05
Message #3


Ceinture jaune OSC
Icône de groupe

Groupe : Membres
Messages : 69
Inscrit : 4-March 08
Lieu : Everywhere
Membre no 21032



oké foxP2 merci du conseil, je n'aurai malheureusement pas le temps de modifier ça aujourd'hui ni demain (en déplacement pro). Ce sera pour mercredi si personne veut corriger cette petite erreur avant.

bonne soirée à tous et toute

peace
Go to the top of the page
 

Reply to this topicStart new topic
1 utilisateur(s) sur ce sujet (1 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :

 



RSS Version bas débit Nous sommes le : 28th March 2024 - 23:16
Ce site est déclaré auprès de la commision Nationale
de l'Informatique et des Libertés (déclaration n°: 1043896)