Où trouver l'élément à déplacer ?

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

  • [RÉGLÉ] Où trouver l'élément à déplacer ?

    Quelque chose qui me paraissait simple, au final après 2 heures de stress je lâche prise :-(
    Sur l'un de mes sites j'ai installé le composant "portfolio pro" de chez Joomlaux
    Mais les possibilités natives sont très limitées.
    Je souhaiterai mettre en haut de page les sélecteurs previous et next en code ci-dessous, dans la console j'y arrive bien sur, mais je n'arrive pas à retrouver ceci dans les différents dossiers ;-(
    Voici le lien et le code


    <div class="nav-links">
    <div class="nav-previous">
    <a class="prev-project" href="/component/jux_portfolio_pro/item/5-model-05-round-square.html">
    <i class="post-navigation-icon fa fa-long-arrow-left"></i>
    </a>
    </div>
    <i class="fa fa-th-large"></i>
    <div class="nav-next">
    <a class="next-project" href="/component/jux_portfolio_pro/item/7-model-07-chocolate-bar.html">
    <i class="post-navigation-icon fa fa-long-arrow-right"></i>
    </a>
    </div>
    </div>

    Dernière édition par reivilo78 à 10/08/2019, 09h04
    Quelques liens de mon univers professionnel
    www.andeo.be
    www.websseo.be
    www.stop-humidite.pro

  • #2
    salut,
    il faut aller dans extensions > plugins > navigation entre les pages ...
    puis changer la position pour au dessus.
    verifies le parametre relatif a si tu le veux au dessus du titre ou du contenu de ton article
    Dernière édition par lefabdu51 à 29/07/2019, 06h51
    woluweb likes this.
    Mon site en cours de construction avec de nouvelles catégories de documents...
    https://informaticien51.fr

    Commentaire


    • #3
      Bonjour lefabdu51, et merci pour ta réponse.
      J'ai tenté, mais ceci ne fonctionne pas.
      Mon portfolio pro est un composant et un module de chez Joomlaux, je ne pense pas qu'ils emploient lia navigation plugin de joomla.
      J'ai testé toutes les possibilité proposées par le pugin que tu indique, mais rien ne change.
      Quelques liens de mon univers professionnel
      www.andeo.be
      www.websseo.be
      www.stop-humidite.pro

      Commentaire


      • #4
        C'est la pagination Joomla et c 'est ce qui est a faire sur un joomla natif.

        Dans ce cas, regardes dans le dossier tmpl du composant. C'est la ou sont stockées les vues.
        Si tu peux envoyer la liste des fichiers de ce dossier, je serait plus en mesure de t aiguiller sur le bon fichier et ce qui doit bouger dans celui ci.
        N'utilisant pas ce composant difficille de t en dire plus de prime abord.
        Et il faudras créer une surcharge.
        Mon site en cours de construction avec de nouvelles catégories de documents...
        https://informaticien51.fr

        Commentaire


        • #5
          ok.
          J'ai trouvé le fichier dans Item - tmpl - default_gallery_half_width.php

          Voici le contenu ci-dessous

          Code PHP:
          <?php

          /**

          * @version $Id$

          * @author JoomlaUX

          * @package Joomla.Site

          * @subpackage com_jux_portfolio_pro

          * Copyright Copyright (C) 2016 by JoomlaUX. All rights reserved.

          * @license http://www.gnu.org/licenses/gpl.html

          */



          // no direct access

          defined('_JEXEC') or die('Restricted access');

          $item=$this->item;

          $items=$this->items;

          $params=$this->params;

          $document JFactory::getDocument();



          //include css

          $document->addStyleSheet(JUri::base().'components/com_jux_portfolio_pro/assets/css/gallery_half_width.css');

          //image

          $padding=$params->get('padding');

          $height_image_gallerys=$params->get('height_image_gallerys');

          //color text
          Code PHP:
          $hover_dir=$params->get('hover_dir');//hover dir on/off

          $custom_time=$params->get('custom_time');

          $date_time=$params->get('date_time');

          $style_lightbox=$params->get('style_lightbox');

          ?>

          <div id="jux_portfolio_pro" class="layout_gallery_half_width">

          <?php

          $string
          =$item->description;

          $description=(str_replace('<hr id="system-readmore" />',' ',$string));



          ?>

          <div class="jux-wrapper">
          <div class="image hover_content">

          Code PHP:
          <div class="jux-content">

          <div class="item" >

          <div class="juxp-icon">

          <div class="icon1">

          <div class="icon">

          <a href="<?php echo $item->large_image;?>"

          class="jux-icon1 jux-lightbox"

          title="<?php echo $item->title?>"

          data-lightbox-gallery="jux-portfolio-gallery"

          data-lightbox-type="inline">

          <i class="fa fa-search zoom" aria-hidden="true"></i>

          </a>

          </div>

          </div>

          </div>



          <img src="<?php echo $item->large_image;?>" alt="<?php echo $item->title;?>" />

          <div class="item-info"></div>



          </div>

          </div>

          <?php

          $gallery1
          =json_decode($item->gallery);

          if( 
          $gallery1):

          foreach(
          $gallery1 as $gallery):

          if(
          $gallery->path_image!=''):

          ?>

          <div class="jux-content">

          <div class="item" >

          <div class="juxp-icon">

          <div class="icon1">

          <div class="icon">

          <a href="<?php echo JUri::base() . $gallery->path_image?>"

          class="jux-icon1 jux-lightbox"

          data-lightbox-gallery="jux-portfolio-gallery"

          data-lightbox-type="inline"

          title="<?php echo $gallery->title?>">

          <i class="fa fa-search" aria-hidden="true"></i>

          </a>

          </div>

          </div>

          </div>

          <img src="<?php echo JUri::base() . $gallery->path_image?>" alt="<?php echo $gallery->title?>" />

          <div class="item-info"></div>



          </div>

          </div>

          <?php endif;

          endforeach;

          endif;

          ?>

          </div>



          <div class="content-footer">

          <div class="jux-description">

          <div class="jux-des-title"><?php echo $item->title?><div class="line1"></div></div>

          <div class="jux-des-description"><?php echo $description;?></div>

          </div>



          <div class="jux-more-data">

          <div class="jux-data-caption"><?php echo JText::_('JUX_PORTFOLIO_PRO_DATE'); ?></div>

          <div class="jux-data-content">

          <?php if($custom_time==''){

          $date=date_create($item->created); echo date_format($date,$date_time);

          }else{

          $date=date_create($item->created); echo date_format($date,$custom_time);

          }

          ?>

          </div>



          <div class="jux-data-caption"><?php echo JText::_('JUX_PORTFOLIO_PRO_CATEGORY'); ?></div>

          <div class="jux-data-content"><?php echo $item->category_title;?></div>



          <div class="jux-data-caption"><?php echo JText::_('JUX_PORTFOLIO_PRO_CLIENT_SITE'); ?></div>

          <div class="jux-data-content"><a href="<?php echo $item->client_site;?>" target="_blank"><?php echo $item->client_site;?></a></div>



          <div class="jux-data-caption"><?php echo JText::_('JUX_PORTFOLIO_PRO_TAGS'); ?></div>

          <?php if($this->item->tags!=''):?>

          <div class="jux-tags jux-data-content">

          <?php foreach ($this->item->tags as $tag):?>

          <span class="tag1"><?php echo $tag['titletag'];?></span>

          <?php endforeach; ?>

          </div>

          <?php endif;?>

          <?php

          if(json_decode($item->info_other) != '' ):

          $skill_label json_decode($item->info_other)->cmt_name;

          $skill_value json_decode($item->info_other)->cmt_link;

          foreach (
          $skill_label as $k => $label) :

          $lab = isset($skill_label[$k]) ? $skill_label[$k] : '';

          $val = isset($skill_value[$k]) ? $skill_value[$k] : '';

          if ( 
          $lab != '' && $val != '' ) :?>

          <div class="jux-data-caption"><?php echo $lab?></div>

          <div class="jux-data-content"><?php echo $val;?></div>

          <?php

          endif;

          endforeach;

          endif; 
          ?>



          </div>

          </div>

          </div>







          <?php if($params->get('show_related')==1): ?>

          <!-- next previous item -->

          <div class="post-navigation">

          <div class="nav-links">

          <div class="nav-previous">

          <a class="prev-project<?php echo $this->prevItem '' ' hidden'?>"

          href="<?php echo $this->prevItem Jux_Portfolio_ProHelperRoute::getItemRoute($this->prevItem->slug) : 'javascript:void(0);'?>">

          <i class="post-navigation-icon fa fa-long-arrow-left"></i>

          </a>

          </div>

          <i class="fa fa-th-large"></i>

          <div class="nav-next">

          <a class="next-project<?php echo $this->nextItem '' ' hidden'?>"

          href="<?php echo $this->nextItem Jux_Portfolio_ProHelperRoute::getItemRoute($this->nextItem->slug) : 'javascript:void(0);'?>">

          <i class="post-navigation-icon fa fa-long-arrow-right"></i>

          </a>

          </div>

          </div>

          </div>

          <!-- end next previous item -->

          <div class="gallery-related-project"><?php echo JText::_('JUX_PORTFOLIO_PRO_RELATED_PROJECT'); ?><div class="line"></div></div>

          <div class="jux-related-project">

          <div class="jux-clearfix <?php echo $params->get('style_hover_related_project');?>">

          <?php foreach($items as $item):

          $layout_classic=$params->get('layout_classic');

          $image_url=$item->large_image;

          if( 
          $layout_classic=='portrait' ){

          $image_width=450;

          $image_height=650;

          } elseif ( 
          $layout_classic=='squared' ) {

          $image_width=600;

          $image_height=600;

          } elseif ( 
          $layout_classic=='landscape' ) {

          $image_width=700;

          $image_height=450;

          }

          // $link = JRoute::_(Jux_Portfolio_ProHelperRoute::getItemRou te($item->id)). '-' . $item->alias;

          $link JRoute::_(Jux_Portfolio_ProHelperRoute::getItemRou te($item->id.'-'.$item->alias));

          if( 
          $layout_classic) {

          $image JuxPortfolioProHelper::renderImage($item->title$link,$image_url$params,$image_width$image_height);

          }



          ?>

          <div class="jux-image-related owl-carousel owl-theme owl-loaded">

          <div class="item">

          <div class="juxp-icon">

          <div class="icon1">



          <div class="jux-link">

          <a href="<?php echo $link;?>"><?php echo $item->title;?></a>

          </div>

          <div class="jux-category1">

          <?php echo $item->category_title;?>

          </div>

          </div>

          </div>



          <?php echo $image;?>

          <div class="item-info"></div>



          </div>

          </div>

          <?php endforeach; ?>

          </div>

          </div>

          <?php endif;?>





          </div>



          <?php

          $style
          ='';



          $style .='.jux-content{

          padding:'
          .$padding.'px!important;

          }'
          ;

          $style.='#jux_portfolio_pro .jux-wrapper .image .item img{

          height:'
          .$height_image_gallerys.'px!important;

          }'
          ;



          if(
          $params->get('Overlay_Style_related_project')==1):

          $style .='.jux-related-project .jux-category1{

          display:none!important;

          }'
          ;

          endif;

          if(
          $params->get('show_infor','1')==0):

          $style .='.jux-more-data{

          display:none!important;

          }'
          ;

          endif;

          $document->addStyleDeclaration($style);// add style css

          ?>



          <?php

          $document 
          JFactory::getDocument();

          $custom_css $params->get("custom_css");

          $document->addStyleDeclaration($custom_css);

          ?>

          <script type="text/javascript">

          !function($){

          jQuery(document).ready(function ($) {

          $('.hover_content a.jux-lightbox').nivoLightbox({

          effect:'<?php echo $style_lightbox;?>', // The effect to use when showing the lightbox

          theme: 'default', // The lightbox theme to use

          keyboardNav: true, // Enable/Disable keyboard navigation (left/right/escape)

          clickOverlayToClose: true, // If false clicking the "close" button will be the only way to close the lightbox

          onInit: function(){}, // Callback when lightbox has loaded

          beforeShowLightbox: function(){}, // Callback before the lightbox is shown

          afterShowLightbox: function(lightbox){}, // Callback after the lightbox is shown

          beforeHideLightbox: function(){}, // Callback before the lightbox is hidden

          afterHideLightbox: function(){}, // Callback after the lightbox is hidden

          onPrev: function(element){}, // Callback when the lightbox gallery goes to previous item

          onNext: function(element){}, // Callback when the lightbox gallery goes to next item

          errorMessage: 'The requested content cannot be loaded. Please try again later.' // Error message when content can't be loaded

          });

          });



          }(jQuery);

          </script>



          <?php if($hover_dir==1): ?>

          <script type="text/javascript">

          jQuery(document).ready(function ($) {

          $(' .jux-content > .item').each( function() { $(this).hoverdir({

          // hoverDelay : 75

          }); } );

          $(' .jux-image-related > .item').each( function() { $(this).hoverdir({

          // hoverDelay : 75

          }); } );

          });

          </script>

          <?php endif; ?>

          <script type="text/javascript">

          jQuery(document).ready(function ($) {

          var owl = $('.jux-clearfix');

          owl.owlCarousel({

          margin: 25,

          nav: true,

          dots:false,

          autoplay:<?php if ($params->get('auto_play_related''false') == 0) echo 'false'; else echo 'true'?>,

          loop:<?php if ($params->get('jux_loop_related''false') == 0) echo 'false'; else echo 'true'?>,

          autoHeight:false,

          autoplayTimeout:<?php echo $params->get('speed_slider_related');?>,

          autoplayHoverPause: <?php if ($params->get('stop0nHover_related''false') == 0) echo 'false'; else echo 'true'?>,

          rtl:<?php if ($params->get('jux_rtl_related') == 0) echo 'false'; else { echo "true"; } ?>,

          navText: ['<svg width="100%" height="100%" viewBox="0 0 11 20"><path style="fill:none;stroke-width: 1px;stroke: #000;" d="M9.554,1.001l-8.607,8.607l8.607,8.606"/></svg>','<svg width="100%" height="100%" viewBox="0 0 11 20" version="1.1"><path style="fill:none;stroke-width: 1px;stroke: #000;" d="M1.054,18.214l8.606,-8.606l-8.606,-8.607"/></svg>'],

          responsive: {

          0: {

          items: 1

          },

          600: {

          items: 2

          },

          1000: {

          items: <?php echo $params->get('item_related_project');?>

          }

          }

          })

          })
          </script>


          Dernière édition par ghazal à 30/07/2019, 10h02
          Quelques liens de mon univers professionnel
          www.andeo.be
          www.websseo.be
          www.stop-humidite.pro

          Commentaire


          • #6
            C'est ce code qui sert pour la pagination:
            Code:
            <div class="post-navigation">
            
            <div class="nav-links">
            
            <div class="nav-previous">
            
            <a class="prev-project<?php echo $this->prevItem ? '' : ' hidden'; ?>"
            
            href="<?php echo $this->prevItem ? Jux_Portfolio_ProHelperRoute::getItemRoute($this->prevItem->slug) : 'javascript:void(0);'; ?>">
            
            <i class="post-navigation-icon fa fa-long-arrow-left"></i>
            
            </a>
            
            </div>
            
            <i class="fa fa-th-large"></i>
            
            <div class="nav-next">
            
            <a class="next-project<?php echo $this->nextItem ? '' : ' hidden'; ?>"
            
            href="<?php echo $this->nextItem ? Jux_Portfolio_ProHelperRoute::getItemRoute($this->nextItem->slug) : 'javascript:void(0);'; ?>">
            
            <i class="post-navigation-icon fa fa-long-arrow-right"></i>
            
            </a>
            
            </div>
            
            </div>
            
            </div>
            Mon site en cours de construction avec de nouvelles catégories de documents...
            https://informaticien51.fr

            Commentaire


            • #7
              Oui j'avais trouvé ce cade grâce à l'annotation <!-- next previous item -->
              Que dois-je faire avec ceci ?
              Quelques liens de mon univers professionnel
              www.andeo.be
              www.websseo.be
              www.stop-humidite.pro

              Commentaire


              • #8
                Ce code est le code utilisé pour générer ta pagination.
                tu le deplaces juste en dessous de cette ligne:
                Code:
                <div id="jux_portfolio_pro" class="layout_gallery_half_width">
                Normalement, la il sera juste au dessus du texte d'intro.
                Après, si ce n est pas la ou tu souhaites le voir, alors teste ailleurs....
                Ne pouvant tester, je ne peus t en dire guere plus que cela.
                Il faut le positionner ou tu souhaites, et ensuite le mettre en forme via CSS au besoin.
                Mon site en cours de construction avec de nouvelles catégories de documents...
                https://informaticien51.fr

                Commentaire


                • #9
                  Ok merci, je vais tester ceci.
                  Bonne journée.
                  Quelques liens de mon univers professionnel
                  www.andeo.be
                  www.websseo.be
                  www.stop-humidite.pro

                  Commentaire


                  • #10
                    Malheureusement ça ne fonctionne pas.
                    J'ai modifié le fichier default_gallery_half_width.php en mettant à l'endroit indiqué le code de navigation, et j'en ai profité pour supprimer les "related projets" qui étaient en dessous.
                    J'ai constaté que j'avais également le même code dans default_gallery_full_width.php, j'y ai donc appliqué les mêmes modifications.
                    Le plugin navigation est bien sur "au-dessus" avec titre et pied en relatif.

                    Voici donc le code que j'ai déplacé en dessous de "<div id="jux_portfolio_pro" class="layout_gallery_half_width"> "

                    <?php if($params->get('show_related')==1): ?>

                    <!-- next previous item -->

                    <div class="post-navigation">

                    <div class="nav-links">

                    <div class="nav-previous">

                    <a class="prev-project<?php echo $this->prevItem ? '' : ' hidden'; ?>"

                    href="<?php echo $this->prevItem ? Jux_Portfolio_ProHelperRoute::getItemRoute($this->prevItem->slug) : 'javascript:void(0);'; ?>">

                    <i class="post-navigation-icon fa fa-long-arrow-left"></i>

                    </a>

                    </div>

                    <i class="fa fa-th-large"></i>

                    <div class="nav-next">

                    <a class="next-project<?php echo $this->nextItem ? '' : ' hidden'; ?>"

                    href="<?php echo $this->nextItem ? Jux_Portfolio_ProHelperRoute::getItemRoute($this->nextItem->slug) : 'javascript:void(0);'; ?>">

                    <i class="post-navigation-icon fa fa-long-arrow-right"></i>

                    </a>

                    </div>

                    </div>

                    </div>

                    <!-- end next previous item -->



                    <?php endif;?>
                    Quelques liens de mon univers professionnel
                    www.andeo.be
                    www.websseo.be
                    www.stop-humidite.pro

                    Commentaire


                    • #11
                      Le procédé est correct, je n'était juste pas au bon endroit.
                      Il fallait que je sois bien évidement avant tout dans le répertoire Template
                      Quelques liens de mon univers professionnel
                      www.andeo.be
                      www.websseo.be
                      www.stop-humidite.pro

                      Commentaire


                      • #12
                        Si le problème est réglé merci de l'indiquer.
                        Pour cela voir l'encadré ci-dessous.
                        Lorsque l'on se cogne la tête contre un pot et que cela sonne creux, ça n'est pas forcément le pot qui est vide.
                        Confucius

                        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

                        Partenaire de l'association

                        Réduire

                        Hébergeur Web PlanetHoster
                        Travaille ...
                        X