.-.-.-.-.-

<?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']);
?>

/home/pteabiscqq/www/libraries/quix/app/elements/slider-pro/view.php