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

[reivilo78]

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>

[lefabdu51]

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

[reivilo78]

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.

[lefabdu51]

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.

[reivilo78]

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

Voici le contenu ci-dessous

<?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

$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">

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

[lefabdu51]

C'est ce code qui sert pour la pagination:

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

[reivilo78]

Oui j'avais trouvé ce cade grâce à l'annotation <!-- next previous item -->
Que dois-je faire avec ceci ?

[lefabdu51]

Ce code est le code utilisé pour générer ta pagination.
tu le deplaces juste en dessous de cette ligne:

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

[reivilo78]

Ok merci, je vais tester ceci.
Bonne journée.

[reivilo78]

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;?>

[reivilo78]

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

[lesoutier]

Si le problème est réglé merci de l'indiquer.
Pour cela voir l'encadré ci-dessous.