Advertisement:

Author Topic: Un petit script de slider pour vos premiums  (Read 713 times)

bertrandg

  • Newbie
  • *
  • Posts: 34
Un petit script de slider pour vos premiums
« on: May 24, 2018, 09:07:34 pm »
J'ai adapté le script du thème "realestate" pour qu'il fonctionne avec la plupart des autres thèmes, le voici

Dans main.php de votre thème après

Code: [Select]
<?php osc_current_web_theme_path('header.php') ; ?>
Coller

Code: [Select]
<!-- DEBUT DU SLIDER -->

<div id="premium-stage" align="center">
<?php osc_get_premiums($max=200);?>
<?php if( osc_count_premiums() == 0) { ?>
<p class="empty"><?php _e('Pas d\'annonce premium') ; ?></p>
<?php } else {
$index 0;
?>

<?php while ( osc_has_premiums() ) {  ?>
<div class="ui-item">
<div class="frame">
<a href="<?php echo osc_premium_url() ; ?>"><?php if( osc_images_enabled_at_items() ) { ?>
<?php if( osc_count_premium_resources() ) { ?>
<img src="<?php echo osc_resource_preview_url() ; ?>"width="300" height="200" title="<?php echo osc_premium_title(); ?>" alt="<?php echo osc_premium_title(); ?>"/>
<?php } else { ?>
<img src="<?php echo osc_current_web_theme_url('images/no_photo.gif') ; ?>" alt="" title=""/>
<?php ?>
<?php } else { ?>
<img src="<?php echo osc_current_web_theme_url('images/no_photo.gif') ; ?>" alt="" title=""/>
<?php ?>
<div class="type"><?php echo osc_premium_category(); ?></div>
<?php if( osc_price_enabled_at_items() ) { ?><div class="price"><?php echo osc_premium_formated_price(); ?></div> <?php ?>
</a>
</div>
<div class="info">
<div>
<h3><a href="<?php echo osc_item_url() ; ?>"><?php if(strlen(osc_premium_title()) > 70){ echo substr(osc_item_title(), 070).'...'; } else { echo osc_premium_title(); } ?></a></h3>
</div>
<div class="author">
<?php echo osc_format_date(osc_premium_pub_date()); ?><br />
<?php echo osc_premium_city(); ?> (<?php echo osc_premium_region();?>)
</div>
</div>
</div>
<?php 
$index
++;
if(
$index == 0){
break; 
}
}
?>

<div class="clear"></div>
<?php View::newInstance()->_erase('items') ;
?>

<script type="text/javascript">
/* <![CDATA[ */
var slides = $("#premium-stage .ui-item:not(:last)").hide();
if(slides.length >= 1){
slider = setInterval('showNext()',3000);
}
function showNext(){
$("#premium-stage .ui-item:last").prev().fadeIn(0);
$("#premium-stage .ui-item:last").fadeOut(0,function(){
$(this).remove().prependTo('#premium-stage');
});
}
function showSlide(el){
clearInterval(slider);
if('#'+$("#slider-stage .slider:last").attr('id') != el){
$(el).remove().insertBefore("#slider-stage .slider:last");
showNext();   
}
}
/* ]]> */
</script>
</div>

<!-- FIN DU SLIDER -->

Vous pouvez également le mettre dans le sidebar sur certains thèmes

dans le fichier "item-sidebar après

Code: [Select]
<div id="sidebar">
Coller

Code: [Select]
<!-- DEBUT DU SLIDER -->
<div id="contact" class="widget-box form-container form-vertical" align="center">
<span class="texte05" align="center"><strong>Annonces à la Une</strong></span>
<div id="premium-stage" align="center">
<?php osc_get_premiums($max=200);?>
<?php if( osc_count_premiums() == 0) { ?>
<p class="empty"><?php _e('Pas d\'annonce premium') ; ?></p>
<?php } else {
$index 0;
?>

<?php while ( osc_has_premiums() ) {  ?>
<div class="ui-item">
<div class="frame">
<a href="<?php echo osc_premium_url() ; ?>"><?php if( osc_images_enabled_at_items() ) { ?>
<?php if( osc_count_premium_resources() ) { ?>
<img src="<?php echo osc_resource_preview_url() ; ?>"width="200" height="200" title="<?php echo osc_premium_title(); ?>" alt="<?php echo osc_premium_title(); ?>"/>
<?php } else { ?>
<img src="<?php echo osc_current_web_theme_url('images/no_photo.gif') ; ?>" alt="" title=""/>
<?php ?>
<?php } else { ?>
<img src="<?php echo osc_current_web_theme_url('images/no_photo.gif') ; ?>" alt="" title=""/>
<?php ?>
<div class="texte05"><?php echo osc_premium_category(); ?></div>
</div>
<div class="texte05">
<div>
<h3><a href="<?php echo osc_item_url() ; ?>"><?php if(strlen(osc_premium_title()) > 40){ echo substr(osc_item_title(), 040).'...'; } else { echo osc_premium_title(); } ?><br /><?php echo osc_premium_city(); ?> - <?php echo osc_premium_region();?></a></h3>
</div>
</div>
</div>
<?php 
$index
++;
if(
$index == 0){
break; 
}
}
?>

<div class="clear"></div>
<?php View::newInstance()->_erase('items') ;
?>
</div>
<script type="text/javascript">
/* <![CDATA[ */
var slides = $("#premium-stage .ui-item:not(:last)").hide();
if(slides.length >= 1){
slider = setInterval('showNext()',3000);
}
function showNext(){
$("#premium-stage .ui-item:last").prev().fadeIn(0);
$("#premium-stage .ui-item:last").fadeOut(0,function(){
$(this).remove().prependTo('#premium-stage');
});
}
function showSlide(el){
clearInterval(slider);
if('#'+$("#slider-stage .slider:last").attr('id') != el){
$(el).remove().insertBefore("#slider-stage .slider:last");
showNext();   
}
}
/* ]]> */
</script>
</div>

<!-- FIN DU SLIDER -->

Adapter les "class" selon les vôtres.
« Last Edit: May 31, 2018, 07:07:48 pm by bertrandg »