/home/ivoiecob/risinghoopers.com/wp-content/plugins/gum-elementor-addon/widgets/blog_image.php
<?php
namespace Elementor;
/**
* @package WordPress
* @subpackage Gum Addon for Elementor
* @author support@themegum.com
* @since 1.2.0
*/
defined('ABSPATH') or die();
use Elementor\Widget_Base;
use Elementor\Controls_Manager;
use Elementor\Group_Control_Border;
use Elementor\Group_Control_Typography;
use Elementor\Group_Control_Text_Shadow;
use Elementor\Group_Control_Box_Shadow;
use Elementor\Group_Control_Css_Filter;
class Gum_Elementor_Widget_blog_featured_image extends Widget_Base {
/**
* Get widget name.
*
*
* @since 1.0.0
* @access public
*
* @return string Widget name.
*/
public function get_name() {
return 'gum_post_image';
}
/**
* Get widget title.
*
*
* @since 1.0.0
* @access public
*
* @return string Widget title.
*/
public function get_title() {
return esc_html__( 'Featured Image', 'gum-elementor-addon' );
}
/**
* Get widget icon.
*
*
* @since 1.0.0
* @access public
*
* @return string Widget icon.
*/
public function get_icon() {
return 'far fa-xs fa-image';
}
public function get_keywords() {
return [ 'wordpress', 'widget', 'post','single','feature','image' ];
}
/**
* Get widget categories.
*
*
* @since 1.0.0
* @access public
*
* @return array Widget categories.
*/
public function get_categories() {
return [ 'temegum_blog' ];
}
protected function _register_controls() {
$this->start_controls_section(
'section_title',
[
'label' => esc_html__( 'Image', 'elementor' ),
]
);
$this->add_group_control(
Group_Control_Image_Size::get_type(),
[
'name' => 'thumbnail',
'default' => 'medium',
]
);
$this->add_responsive_control(
'image_align',
[
'label' => esc_html__( 'Alignment', 'elementor' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => esc_html__( 'Left', 'elementor' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => esc_html__( 'Center', 'elementor' ),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' => esc_html__( 'Right', 'elementor' ),
'icon' => 'eicon-text-align-right',
],
],
'selectors' => [
'{{WRAPPER}} .elementor-widget-container' => 'text-align: {{VALUE}};',
],
'default' => '',
]
);
$this->end_controls_section();
/*
* style params
*/
$this->start_controls_section(
'title_style',
[
'label' => esc_html__( 'Image', 'elementor' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_responsive_control(
'image_width',
[
'label' => esc_html__( 'Width', 'gum-elementor-addon' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 0,
'max' => 2000,
],
'%' => [
'min' => 0,
'max' => 100,
],
'vw' => [
'min' => 0,
'max' => 100,
],
],
'size_units'=>['%','vw','px'],
'default'=> ['size'=>'','unit'=> '%'],
'selectors' => [
'{{WRAPPER}} .blog-featureimage' => 'width: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'image_maxwidth',
[
'label' => esc_html__( 'Max Width', 'gum-elementor-addon' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 0,
'max' => 2000,
],
'%' => [
'min' => 0,
'max' => 100,
],
'vw' => [
'min' => 0,
'max' => 100,
],
],
'size_units'=>['%','vw','px'],
'default'=> ['size'=>'','unit'=> '%'],
'selectors' => [
'{{WRAPPER}} .blog-featureimage' => 'max-width: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'image_height',
[
'label' => esc_html__( 'Height', 'gum-elementor-addon' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 0,
'max' => 2000,
],
'vh' => [
'min' => 0,
'max' => 100,
],
],
'size_units'=>['px','vh'],
'default'=> ['size'=>'','unit'=> 'px'],
'selectors' => [
'{{WRAPPER}} .blog-featureimage,{{WRAPPER}} .blog-featureimage img' => 'height: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'image_position',
[
'label' => esc_html__( 'Image Fit', 'gum-elementor-addon' ),
'type' => Controls_Manager::SELECT,
'options' => [
'' => esc_html__( 'Default', 'gum-elementor-addon' ),
'cover' => esc_html__( 'Cover', 'gum-elementor-addon' ),
'contain' => esc_html__( 'Contain', 'gum-elementor-addon' ),
],
'default' => '',
'selectors' => [
'{{WRAPPER}} .blog-featureimage' => 'background-size: {{VALUE}};',
],
'condition' => [ 'image_height[size]!' => ''],
]
);
$this->add_responsive_control(
'background_position',
[
'label' => esc_html__( 'Image Position', 'gum-elementor-addon' ),
'type' => Controls_Manager::SELECT,
'options' => [
'center' => esc_html__( 'Center', 'gum-elementor-addon' ),
'left' => esc_html__( 'Left', 'gum-elementor-addon' ),
'right' => esc_html__( 'Right', 'gum-elementor-addon' ),
'top' => esc_html__( 'Top', 'gum-elementor-addon' ),
'bottom' => esc_html__( 'Bottom', 'gum-elementor-addon' ),
],
'default' => 'center',
'selectors' => [
'{{WRAPPER}} .blog-featureimage' => 'background-position: {{VALUE}};',
],
'condition' => [ 'image_height[size]!' => ''],
]
);
$this->add_control(
'separator_panel_style',
[
'type' => Controls_Manager::DIVIDER,
'style' => 'thick',
]
);
$this->start_controls_tabs( 'image_effects' );
$this->start_controls_tab( 'image_effect_normal',
[
'label' => esc_html__( 'Normal', 'elementor' ),
]
);
$this->add_control(
'background_opacity',
[
'label' => esc_html__( 'Opacity', 'elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'max' => 1,
'min' => 0.10,
'step' => 0.01,
],
],
'selectors' => [
'{{WRAPPER}} .blog-featureimage' => 'opacity: {{SIZE}};',
],
]
);
$this->add_group_control(
Group_Control_Css_Filter::get_type(),
[
'name' => 'imag_filters',
'selector' => '{{WRAPPER}} .blog-featureimage',
]
);
$this->end_controls_tab();
$this->start_controls_tab( 'image_effect_hover',
[
'label' => esc_html__( 'Hover', 'elementor' ),
]
);
$this->add_control(
'background_hoveropacity',
[
'label' => esc_html__( 'Opacity', 'elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'max' => 1,
'min' => 0.10,
'step' => 0.01,
],
],
'selectors' => [
'{{WRAPPER}} .blog-featureimage:hover' => 'opacity: {{SIZE}};',
],
]
);
$this->add_group_control(
Group_Control_Css_Filter::get_type(),
[
'name' => 'imag_filters_hover',
'selector' => '{{WRAPPER}} .blog-featureimage:hover',
]
);
$this->add_control(
'background_hovertransition',
[
'label' => esc_html__( 'Transition Duration', 'elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'max' => 3,
'step' => 0.1,
],
],
'selectors' => [
'{{WRAPPER}} .blog-featureimage' => 'transition-duration: {{SIZE}}s',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'image_border',
'selector' => '{{WRAPPER}} .blog-featureimage',
'separator' => 'before',
]
);
$this->add_control(
'image_radius',
[
'label' => esc_html__( 'Border Radius', 'gum-elementor-addon' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .blog-featureimage' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
}
protected function render() {
$settings = $this->get_settings_for_display();
extract( $settings );
$post = get_post();
if( empty( $post )) return '';
$thumb_id = get_post_thumbnail_id( $post->ID );
if(!$thumb_id && is_admin()) {
$image_url = GUM_ELEMENTOR_URL.'css/placeholder.jpg';
$this->add_render_attribute( 'wrapper', 'class', 'blog-featureimage' );
$this->add_render_attribute( 'wrapper', 'style', 'background-image: url('.esc_attr( $image_url ).')' );
?><div <?php $this->print_render_attribute_string( 'wrapper' ); ?>><img src="<?php esc_attr_e( $image_url ); ?>" /></div><?php
}
elseif(!$thumb_id){ return ''; }
else{
$image = ['id' => $thumb_id ];
$settings['thumbnail'] = $image;
$image_url = Group_Control_Image_Size::get_attachment_image_src( $thumb_id , 'thumbnail', $settings);
if ( empty( $image_url ) && !is_admin()) return '';
if($image_url!==''){
$this->add_render_attribute( 'wrapper', 'class', 'blog-featureimage' );
$this->add_render_attribute( 'wrapper', 'style', 'background-image: url('.esc_attr( $image_url ).')' );
?><div <?php $this->print_render_attribute_string( 'wrapper' ); ?>><?php printf( '<img src="%s" title="%s" alt="%s" />', esc_attr( $image_url ), Control_Media::get_image_title( $thumb_id ), Control_Media::get_image_alt( $thumb_id ) );?></div><?php
}
else{
$image_url = GUM_ELEMENTOR_URL.'css/placeholder.jpg';
$this->add_render_attribute( 'wrapper', 'class', 'blog-featureimage' );
$this->add_render_attribute( 'wrapper', 'style', 'background-image: url('.esc_attr( $image_url ).')' );
?><div <?php $this->print_render_attribute_string( 'wrapper' ); ?>><img src="<?php esc_attr_e( $image_url ); ?>" /></div><?php
}
}
}
}
// Register widget
\Elementor\Plugin::instance()->widgets_manager->register_widget_type( new Gum_Elementor_Widget_blog_featured_image() );
?>