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.cleanwash.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 aime ceci.

    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.cleanwash.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.

        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.cleanwash.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>

            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.cleanwash.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.

                Commentaire


                • #9
                  Ok merci, je vais tester ceci.
                  Bonne journée.
                  Quelques liens de mon univers professionnel
                  www.andeo.be
                  www.cleanwash.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.cleanwash.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.cleanwash.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
                        Aucune annonce pour le moment.

                        Partenaire de l'association

                        Réduire

                        Hébergeur Web PlanetHoster
                        Travaille ...
                        X