Joomladay francophone 2018 à Paris 18 et 19 mai

Flypage avec des tabs

Réduire
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Flypage avec des tabs

    Bonjour à tous,

    Voilà, je souhaiterai utiliser des tabs dans ma flypage sous virtuemart.
    Exemple de site qui utilise ce système.

    http://http://www.cofit.co.uk/index....hk=1&Itemid=27

    D'avance merci.

    /*****************************/
    .:.hybris.:.
    stevenc123@hotmail.com
    /*****************************/

  • #2
    Tabs sur flypage

    Tu trouveras des infos sur le forum de virtuemart.net en tapant une recherche "tabs". J'ai imprimé ces infos et donc j'ai pas gardé le lien, le sujet est bien développé et précis.
    Tu trouveras aussi un mambot (gratuit) qui permets de générer des tabs et des effets de slide chez joomlaworks: http://joomlaworks.gr/
    Si tu choisis joomlaworks, idem ils ont bien détaillé sur leur forum, l'implémentation dans virtu.

    Commentaire


    • #3
      Ok c tout bon ! / astuce

      bonjour à tous,

      Merci looldemars pour ta réponse.
      Bon pour ceux que ça intéresse d'utiliser des slides ou des tabs et des images supplémentaire dans virtuemart suivez le guide .
      ( C simple et très efficace.)

      1/ Télécharger les Mambots suivants (www.joomlaworks.gr) :

      Tabs/Slides:
      http://www.joomlaworks.gr/mint/peppe...slides_2.2.zip

      Simple Image Gallery:
      http://www.joomlaworks.gr/mint/peppe..._sig_1.2.1.zip

      2/installer et publier
      Dans l'admin allez dans le menu Installation/Mambots cliquer sur parcourir et sélectionner les Mambots que vous venez de télécharger.
      N’oubliez pas de les publiés !

      3/ Il ne reste plus qu'a chargé les variables Mambots avec virtuemart.
      Pour ce faire vous devez éditer le fichier suivant :
      \administrator\components\com_virtuemart\html\shop .product_details.php

      Allez jusqu’à la ligne contenant le code suivant :

      Code:
      /** Get the CATEGORY NAVIGATION **/
      Insérez le code suivant juste au-dessus :

      Code:
      //hybris
      global $_MAMBOTS;
      $_MAMBOTS->loadBotGroup( 'content' );
      $row->text = $product_description;
      $results = $_MAMBOTS->trigger( 'onPrepareContent', array( &$row, &$params, $page ), true );
      $product_description = $row->text;
      //hybris
      
      /** Get the CATEGORY NAVIGATION **/
      4/ Et voila, maintenant allez dans le composant Virtuemart sélectionner un produit.

      Dans le champ /*Description Complète:*/ et copier le code suivant :

      Code:
      {tab=Description}
      Exemple 1
      {tab=Specifications}
      Exemple2
      {tab=Photos}
      Crée un repertoire photo dans /votresite/images/stories/
      Copier des photo d’exemple
       {gallery}photo{/gallery}
      {/tabs}
      C du plus bel effet. J’espere que cela pourra vous être utile.

      /*****************************/
      .:.hybris.:.
      stevenc123@hotmail.com
      /*****************************/

      Commentaire


      • #4
        la solution

        http://www.plainlycode.com/virtuemar...irtuemart.html

        Commentaire


        • #5
          Salut

          Merci pour toutes ces infos.

          J'ai fait les modifs et ça marche tres bien, sauf que mon effet lightbox a completement foiré, il faut cliquer 3 fois sur la photos pour avoir une chance qu'elle s'ouvre!
          J'ai viré le code dans shop.product.detail et l'effet lightbox est de retour, mais bien evidement plus de tabs.

          Quelqu'un aurait il une idée de piste a suivre.

          D'avance merci

          Commentaire


          • #6
            pas besoin de mambots pour ça...

            bonjour,
            Il y a un script inclus dans toute les installations joomla dans include/ qui s'appelle tabpane.js.
            Tres pratique et tres simple a implanter. (http://webfx.eae.net/dhtml/tabpane/tabpane.html pour plus d'infos)
            A+
            Mathieu

            Commentaire

            Annonce

            Réduire
            1 sur 2 < >

            C'est [Réglé] et on n'en parle plus ?

            A quoi ça sert ?
            La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

            Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

            Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
            Comment ajouter la mention [Réglé] à votre discussion ?
            1 - Aller sur votre discussion et éditer votre premier message :


            2 - Cliquer sur la liste déroulante Préfixe.

            3 - Choisir le préfixe [Réglé].


            4 - Et voilà… votre discussion est désormais identifiée comme réglée.

            2 sur 2 < >

            Assistance au forum - Outil de publication d'infos de votre site

            Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

            Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

            Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

            UTILISER À VOS PROPRES RISQUES :
            L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

            Problèmes connus :
            FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

            Installation :

            1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

            Archive zip : https://github.com/AFUJ/FPA/zipball/master

            2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

            3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

            4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

            5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

            6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
            et remplacer www. votresite .com par votre nom de domaine


            Exemples:
            Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
            Télécharger le script fpa-fr.php dans: /public_html/
            Pour executer le script: http://www..com/fpa-fr.php

            Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
            Télécharger le script fpa-fr.php dans: /public_html/cms/
            Pour executer le script: http://www..com/cms/fpa-fr.php

            En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

            Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
            Voir plus
            Voir moins
            Travaille ...
            X