%PDF-
%PDF-
Mini Shell
Mini Shell
<?php
namespace Elementor;
// Elementor Classes
use \Elementor\Core\Schemes\Color as Scheme_Color;
use \Elementor\Core\Schemes\Typography as Scheme_Typography;
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
class Woolentor_Elementor_Widget_Add_Banner extends Widget_Base {
public function get_name() {
return 'woolentor-addbanner-addons';
}
public function get_title() {
return __( 'WL: Add Banner', 'woolentor' );
}
public function get_icon() {
return 'eicon-photo-library';
}
public function get_categories() {
return [ 'woolentor-addons' ];
}
public function get_style_depends(){
return [
'woolentor-widgets',
];
}
public function get_keywords(){
return ['banner','image banner','adds','adds banner'];
}
protected function _register_controls() {
$this->start_controls_section(
'banner-conent',
[
'label' => __( 'Banner', 'woolentor' ),
]
);
$this->add_control(
'banner_layout',
[
'label' => __( 'Style', 'woolentor' ),
'type' => Controls_Manager::SELECT,
'default' => '1',
'options' => [
'1' => __( 'Style One', 'woolentor' ),
'2' => __( 'Style Two', 'woolentor' )
],
]
);
$this->add_control(
'content_alignment',
[
'label' => __( 'Content Alignment', 'woolentor' ),
'type' => Controls_Manager::SELECT,
'default' => 'left',
'options' => [
'left' => __( 'Left', 'woolentor' ),
'right' => __( 'Right', 'woolentor' ),
'bottom' => __( 'Bottom', 'woolentor' ),
]
]
);
$this->add_control(
'bannerimage',
[
'label' => __( 'Banner image', 'woolentor' ),
'type' => Controls_Manager::MEDIA,
'default' => [
'url' => Utils::get_placeholder_image_src(),
],
]
);
$this->add_group_control(
Group_Control_Image_Size::get_type(),
[
'name' => 'bannerimagesize',
'default' => 'large',
'separator' => 'none',
]
);
$this->add_control(
'bannertitle',
[
'label' => __( 'Banner Title', 'woolentor' ),
'type' => Controls_Manager::TEXTAREA,
]
);
$this->add_control(
'bannersubtitle',
[
'label' => __( 'Banner Sub Title', 'woolentor' ),
'type' => Controls_Manager::TEXTAREA,
]
);
$this->add_control(
'buttontxt',
[
'label' => __( 'Button Text', 'woolentor' ),
'type' => Controls_Manager::TEXT,
]
);
$this->add_control(
'buttonlink',
[
'label' => __( 'Button Link', 'woolentor' ),
'type' => Controls_Manager::URL,
'placeholder' => __( 'https://your-link.com', 'woolentor' ),
'show_external' => true,
'default' => [
'url' => '',
'is_external' => true,
'nofollow' => true,
],
]
);
$this->end_controls_section();
// Slider Button stle
$this->start_controls_section(
'banner-style-section',
[
'label' => esc_html__( 'Style', 'woolentor' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'title_style_heading',
[
'label' => __( 'Title', 'woolentor' ),
'type' => Controls_Manager::HEADING,
]
);
$this->add_control(
'title_color',
[
'label' => __( 'Color', 'woolentor' ),
'type' => Controls_Manager::COLOR,
'default' => '#404040',
'selectors' => [
'{{WRAPPER}} .woolentor-banner .banner_title' => 'color: {{VALUE}};',
],
]
);
$this->add_responsive_control(
'title_margin',
[
'label' => __( 'Margin', 'woolentor' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%', 'em' ],
'selectors' => [
'{{WRAPPER}} .woolentor-banner .banner_title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'title_typography',
'label' => __( 'Typography', 'woolentor' ),
'selector' => '{{WRAPPER}} .woolentor-banner .banner_title',
]
);
$this->add_control(
'sub_title_style_heading',
[
'label' => __( 'Sub Title', 'woolentor' ),
'type' => Controls_Manager::HEADING,
'separator'=>'before',
]
);
$this->add_control(
'sub_title_color',
[
'label' => __( 'Color', 'woolentor' ),
'type' => Controls_Manager::COLOR,
'default' => '#404040',
'selectors' => [
'{{WRAPPER}} .woolentor-banner .banner_subtitle' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'sub_title_typography',
'label' => __( 'Typography', 'woolentor' ),
'selector' => '{{WRAPPER}} .woolentor-banner .banner_subtitle',
]
);
$this->add_responsive_control(
'sub_title_margin',
[
'label' => __( 'Margin', 'woolentor' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%', 'em' ],
'selectors' => [
'{{WRAPPER}} .woolentor-banner .banner_subtitle' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_control(
'button_style_heading',
[
'label' => __( 'Button', 'woolentor' ),
'type' => Controls_Manager::HEADING,
'separator'=>'before',
]
);
$this->add_control(
'button_color',
[
'label' => __( 'Color', 'woolentor' ),
'type' => Controls_Manager::COLOR,
'default' => '#404040',
'selectors' => [
'{{WRAPPER}} .woolentor-banner .banner_button' => 'color: {{VALUE}};border-color: {{VALUE}};',
],
]
);
$this->add_control(
'button_hover_color',
[
'label' => __( 'Hover Color', 'woolentor' ),
'type' => Controls_Manager::COLOR,
'default' => '#404040',
'selectors' => [
'{{WRAPPER}} .woolentor-banner .banner_button:hover' => 'color: {{VALUE}};border-color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'button_typography',
'label' => __( 'Typography', 'woolentor' ),
'selector' => '{{WRAPPER}} .woolentor-banner .banner_button',
]
);
$this->end_controls_section(); // Tab option end
}
protected function render( $instance = [] ) {
$settings = $this->get_settings_for_display();
$this->add_render_attribute( 'area_attr', 'class', 'woolentor-banner' );
$this->add_render_attribute( 'area_attr', 'class', 'woolentor-content-align-'.$settings['content_alignment'] );
$this->add_render_attribute( 'area_attr', 'class', 'woolentor-banner-layout-'.$settings['banner_layout'] );
// Button Link
$target = $settings['buttonlink']['is_external'] ? ' target="_blank"' : '';
$nofollow = $settings['buttonlink']['nofollow'] ? ' rel="nofollow"' : '';
?>
<div <?php echo $this->get_render_attribute_string( 'area_attr' ); ?> >
<div class="woolentor-content">
<?php
if( !empty( $settings['bannersubtitle'] ) ){
echo '<h3 class="banner_subtitle">'.$settings['bannersubtitle'].'</h3>';
}
if( !empty( $settings['bannertitle'] ) ){
echo '<h2 class="banner_title">'.$settings['bannertitle'].'</h2>';
}
if( !empty( $settings['buttontxt'] ) ){
echo '<a class="banner_button" href="'.esc_url( $settings['buttonlink']['url'] ).'" '.$target.$nofollow.'>'.esc_html__( $settings['buttontxt'], 'woolentor' ).'</a>';
}
?>
</div>
<div class="woolentor-banner-img">
<a href="<?php echo esc_url( $settings['buttonlink']['url'] );?>" <?php echo $target.$nofollow; ?> >
<?php echo Group_Control_Image_Size::get_attachment_image_html( $settings, 'bannerimagesize', 'bannerimage' );?>
</a>
</div>
</div>
<?php
}
}
Plugin::instance()->widgets_manager->register_widget_type( new Woolentor_Elementor_Widget_Add_Banner() );
Zerion Mini Shell 1.0