zZzzZ. — /home2/zrzvbdry/couponetive.com/wp-content/themes/savings-pro-main/inc/widgets

Editing: slider.php

<?php
/**
 * Add Slider widget.
 */
class WPCoupon_Slider_Widget extends WP_Widget {
    /**
     * Register widget with WordPress.
     */
    function __construct() {
        parent::__construct(
            'st_slider', // Base ID
            esc_html__( 'Coupon Mart Slider', 'coupon-mart' ), // Name
            array(
                'description' => esc_html__( 'Display a Slider', 'coupon-mart' ),
                'classname' => 'st-slider-widget'
            ), // Args
            array(
                'width' => 530
            )
        );
    }

public function item( $name, $value = array(), $closed = true ){

$value = wp_parse_args( $value,
            array(
                'image_url'     => '',
                'image_id'      => '',
                'title'         => '',
                'description'   => '',
                'btn_lebel'     => '',
                'url'           => '',
            )
        );

$class = $closed ? 'closed': '';

$image_url = '';
        if ( $value['image_id'] > 0 ) {
            $image_attributes = wp_get_attachment_image_src( $value['image_id'] ); // returns an array
            if ( $image_attributes ) {
                $image_url =  $image_attributes[0];
            }
        }

?>
        <div data-name="<?php echo esc_attr( $name ); ?>" class="item <?php echo esc_attr( $class );?>">
            <div class="handle">
                <span class="item-index"></span>
                <span class="ellipsis live-item-title"></span>
                <a href="#" class="toggle"></a>
            </div>
            <div class="item-settings">

<div class="image-upload-wrapper element-thumbnail">
                    <div class="image-upload thumb-preview">
                        <?php if ( $image_url != '' ){ ?>
                        <img src="<?php echo esc_attr( $image_url ); ?>" alt="">
                        <?php } ?>
                        <input type="hidden" name="<?php echo $this->get_field_name( 'fake' ); ?>" value="<?php echo esc_attr( $image_url != '' ? $image_url : $value['image_url'] ); ?>" class="image_url" data-name="image_url">
                        <input type="hidden" name="<?php echo $this->get_field_name( 'fake' ); ?>" value="<?php echo esc_attr( $value['image_id'] ); ?>" class="image_id" data-name="image_id" >
                    </div>
                    <a class="remove-thumbnail" href="#"><?php esc_attr_e( 'Remove', 'coupon-mart' ); ?></a>
                </div>

<div class="element">
                        <label><?php esc_attr_e( 'Title', 'coupon-mart' ); ?></label>
                        <input type="text" name="<?php echo $this->get_field_name( 'fake' ); ?>" value="<?php echo esc_attr( $value['title'] ); ?>" data-name="title" class="live-title widefat" placeholder="Title">
                    </div>

<div class="element">
                        <label><?php esc_attr_e( 'Description', 'coupon-mart' ); ?></label>
                        <textarea name="<?php echo $this->get_field_name( 'fake' ); ?>" data-name="description" class="widefat" placeholder="Description"><?php echo esc_textarea( $value['description'] ); ?></textarea>
                    </div>

<div class="element">
                        <label><?php esc_attr_e( 'Button Lebel', 'coupon-mart' ); ?></label>
                        <input type="text" name="<?php echo $this->get_field_name( 'fake' ); ?>" value="<?php echo esc_attr( $value['btn_lebel'] ); ?>" data-name="btn_lebel" class="btn_lebel widefat" placeholder="Button Lebel">
                    </div>

<div class="element">
                        <label><?php esc_attr_e( 'URL', 'coupon-mart' ); ?></label>
                        <input type="text" name="<?php echo $this->get_field_name( 'fake' ); ?>" value="<?php echo esc_attr( $value['url'] ); ?>" data-name="url" class="widefat" placeholder="Button Url">
                    </div>

</div>

</div>
        </div>
        <?php
    }

public function form( $instance ) {

$instance =  wp_parse_args( $instance, array(
            'title'     => '',
            'items'     => array(),
            'controls'  =>  array()
        ) );

$id =  uniqid('widget-ui-');
        $name = $this->get_field_name( 'items' );

$controls = wp_parse_args( $instance['controls'], array(
            'smartSpeed' => 300,
            'navSpeed' => 300,
            'autoplay' => "true",
            'autoplayHoverPause' => "true"
        ) );

?>
        <p>
            <label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php esc_html_e( 'Title:', 'coupon-mart' ); ?></label>
            <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $instance['title'] ); ?>" placeholder="Widget Title">
        </p>

<hr>

<p>
            <label for="<?php echo $this->get_field_id( 'smartSpeed' ); ?>"><?php esc_html_e( 'Slide speed (millisecond)', 'coupon-mart' ); ?></label>
            <input class="" id="<?php echo $this->get_field_id( 'smartSpeed' ); ?>" name="<?php echo $this->get_field_name( 'controls' ).'[smartSpeed]'; ?>" type="text" value="<?php echo esc_attr( $controls['smartSpeed'] ); ?>">
        </p>

<p>
            <label for="<?php echo $this->get_field_id( 'navSpeed' ); ?>"><?php esc_html_e( 'Pagination speed (millisecond)', 'coupon-mart' ); ?></label>
            <input class="" id="<?php echo $this->get_field_id( 'navSpeed' ); ?>" name="<?php echo $this->get_field_name( 'controls' ).'[navSpeed]'; ?>" type="text" value="<?php echo esc_attr( $controls['navSpeed'] ); ?>">
        </p>

<p>
            <label ><?php esc_html_e( 'Auto play:', 'coupon-mart' ); ?></label>
            <select name="<?php echo $this->get_field_name( 'controls' ).'[autoplay]'; ?>">
                <?php
                $a = array(
                    'true' => esc_html__( 'Yes', 'coupon-mart' ),
                    'false'  => esc_html__( 'no', 'coupon-mart' ),
                );
                foreach (  $a as $k => $v ) {
                    echo '<option value="'.$k.'" '.selected( $controls['autoplay'], $k, false ).' >'.$v.'</option>';
                } ?>
            </select>
        </p>

<p>
            <label ><?php esc_html_e( 'Stop on hover:', 'coupon-mart' ); ?></label>
            <select name="<?php echo $this->get_field_name( 'controls' ).'[autoplayHoverPause]'; ?>">
                <?php
                $a = array(
                    'true' => esc_html__( 'Yes', 'coupon-mart' ),
                    'false'  => esc_html__( 'no', 'coupon-mart' ),
                );
                foreach (  $a as $k => $v ) {
                    echo '<option value="'.$k.'" '.selected( $controls['autoplayHoverPause'], $k, false ).' >'.$v.'</option>';
                } ?>
            </select>
        </p>

<?php
    }

