ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / aperobusiness / wp-content / themes / deep / inc / core / elementor / widgets

<?php
namespace Elementor;
class Webnus_Element_Widgets_Teaserbox extends \Elementor\Widget_Base {

/**
	 * Retrieve Teaserbox widget name.
	 *
	 * @since 1.0.0
	 * @access public
	 *
	 * @return string Widget name.
	 */
	public function get_name() {

return 'teaserbox';
		
	}

/**
	 * Retrieve Teaserbox widget title.
	 *
	 * @since 1.0.0
	 * @access public
	 *
	 * @return string Widget title.
	 */
	public function get_title() {

return __( 'Webnus Teaserbox', 'deep' );

}

/**
	 * Retrieve Teaserbox widget icon.
	 *
	 * @since 1.0.0
	 * @access public
	 *
	 * @return string Widget icon.
	 */
	public function get_icon() {

return 'eicon-image-rollover';

}

/**
	 * Set widget category.
	 *
	 * @since 1.0.0
	 * @access public
	 *
	 * @return array Widget category.
	 */
	public function get_categories() {

return [ 'webnus' ];

}

/**
	 * Register Teaserbox widget controls.
	 *
	 *
	 * @since 1.0.0
	 * @access protected
	 */
	protected function _register_controls() {

// Content Tab
		$this->start_controls_section(
			'content_section',
			[
				'label' => __( 'General', 'deep' ),
				'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
            ]
		);

// Select Type Section
		$this->add_control(
			'type', //param_name
			[
				'label' 	=> __( 'Select Type', 'deep' ), //heading
				'type' 		=> \Elementor\Controls_Manager::SELECT, //type
				'default' 	=> '1',
				'options' 	=> [ //value
					'1'  	=> __( 'Type 1', 'deep' ),
					'2' 	=> __( 'Type 2', 'deep' ),
					'3' 	=> __( 'Type 3', 'deep' ),
					'4' 	=> __( 'Type 4', 'deep' ),
					'5' 	=> __( 'Type 5', 'deep' ),
					'6' 	=> __( 'Type 6', 'deep' ),
					'7' 	=> __( 'Type 7', 'deep' ),
					'8' 	=> __( 'Type 8', 'deep' ),
					'9' 	=> __( 'Type 9', 'deep' ),
					'10' 	=> __( 'Type 10', 'deep' ),
					'11' 	=> __( 'Type 11', 'deep' ),
					'12' 	=> __( 'Type 12', 'deep' ),
					'13' 	=> __( 'Type 13', 'deep' ),
					'14' 	=> __( 'Type 14', 'deep' ),
					'15' 	=> __( 'Type 15', 'deep' ),
					'16' 	=> __( 'Type 16', 'deep' ),
					'17' 	=> __( 'Type 17', 'deep' ),
					'18' 	=> __( 'Type 18', 'deep' ),
				],
			]
		);
		
		// Image Section
		$this->add_control(
			'image', //param_name
			[
				'label' 	=> __( 'Choose Image', 'deep' ), //heading
				'type' 		=> \Elementor\Controls_Manager::MEDIA, //type
				'default' 	=> [
					'url' => \Elementor\Utils::get_placeholder_image_src(),
				],
				'condition' 	=> [ //dependency
					'type!' 	=> [
						'17'
					],
				],
			]
		);

$this->add_control(
			'thumbnail',
			[
				'label' 		=> __( 'Image Size', 'deep' ),
				'type' 			=> \Elementor\Controls_Manager::IMAGE_DIMENSIONS,
				'description' 	=> __( 'Crop the original image size to any custom size. Set custom width or height to keep the original size ratio.', 'deep' ),
				'default' 		=> [
					'width' 		=> '',
					'height' 		=> '',
				],
			]
		);

$this->add_group_control(
			Group_Control_Background::get_type(),
			[
				'name' => 'background',
				'label' => __( 'Background', 'deep' ),
				'types' => [ 'classic', 'gradient', 'video' ],
				'selector' => '{{WRAPPER}} .teaser-box17',
				'condition' 	=> [ //dependency
					'type' 	=> [
						'17'
					],
				],
			]
		);

// Alt Image Section
		$this->add_control(
			'image_alt', //param_name
			[
				'label' 		=> __( 'Image alt', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::TEXT, //type
				'condition' 	=> [ //dependency
					'type!' 	=> [
						'17'
					],
				],
			]
		);

// Tag section
		$this->add_control(
			'featured', //param_name
			[
				'label' 		=> __( 'Tag Text', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::TEXT, //type
				'condition' 	=> [ //dependency
					'type' 	=> [
						'8' , '15'
					],
				],
			]
		);

// Time section
		$this->add_control(
			'time', //param_name
			[
				'label' 		=> __( 'Time', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::TEXT, //type
				'condition' 	=> [ //dependency
					'type' 	=> [
						'17'
					],
				],
			]
		);

// Time Description section
		$this->add_control(
			'time_description', //param_name
			[
				'label' 		=> __( 'Time Description', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::TEXT, //type
				'condition' 	=> [ //dependency
					'type' 	=> [
						'17',
					],
				],
			]
		);

// Title section
		$this->add_control(
			'title', //param_name
			[
				'label' 		=> __( 'Title', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::TEXT, //type
			]
		);

// Subtitle section
		$this->add_control(
			'subtitle', //param_name
			[
				'label' 		=> __( 'Subtitle', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::TEXT, //type
				'condition' 	=> [ //dependency
					'type' 	=> [
						'1', '2', '3', '4', '5', '6', '7', '8', '12', '13', '15', '16'
					],
				],
			]
		);

// Teaserbox button section
		$this->add_control(
			'teaser_btn', //param_name
			[
				'label' 		=> __( 'Button Text', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::TEXT, //type
				'condition' 	=> [ //dependency
					'type' 	=> [
						'8', '15', '16'
					],
				],
			]
		);

// Button section
		$this->add_control(
			'link_url', //param_name
			[
				'label' 		=> __( 'Button', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::URL, //type
				'placeholder' 	=> __( 'https://your-link.com', 'deep' ),
				'show_external' => true,
				'default' 		=> [
					'url' 			=> '#',
					'is_external' 	=> true,
					'nofollow' 		=> true,
				],
			]
		);

// Background Color
		$this->add_control(
			'teaser_btn_bg_color', //param_name
			[
				'label' 		=> __( 'Background Color', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::COLOR, //type
				'scheme' 		=> [
					'type' 	=> \Elementor\Scheme_Color::get_type(),
					'value' => \Elementor\Scheme_Color::COLOR_1,
				],
				'selectors' 	=> [
					'{{WRAPPER}} .teaser-btn' => 'background-color: {{VALUE}}',
				],
				'condition' 	=> [ //dependency
					'type' 	=> [
						'8'
					],
				],
			]
		);

// Text Color
		$this->add_control(
			'teaser_btn_txt_color', //param_name
			[
				'label' 		=> __( 'Text Color', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::COLOR, //type
				'scheme' 		=> [
					'type' 	=> \Elementor\Scheme_Color::get_type(),
					'value' => \Elementor\Scheme_Color::COLOR_1,
				],
				'selectors' 	=> [
					'{{WRAPPER}} .teaser-btn' => 'color: {{VALUE}}',
				],
				'condition' 	=> [ //dependency
					'type' 	=> [
						'8'
					],
				],
			]
		);

// Teaserbox Content
		$this->add_control(
			'text_content', //param_name
			[
				'label' 		=> __( 'Content', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::TEXTAREA, //type
				'rows' 			=> 10,
				'placeholder' 	=> __( 'Write Content', 'deep' ),
				'condition' 	=> [ //dependency
					'type' 	=> [
						'10', '11', '15', '17' 
					],
				],
			]
		);

// Link Color
		$this->add_control(
			'suburl_color', //param_name
			[
				'label' 		=> __( 'Link Color', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::COLOR, //type
				'selectors' 	=> [
					'{{WRAPPER}} .teaser-title' => 'color: {{VALUE}}',
				],
				'condition' 	=> [ //dependency
					'type' 	=> [
						'10'
					],
				],
			]
		);

// Price section
		$this->add_control(
			'price', //param_name
			[
				'label' 		=> __( 'Price', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::TEXT, //type
				'condition' 	=> [ //dependency
					'type' 	=> [
						'15', '17'
					],
				],
			]
		);

$this->add_control(
			'introduction_title', //param_name
			[
				'label' 		=> __( 'Introduction Link Text', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::TEXT, //type
				'condition' 	=> [ //dependency
					'type' 	=> [
						'18'
					],
				],
			]
		);

$this->add_control(
			'introduction_link_url', //param_name
			[
				'label' 		=> __( 'Introduction Link URL', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::URL, //type
				'default' 		=> [
					'url' 			=> 'https://your-link.com',
					'is_external' 	=> true,
				],
				'condition' 	=> [ //dependency
					'type' 	=> [
						'18'
					],
				],
			]
		);

$this->add_control(
			'live_preview_title', //param_name
			[
				'label' 		=> __( 'Live Preview Link Text', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::TEXT, //type
				'condition' 	=> [ //dependency
					'type' 	=> [
						'18'
					],
				],
			]
		);

$this->add_control(
			'live_preview_link_url', //param_name
			[
				'label' 		=> __( 'Live Preview Link URL', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::URL, //type
				'default' 		=> [
					'url' 			=> 'https://your-link.com',
					'is_external' 	=> true,
				],
				'condition' 	=> [ //dependency
					'type' 	=> [
						'18'
					],
				],
			]
		);

$this->add_control(
			'buy_item_title', //param_name
			[
				'label' 		=> __( 'Buy Item Link Text', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::TEXT, //type
				'condition' 	=> [ //dependency
					'type' 	=> [
						'18'
					],
				],
			]
		);

$this->add_control(
			'buy_item_link_url', //param_name
			[
				'label' 		=> __( 'Buy Item Link URL', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::URL, //type
				'default' 		=> [
					'url' 			=> 'https://your-link.com',
					'is_external' 	=> true,
				],
				'condition' 	=> [ //dependency
					'type' 	=> [
						'18'
					],
				],
			]
		);

// Properties section
		$this->add_control(
			'features', //param_name
			[
				'label' 		=> __( 'Repeater List', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::REPEATER, //type
				'fields' 		=> [ //params
					[
						'name' 			=> 'text', //param_name
						'label' 		=> __( 'Property', 'deep' ), //heading
						'type' 			=> \Elementor\Controls_Manager::TEXT, //type
						'admin_label' 	=> true,
					],
					[
						'name' 			=> 'number', //param_name
						'label' 		=> __( 'Property Value', 'deep' ), //heading
						'type' 			=> \Elementor\Controls_Manager::TEXT, //type
						'admin_label' 	=> true,
					],
				],
				'condition' 	=> [ //dependency
					'type' 	=> [
						'15'
					],
				],
			]
		);

$this->end_controls_section();
		
		// Custom css tab
		$this->start_controls_section(
			'custom_css_section',
			[
				'label' => __( 'Custom CSS', 'deep' ),
				'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
			]
		);

$this->add_control(
			'custom_css',
			[
				'label' => __( 'Custom CSS', 'deep' ),
				'type' => \Elementor\Controls_Manager::CODE,
				'language' => 'css',
				'rows' => 20,
				'show_label' => true,
			]
		);

$this->end_controls_section();

$this->start_controls_section(
			'section_title_style',
			[
				'label' => __( 'Title', 'deep' ),
				'tab' => Controls_Manager::TAB_STYLE,
			]
		);

$this->add_control(
			'title_color', //param_name
			[
				'label' 		=> __( 'Title color', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::COLOR, //type
				'selectors' 	=> [
					'#wrap {{WRAPPER}} h4.teaser-title' => 'color: {{VALUE}}',
				],
			]
		);

$this->add_group_control(
			Group_Control_Background::get_type(),
			[
				'name' => 'title_bg',
				'label' => __( 'Background', 'deep' ),
				'types' => [ 'classic' ],
				'selector' => '#wrap {{WRAPPER}} h4.teaser-title',
			]
		);

$this->add_control(
			'title_padding', //param_name
			[
				'label' 		=> __( 'Title padding', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::DIMENSIONS, //type
				'size_units' => [ 'px', 'em', '%' ],
				'selectors' => [
					'#wrap {{WRAPPER}} h4.teaser-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				],
			]
		);

$this->add_control(
			'title_margin', //param_name
			[
				'label' 		=> __( 'Title margin', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::DIMENSIONS, //type
				'size_units' => [ 'px', 'em', '%' ],
				'selectors' => [
					'#wrap {{WRAPPER}} h4.teaser-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				],
			]
		);

$this->add_group_control(
			Group_Control_Typography::get_type(),
			[
				'name' 		=> 'title_typography',
				'label' 	=> __( 'Title Typography', 'deep' ),
				'scheme' 	=> Scheme_Typography::TYPOGRAPHY_2,
				'selector' 	=> '#wrap {{WRAPPER}} h4.teaser-title',
			]
		);

$this->end_controls_section();

$this->start_controls_section(
			'section_subtitle_style',
			[
				'label' => __( 'Subtitle', 'deep' ),
				'tab' => Controls_Manager::TAB_STYLE,
			]
		);

$this->add_control(
			'subtitle_color', //param_name
			[
				'label' 		=> __( 'Subtitle color', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::COLOR, //type
				'selectors' 	=> [
					'#wrap {{WRAPPER}} h5.teaser-subtitle' => 'color: {{VALUE}}',
				],
			]
		);

$this->add_group_control(
			Group_Control_Background::get_type(),
			[
				'name' => 'subtitle_bg',
				'label' => __( 'Background', 'deep' ),
				'types' => [ 'classic' ],
				'selector' => '#wrap {{WRAPPER}} h4.teaser-subtitle',
			]
		);

$this->add_control(
			'subtitle_padding', //param_name
			[
				'label' 		=> __( 'Subtitle padding', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::DIMENSIONS, //type
				'size_units' => [ 'px', 'em', '%' ],
				'selectors' => [
					'#wrap {{WRAPPER}} h5.teaser-subtitle' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				],
			]
		);

$this->add_control(
			'subtitle_margin', //param_name
			[
				'label' 		=> __( 'Subtitle margin', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::DIMENSIONS, //type
				'size_units' => [ 'px', 'em', '%' ],
				'selectors' => [
					'#wrap {{WRAPPER}} h5.teaser-subtitle' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				],
			]
		);

$this->add_group_control(
			Group_Control_Typography::get_type(),
			[
				'name' 		=> 'subtitle_typography',
				'label' 	=> __( 'Subtitle Typography', 'deep' ),
				'scheme' 	=> Scheme_Typography::TYPOGRAPHY_2,
				'selector' 	=> '#wrap {{WRAPPER}} h5.teaser-subtitle',
			]
		);

$this->end_controls_section();

$this->start_controls_section(
			'section_button_style',
			[
				'label' => __( 'Button', 'deep' ),
				'tab' => Controls_Manager::TAB_STYLE,
			]
		);

$this->add_control(
			'button_color', //param_name
			[
				'label' 		=> __( 'Button color', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::COLOR, //type
				'selectors' 	=> [
					'#wrap {{WRAPPER}} a,#wrap {{WRAPPER}} a i,#wrap {{WRAPPER}} a:after,#wrap {{WRAPPER}} a:before' => 'color: {{VALUE}}',
				],
			]
		);

$this->add_group_control(
			Group_Control_Background::get_type(),
			[
				'name' => 'button_bg',
				'label' => __( 'Background', 'deep' ),
				'types' => [ 'classic' ],
				'selector' => '#wrap {{WRAPPER}} a',
			]
		);

$this->add_control(
			'button_padding', //param_name
			[
				'label' 		=> __( 'Button padding', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::DIMENSIONS, //type
				'size_units' => [ 'px', 'em', '%' ],
				'selectors' => [
					'#wrap {{WRAPPER}} a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				],
			]
		);

$this->add_control(
			'button_margin', //param_name
			[
				'label' 		=> __( 'Button margin', 'deep' ), //heading
				'type' 			=> \Elementor\Controls_Manager::DIMENSIONS, //type
				'size_units' => [ 'px', 'em', '%' ],
				'selectors' => [
					'#wrap {{WRAPPER}} a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				],
			]
		);

$this->add_group_control(
			Group_Control_Typography::get_type(),
			[
				'name' 		=> 'button_typography',
				'label' 	=> __( 'Button Typography', 'deep' ),
				'scheme' 	=> Scheme_Typography::TYPOGRAPHY_2,
				'selector' 	=> '#wrap {{WRAPPER}} a,#wrap {{WRAPPER}} a i,#wrap {{WRAPPER}} a:after,#wrap {{WRAPPER}} a:before',
			]
		);

$this->end_controls_section();

}

/**
	 * Render Teaserbox widget output on the frontend.
	 *
	 *
	 * @since 1.0.0
	 * @access protected
	 */
	protected function render() {

$settings = $this->get_settings();

wp_enqueue_style( 'wn-deep-teaser-box' . $settings['type'], DEEP_ASSETS_URL . 'css/frontend/teaser-box/teaser-box' . $settings['type'] . '.css' );

$introduction_title			= !empty( $settings['introduction_title'] ) ? $settings['introduction_title'] : '';
		$introduction_link_url		= !empty( $settings['introduction_link_url']['url'] ) ? $settings['introduction_link_url']['url'] : '';
		$live_preview_title			= !empty( $settings['live_preview_title'] ) ? $settings['live_preview_title'] : '';
		$live_preview_link_url		= !empty( $settings['live_preview_link_url']['url'] ) ? $settings['live_preview_link_url']['url'] : '';
		$buy_item_title				= !empty( $settings['buy_item_title'] ) ? $settings['buy_item_title'] : '';
		$buy_item_link_url			= !empty( $settings['buy_item_link_url']['url'] ) ? $settings['buy_item_link_url']['url'] : '';

$image_url= '';

if ( !empty( $settings['image']['url'] ) ) {

$thumbnail_width 	= $settings['thumbnail']['width'] ? $settings['thumbnail']['width'] : '' ;
				$thumbnail_height 	= $settings['thumbnail']['height'] ? $settings['thumbnail']['height'] : '' ;

if ( !empty( $settings['thumbnail']['width'] ) || !empty( $settings['thumbnail']['height'] ) ) {
					// if main class not exist get it
					if ( !class_exists( 'Wn_Img_Maniuplate' ) ) {
						require_once DEEP_CORE_DIR . 'helper-classes/class_webnus_manuplate.php';
					}
					
					$image = new \Wn_Img_Maniuplate; // instance from settor class
					
					$image_url = $image->m_image( $settings['image']['id'] , $settings['image']['url'] , $settings['thumbnail']['width'] , $settings['thumbnail']['height'] ); // set required and get result
				} else {

$image_url = $settings['image']['url'];

}

$out = '<div class="wn-teaser-box teaser-box' . $settings['type'] . ' clearfix">';
 	
		if ( ( $settings['type'] != '15' ) && ( $settings['type'] != '16' ) && ( $settings['type'] != '17' ) && ( $settings['type'] != '18' ) ) {

$has_image = $teaser_image = '';

if ( ( ( $settings['type'] == 4 ) OR ( $settings['type'] == 5 ) ) && ( empty( $settings['subtitle'] ) ) ) {

$settings['subtitle'] = $settings['title'];

}

if ( ( $settings['type'] == 6 ) && ( empty( $subtitle ) ) ) {

$settings['subtitle'] = esc_html__( 'understand more', 'deep' );

}

$overlay = ( $settings['type'] == '13' ) ? '<span class="colorb overlay-teaser-box' . $settings['type'] . '"></span><i class="colorf ti-arrow-right"></i>' : '' ;

if ( $image_url ) {

$has_image = 'has-image';
				$teaser_image = '<figure>' . $overlay . '<img class="teaser-image " src="' . $image_url . '" alt="' . $settings['image_alt'] . '"></figure>';

}

if ( $settings['type'] == '12' ) {

$out .= '<div class="teaser-content">';

}

if ( $settings['type'] == '11' || $settings['type'] == '12' ){

$out .= '<div class="bgc-overlay"></div>';

}

$target = $settings['link_url']['is_external'] ? ' target="_blank"' : '';
			if ( !empty( $settings['link_url']['url'] ) ) {

$out .= '<a href="' . $settings['link_url']['url'] . '" ' . $target . '>';

}
			
			$out .= $teaser_image;

if ( !empty( $settings['featured'] ) ) {

$out .= '<h6 class="teaser-featured">' . $settings['featured'] . '</h4>';

}

$before = $settings['type'] == '13' ? '<span class="before"></span>' : '';
			$after = $settings['type'] == '13' ? '<span class="after colorb"></span>' : '';

$out .= '<h4 class="teaser-title ' . $has_image . '">' . $before .  $settings['title'] . $after . '</h4>';
			
			if ( !empty( $settings['subtitle'] ) ) {

$out .= '<h5 class="teaser-subtitle">' . $settings['subtitle'] . '</h5> ' . $teaser_btn = $settings['type'] == '8' ? '<span class="teaser-btn">' . esc_html( $settings['teaser_btn'] ) . '</span>': '';

}
				
			if ( !empty( $settings['link_url']['url'] ) ) {

$out .= '</a>';

}

if ( $settings['type'] == '12' ) {

$out .= '</div>';

}

if ( !empty( $settings['text_content'] ) && $settings['type'] == '10' ) {

$out .= '<p>' . $settings['text_content'] . '</p>';

}

if ( !empty( $settings['text_content'] ) && $settings['type'] == '11' ) {

$out .= '<p>' . $settings['text_content'] . '</p>';

}

} elseif ( $settings['type'] == '15' ) {

$out .= '<div class="col-xs-12 col-md-4 col-sm-4 tsb15-imgwrap">';
			$out .= !empty( $image_url ) ? '<img src="' . $image_url . '" alt="' . $settings['image_alt'] . '" class="img-responsive">': '';
			$out .= '</div>';
			$out .= '<div class="col-xs-12 col-md-8 col-sm-8">';
			$out .= '<div class="inner-c">';
			$out .= !empty( $settings['price'] ) ? '<span class="c-price"> ' . $settings['price'] . ' </span>': '';
			$out .= !empty( $settings['featured'] ) ? '<div class="c-featured"> ' . $settings['featured'] . ' </div>': '';
			$out .= !empty( $settings['title'] ) ? '<h3 class="c-title"> ' . $settings['title'] . ' </h3>': '';
			$out .= !empty( $settings['subtitle'] ) ? '<h4 class="c-subtitle"> ' . $settings['subtitle'] . ' </h4>': '';
			$out .= !empty( $settings['text_content'] ) ? '<p class="c-text_content"> ' . $settings['text_content'] . ' </p>': '';

if ( $settings['features']  ) {

$out .= '<div class="feat-box">';
				foreach (  $settings['features'] as $item ) {

$out .= '<div class="features-data">';
					$out .= '<span class="c-feat"> ' . $item[ 'text' ] . ' </span>';
					$out .= '<span class="c-feat-n"> ' . $item[ 'number' ] . ' </span>';
					$out .= '</div>';

}
				$out .= '</div>'; // Close feat-box

}

if ( !empty( $settings['teaser_btn'] ) && !empty( $settings['link_url']['url'] ) ) {
				$target = $settings['link_url']['is_external'] ? ' target="_blank"' : '';
				$out .= '<a href="' . $settings['link_url']['url'] . '" class="colorf c-link" ' . $target . '>';
				$out .= $settings['teaser_btn'];
				$out .= '</a>';
			} // close c-btn
			$out .= '</div>'; // close inner-c
			$out .= '</div>'; // close col-md-8

} elseif ( $settings['type'] == '16' ) {

$out .= '<div class="tb16-content">';
		
			$out .= !empty( $image_url ) ? '<img src="' . $image_url . '" alt="' . $settings['image_alt'] . '" class="img-responsive">': '';
		
				$out .= '<div class="tb16-inner-c">';
					$out .= !empty( $settings['title'] ) ? '<h4 class="c-title"> ' . $settings['image_alt'] . ' </h4>': '';
					$out .= !empty( $settings['subtitle'] ) ? '<h5 class="c-subtitle"> ' . $settings['subtitle'] . ' </h5>': '';
					if ( !empty( $settings['teaser_btn'] ) && !empty( $settings['link_url']['url'] ) ) {
						$target = $settings['link_url']['is_external'] ? ' target="_blank"' : '';
						$out .= '<a href="' . $settings['link_url']['url'] . '" class="colorf c-link" ' . $target . '>';
						$out .= $settings['teaser_btn'];
						$out .= '</a>';
					} // close c-btn
				$out .= '</div>'; // close tb16-inner-c
		
			$out .= '</div>'; // close tb16-content

} elseif ( $settings['type'] == '17' ) {

$out .= !empty( $settings['link_url']['url'] ) ? '<a href="' . $settings['link_url']['url'] . '">': '';
			$out .= '<div class="tb17-content">';
					$out .= '<div class="tb17-inner-c">';
						$out .= '<div class="time-content">';
							$out .= '<i class="wn-far wn-fa-clock"></i>'.'<br>';
							$out .= !empty( $settings['time'] ) ? '<span class="time-tb17">' . $settings['time'] . '</span>'.'<br>': '';
							$out .= !empty( $settings['time_description'] ) ? '<span class="c-subtitle"> ' . $settings['time_description'] . ' </span>': '';
						$out .= '</div>';//time-content
						$out .= !empty( $settings['title'] ) ? '<h4 class="c-title"> ' . $settings['title'] . ' </h4>': '';
						$out .= !empty( $settings['text_content'] ) ? '<p class="tb17-p"> ' . $settings['text_content'] . ' </p>': '';
						$out .= !empty( $settings['price'] ) ? '<span class="c-price"> ' . $settings['price'] . ' </span>': '';
					$out .= '</div>';// close tb17-inner-c
			$out .= '</div>';// tb17-content
		$out .= !empty( $settings['link_url']['url'] ) ? '</a>': '';

} elseif ( $settings['type'] == '18' ) {	
			$out .= '<div class="tb18-content">';
				$out .= '<div class="wn-image-box">';
					$out .= '<div class="wn-title-box">';
					if ( !empty( $settings['link_url']['url'] ) ) {
							$target = $settings['link_url']['is_external'] ? ' target="_blank"' : '';
							$out .= '<a href="' . $settings['link_url']['url'] . '" ' . $target . '>';
								$out .= !empty( $settings['title'] ) ? '<h4 class="tb-title"> ' . $settings['title'] . ' </h4>': '';
							$out .= '</a>';
					} else {
						$out .= !empty( $settings['title'] ) ? '<h4 class="tb-title"> ' . $settings['title'] . ' </h4>': '';
					}
					$out .= '</div>';			
					$out .= !empty( $image_url ) ? '<img src="' . $image_url . '" alt="' . $settings['image_alt'] . '" class="img-responsive">': '';
					$out .= '<div class="wn-button-box">';
						if ( !empty( $introduction_link_url ) && !empty( $introduction_title ) ) {
							$out .= '<a class="button small wn-btn" href="' . $introduction_link_url  . '"><i class="-sl-link icon-basic-link"></i><span> ' . $introduction_title  .  ' </spn></a>';
						}
						if ( !empty( $live_preview_link_url ) && !empty( $live_preview_title ) ) {
							$out .= '<a class="button small wn-btn" href="' . $live_preview_link_url  . '" target="_blank"><i class="icon-basic-display"></i><span> ' . $live_preview_title  .  ' </spn></a>';
						}
						if ( !empty( $buy_item_link_url ) && !empty( $buy_item_title ) ) {
							$out .= '<a class="button small wn-btn" href="' . $buy_item_link_url  . '"><i class="-sl-basket icon-ecommerce-cart-content"></i><span> ' . $buy_item_title  .  ' </spn></a>';
						}
					$out .= '</div>';				
				$out .= '</div>';
			$out .= '</div>';
		}
		$out .= '</div>';
		
        $custom_css = $settings['custom_css'];

if ( $custom_css != '' ) {
			echo '<style>'. $custom_css .'</style>';
		}
		
		echo $out;

}

[+] ..
[-] our-client.php [edit]
[-] icons.php [edit]
[-] collection.php [edit]
[-] testimonial-tab.php [edit]
[-] teaserbox.php [edit]
[-] instagram.php [edit]
[-] our-team.php [edit]
[-] content-carousel.php [edit]
[-] videoteaser.php [edit]
[-] like-view-share.php [edit]
[-] courses-instructors.php [edit]
[-] widget-flickr.php [edit]
[-] reservation.php [edit]
[-] list.php [edit]
[-] road-map.php [edit]
[-] max-counter.php [edit]
[-] magazine.php [edit]
[-] prayer-wall-items.php [edit]
[-] facebook-button.php [edit]
[-] icon-divider.php [edit]
[-] featured-products.php [edit]
[-] review-items.php [edit]
[-] iconbox.php [edit]
[-] widget-googleplus.php [edit]
[-] content-slider.php [edit]
[-] service-carousel.php [edit]
[-] contact-form.php [edit]
[-] twitter-feed.php [edit]
[-] blog.php [edit]
[-] process-carousel.php [edit]
[-] course-category.php [edit]
[-] virtual-coins.php [edit]
[-] speakers.php [edit]
[-] the-grid.php [edit]
[-] custom-menu.php [edit]
[-] widget-youtube.php [edit]
[-] testimonial.php [edit]
[-] callout.php [edit]
[-] testimonial-slider.php [edit]
[-] category-tab.php [edit]
[-] testimonial-carousel.php [edit]
[-] button.php [edit]
[-] facebook-comments.php [edit]
[-] widget-login.php [edit]
[-] subscribe.php [edit]
[-] googlemap.php [edit]
[-] widget-social-icon.php [edit]
[-] postslider.php [edit]
[-] alert.php [edit]
[-] video-play-button.php [edit]
[-] quote.php [edit]
[-] donate.php [edit]
[-] dropcap.php [edit]
[-] before-after-image.php [edit]
[-] pricing-tables.php [edit]
[-] facebook-page.php [edit]
[-] shop-products.php [edit]
[-] single-goal.php [edit]
[-] info-box.php [edit]
[-] latestfromblog.php [edit]
[-] goals.php [edit]
[-] revolution-slider.php [edit]
[-] widget-subscribe.php [edit]
[-] tablepress.php [edit]
[-] tab-content.php [edit]
[-] schedule.php [edit]
[-] sermon-category.php [edit]
[-] pricing-plan.php [edit]
[-] tabs.php [edit]
[-] widget-latest-posts.php [edit]
[-] distance.php [edit]
[-] widget-popular-posts.php [edit]
[-] recipes.php [edit]
[-] causes.php [edit]
[-] widget-testimonial.php [edit]
[-] widget-about.php [edit]
[-] special-offers.php [edit]
[-] tooltip.php [edit]
[-] food-menu.php [edit]
[-] wp-hotel-booking.php [edit]
[-] widget-tab.php [edit]
[-] courses.php [edit]
[-] login.php [edit]
[-] post-from-blog.php [edit]
[-] socials.php [edit]
[-] line.php [edit]
[-] gallery.php [edit]
[-] faq.php [edit]
[-] piecharts.php [edit]
[-] image-hotspot.php [edit]
[-] link.php [edit]
[-] prayer-wall-form.php [edit]
[-] rooms.php [edit]
[-] countdown.php [edit]
[-] portfolio-carousel.php [edit]
[-] facebook-embed.php [edit]
[-] single-cause.php [edit]
[-] review-form.php [edit]
[-] buy-process.php [edit]
[-] sermons.php [edit]
[-] widget-facebook.php [edit]
[-] single-sermon.php [edit]
[-] single-course.php [edit]
[-] image-carousel.php [edit]
[-] toggle-box.php [edit]
[-] our-process.php [edit]
[-] svg.php [edit]
[-] w-title.php [edit]
[-] block-quote.php [edit]