| Current Path : /home/pteabiscqq/www/libraries/quix/app/elements/slider-pro/ |
| Current File : /home/pteabiscqq/www/libraries/quix/app/elements/slider-pro/view.php |
<?php
// HTML class
$classes = classNames( "qx-element qx-element-{$type} {$field['class']}",$visibilityClasses, [
"wow {$field['animation']}" => $field['animation'],
"qx-hvr-{$field['hover_animation']}" => $field['hover_animation']
]);
// Animation delay
$animation_delay = '';
if( $field['animation'] AND array_key_exists('animation_delay', $field) ){
$animation_delay = 'data-wow-delay="'. $field['animation_delay'] .'s"';
}
// css
Assets::Css('qx-slick', QUIX_URL."/assets/css/slick.css");
// JS script
Assets::Js('qx-slick', QUIX_URL."/assets/js/slick.min.js");
// parallax script
if( $field['parallax_image'] ){
Assets::Js('qx-parallax', QUIX_URL."/assets/js/parallax.js");
}
// RTL detection
$direction = Jfactory::getDocument()->direction;
$script = array();
$script[] = 'fade: true';
$script[] = 'infinite: true';
$script[] = 'adaptiveHeight: true';
$script[] = ($field['arrows']) ? 'arrows:true' : 'arrows:false';
$script[] = ($field['dots']) ? 'dots:true' : 'dots:false';
$script[] = ($field['autoplay']) ? 'autoplay:true' : 'autoplay:false';
if( 'rtl' == $direction ){ $script[] = 'rtl:true'; }
$script[] = 'autoplaySpeed:' . $field['autoplay_speed'];
?>
<div id="<?php echo $id;?>" class="<?php echo $classes?>" dir="<?php echo $direction; ?>" <?php echo $animation_delay; ?>>
<div class="qx-sliders">
<?php foreach($field['sliders'] as $key => $slide):?>
<div class="qx-slide qx-slide-<?php echo ($key+1)?>" <?php echo ($field['parallax_image']) ? 'qx-parallax="bgy:-300"' : '' ?>>
<div class="qx-slide__container <?php echo ($field['v_center']) ? 'qx-flex qx-flex-column qx-flex-center' : '' ?><?php echo ( isset($slide['alignment']) ) ? ' qx-text-' . $slide['alignment'] : ''; ?>">
<?php if( $slide['title'] ) :?>
<?php // Hide title option - Since v1.7
if(isset($slide['hide_title'])):?>
<?php if(!$slide['hide_title']):?>
<h3 class="qx-slide__title"><?php echo $slide['title']?></h3>
<?php endif;?>
<?php else: ?>
<h3 class="qx-slide__title"><?php echo $slide['title']?></h3>
<?php endif;?>
<?php endif;?>
<?php if($slide['content']):?>
<div class="qx-slide__content"><?php echo $slide['content']?></div>
<?php endif;?>
<?php if($slide['button_enabled'] AND !empty($slide['button']['url'])):?>
<div class="qx-slide__btn">
<a class="qx-btn qx-btn-lg qx-btn-primary" href="<?php echo $slide['button']['url'] ?>" <?php echo ( $slide['button']['target'] ) ? ' target="_blank" rel="noopener noreferrer"' : '' ?>><?php echo $slide['button']['text']?></a>
</div>
<?php endif;?>
</div>
</div>
<?php endforeach;?>
</div>
</div>
<?php
Assets::js( 'qx-slider-pro-' . $id, QUIX_ELEMENTS_PATH . '/slider-pro/inline-js.php', compact(['id', 'script']), ['qx-slick']);
?>
<!-- qx-element-slider-pro -->