/**
     * Front-end display of widget.
     *
     * @see WP_Widget::widget()
     *
     * @param array $args     Widget arguments.
     * @param array $instance Saved values from database.
     */
    public function widget( $args, $instance ) {
        // sidebar

$instance =  wp_parse_args( $instance, array(
            'title' => '',
            'items' => array(),
            'controls' => array(),
        ) );

$is_rtl =  is_rtl() ? true : false;

$instance['controls']  =  wp_parse_args(
            $instance['controls']
            , array(
                'items'     => 1,
                'nav'        => true ,
                'navText'    => array(
                    '<img src="'.get_template_directory_uri().'/assets/images/arrow-left.png">',
                    '<img src="'.get_template_directory_uri().'/assets/images/arrow-right.png">'
                ),
                'navSpeed'          => 300,
                'autoplay'          => true,
                'smartSpeed'        => 300,
                'autoplayHoverPause' => true,
                'dots'          => false,
                'rtl' => $is_rtl
            )
        );

foreach(  $instance['controls'] as $k => $v ){
            if ( is_numeric( $v ) ) {
                $instance['controls'][ $k ] =  intval( $v );
            } else if ( $v == 'true' ){
                $instance['controls'][ $k ] = true;
            } else if ( $v == 'false' ){
                $instance['controls'][ $k ] = false;
            }
        }

$url = get_template_directory_uri().'/inc/widgets/';
        wp_enqueue_style( 'owl-carousel', $url .'assets/css/owl.carousel.min.css', array(), '2.3.4' );
        wp_enqueue_script( 'owl.carousel', $url.'assets/js/owl.carousel.js', array(), false, true );
        wp_enqueue_script( 'st-slider', $url.'assets/js/slider.js', array(), false, true );

echo $args['before_widget'];
        if ( ! empty( $instance['title'] ) ) {
            echo $args['before_title'] . apply_filters( 'widget_title', $instance['title'] ). $args['after_title'];
        }

?>
        <div class="home-slider-wrapper">
            <div class="st-slider owl-carousel owl-theme" data-settings="<?php echo esc_attr( json_encode( $instance['controls'] ) ); ?>" >
                <?php
                foreach( $instance['items'] as $i => $item ) {

$item = wp_parse_args( $item,
                        array(
                            'image_url'     => '',
                            'image_id'      => '',
                            'title'         => '',
                            'description'   => '',
                            'btn_lebel'     => '',
                            'url'           => '',
                        )
                    );

$image_url = '';
	                $image_alt = '';
                    if ( $item['image_id'] > 0 ) {
                        $image_attributes = wp_get_attachment_image_src( $item['image_id'], 'full' ); // returns an array
	                    $image_alt = get_post_meta( $item['image_id'], '_wp_attachment_image_alt', true);

if ( $image_attributes ) {
                            $image_url =  $image_attributes[0];
                        }
                    }
                    if ( ! $image_url ) {
                        $image_url =  $item['image_url'];
                    }

if ( ! $image_url ) {
                        continue;
                    }

?>
                    <div class="item">
                        <img src="<?php echo esc_url( $image_url ) ?>" alt="<?php echo esc_attr( $image_alt ) ?>">
                        <div class="slide-wrap">
                            <div class="slide-des">
                                <h1><?php echo esc_attr( $item['title'] ); ?></h1>
                                <h3><?php echo esc_attr( $item['description'] ); ?></h3>
                                <a href="<?php if(  $item['url'] == null ){ echo esc_html_e('#', 'coupon-mart'); }else{ echo esc_url( $item['url'] ); } ?>"
                                   class="slide_btn">
                                    <?php
                                        if($item['btn_lebel'] == null){
                                            esc_html_e('View Link', 'coupon-mart');
                                        }else{
                                            echo esc_attr( $item['btn_lebel'] );
                                        }
                                    ?>
                                </a>
                            </div>
                        </div>
                    </div>

<?php
                }
                ?>
            </div>
        </div>
        <?php
        echo $args['after_widget'];
    }

/**
     * Sanitize widget form values as they are saved.
     *
     * @see WP_Widget::update()
     *
     * @param array $new_instance Values just sent to be saved.
     * @param array $old_instance Previously saved values from database.
     *
     * @return array Updated safe values to be saved.
     */
    public function update( $new_instance, $old_instance ) {
        //$instance = array();
        //$new_instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
        return $new_instance;
        // return $instance;
    }

} // class Popular_Store

// register Foo_Widget widget
function wpcoupon_register_slider_widget() {
    register_widget( 'WPCoupon_Slider_Widget' );
}
add_action( 'widgets_init', 'wpcoupon_register_slider_widget' );