balmet.com

Welbim_Banner.php (11853B)

---

 <?php
 namespace Welbim\Helper\Elementor\Widgets;
 use Elementor\Utils;
 use Elementor\Controls_Manager;
 use Elementor\Widget_Base;
 use Elementor\Plugin;
 use \Elementor\Repeater;
 use Elementor\Group_Control_Typography;
 
 class Welbim_Banner extends Widget_Base
 {
 
 	public function get_name()
 	{
 		return 'welbim_banner';
 	}
 
 	public function get_title()
 	{
 		return esc_html__('Welbim Banner', 'welbim');
 	}
 
 	public function get_icon()
 	{
 		return 'sds-widget-ico';
 	}
 
 	public function get_categories()
 	{
 		return ['Welbim'];
 	}
 
 	protected function _register_controls()
 	{
 		$this->start_controls_section(
 			'item',
 			[
 				'label' => esc_html__('item', 'welbim'),
 			]
 		);
 
 		$this->add_control(
 			'layout_style',
 			[
 				'label'   => esc_html__('Layout Style', 'welbim'),
 				'type'    => Controls_Manager::SELECT,
 				'options' => [
 					'style_1' => esc_html__('Style One', 'welbim'),
 					'style_2' => esc_html__('Style Two', 'welbim'),
 
 				],
 				'default' => 'style_1',
 			]
 		);
 
 		$repeater = new Repeater();
 
 		$repeater->add_control(
 			'item_title',
 			[
 				'label'   => esc_html__('Title', 'welbim'),
 				'type'    => Controls_Manager::TEXT,
 				'default' => __('Best Welding <br> &amp; Metal Works', 'welbim'),
 			]
 		);
 
 		$repeater->add_control(
 			'item_background_image',
 			[
 				'label'   => esc_html__('Background Image', 'welbim'),
 				'type'    => Controls_Manager::MEDIA,
 				'default' => [
 					'url' => Utils::get_placeholder_image_src(),
 				],
 			]
 		);
 
 		$repeater->add_control(
 			'item_button_title',
 			[
 				'label'   => esc_html__('Button Title', 'welbim'),
 				'type'    => Controls_Manager::TEXT,
 				'default' => __('Discover More', 'welbim'),
 			]
 		);
 
 		$repeater->add_control(
 			'item_button_url',
 			[
 				'label'         => esc_html__('Button URL', 'welbim'),
 				'type'          => Controls_Manager::URL,
 				'placeholder'   => esc_html__('https://your-link.com', 'welbim'),
 				'show_external' => true,
 				'default'       => [
 					'url'         => '',
 					'is_external' => false,
 					'nofollow'    => false,
 				],
 			]
 		);
 
 		$this->add_control(
 			'items',
 			[
 				'label'   => esc_html__('Repeater List', 'welbim'),
 				'type'    => Controls_Manager::REPEATER,
 				'fields'  => $repeater->get_controls(),
 				'default' => [
 					[
 						'list_title'   => esc_html__('Title #1', 'welbim'),
 						'list_content' => esc_html__('Item content. Click the edit button to change this text.', 'welbim'),
 					],
 					[
 						'list_title'   => esc_html__('Title #2', 'welbim'),
 						'list_content' => esc_html__('Item content. Click the edit button to change this text.', 'welbim'),
 					],
 				],
 			]
 		);
 
 		$this->end_controls_section();
 
 		 // Typography Section
 
 		$this->start_controls_section(
 			'typography_section',
 			array(
 				'label' => __( 'Typography Section', 'welbim' ),
 				'tab'   => Controls_Manager::TAB_STYLE,
 			)
 		);
 
 		$this->add_group_control(
 			Group_Control_Typography::get_type(),
 			array(
 				'name'     => 'heading_typography',   
 				'label'    => __( 'Title', 'welbim' ),
 				'selector' => '{{WRAPPER}} .banner-section .swiper-slide-active .content-box h1',
 
 			)
 		);
 		
 		$this->add_group_control(
 			Group_Control_Typography::get_type(),
 			array(
 				'name'     => 'button_text_typography',   
 				'label'    => __( 'Button Title', 'welbim' ),
 				'selector' => '{{WRAPPER}} .btn-style-one span',
 
 			)
 		);
 		
 		$this->end_controls_section();
 
 			//color section
 
 			$this->start_controls_section(
 				'color_section',
 				array(
 					'label' => __('Color Section', 'welbim'),
 					'tab'   => \Elementor\Controls_Manager::TAB_STYLE,
 				)
 			);
 
 			$this->add_control(
 				'heading_color',
 				array(
 					'label'     => __('Title Color', 'welbim'),
 					'separator' => 'before',
 					'type'      => \Elementor\Controls_Manager::COLOR,
 					'selectors' => array(
 						'{{WRAPPER}} .banner-section .swiper-slide-active .content-box h1' => 'color: {{VALUE}}',
 					),
 				)
 			);
 
 			$this->add_control(
 				'button_bg_color',
 				array(
 					'label'     => __('Button BG Color', 'welbim'),
 					'separator' => 'before',
 					'type'      => \Elementor\Controls_Manager::COLOR,
 					'selectors' => array(
 						'{{WRAPPER}} .btn-style-one' => 'background-color: {{VALUE}}',
 					),
 				)
 			);
 
 			$this->add_control(
 				'button_text_color',
 				array(
 					'label'     => __('Button Title Color', 'welbim'),
 					'separator' => 'before',
 					'type'      => \Elementor\Controls_Manager::COLOR,
 					'selectors' => array(
 						'{{WRAPPER}} .btn-style-one span' => 'color: {{VALUE}}',
 					),
 				)
 			);
 		
 			$this->start_controls_tabs('tabs_button_style');
 			$this->start_controls_tab(
 				'tab_button_normal',
 				array(
 					'label' => __('Normal', 'welbim'),
 				)
 			);
 
 			$this->add_control(
 				'slider_button_left_color',
 				array(
 					'label'     => __('Slider Button Left BG Color', 'welbim'),
 					'separator' => 'before',
 					'type'      => \Elementor\Controls_Manager::COLOR,
 					'selectors' => array(
 						'{{WRAPPER}} .banner-section .banner-slider-button-prev' => 'background-color: {{VALUE}}',
 					),
 				)
 			);
 
 			$this->add_control(
 				'slider_button_left_icon_color',
 				array(
 					'label'     => __('Slider Button Left Icon Color', 'welbim'),
 					'separator' => 'before',
 					'type'      => \Elementor\Controls_Manager::COLOR,
 					'selectors' => array(
 						'{{WRAPPER}} .banner-section .banner-slider-button-prev' => 'color: {{VALUE}}',
 					),
 				)
 			);
 
 			$this->add_control(
 				'slider_button_right_color',
 				array(
 					'label'     => __('Slider Button Right BG Color', 'welbim'),
 					'separator' => 'before',
 					'type'      => \Elementor\Controls_Manager::COLOR,
 					'selectors' => array(
 						'{{WRAPPER}} .banner-section .banner-slider-button-next' => 'background-color: {{VALUE}}',
 					),
 				)
 			);
 
 			$this->add_control(
 				'slider_button_right_icon_color',
 				array(
 					'label'     => __('Slider Button Right Icon Color', 'welbim'),
 					'separator' => 'before',
 					'type'      => \Elementor\Controls_Manager::COLOR,
 					'selectors' => array(
 						'{{WRAPPER}} .banner-section .banner-slider-button-next' => 'color: {{VALUE}}',
 					),
 				)
 			);
 			
 			$this->end_controls_tab();
 		
 			$this->start_controls_tab(
 				'tab_button_hover',
 				array(
 					'label' => __('Hover', 'welbim'),
 				)
 			);
 		
 			$this->add_control(
 				'slider_button_left_bg_hover_color',
 				array(
 					'label'     => __('Slider Button BG Hover Left Color', 'welbim'),
 					'separator' => 'before',
 					'type'      => \Elementor\Controls_Manager::COLOR,
 					'selectors' => array(
 						'{{WRAPPER}} .banner-section .banner-slider-button-prev:hover' => 'background-color: {{VALUE}}',
 					),
 				)
 			);
 
 			$this->add_control(
 				'slider_button_left_icon_hover_color',
 				array(
 					'label'     => __('Slider Button Left Icon Hover Color', 'welbim'),
 					'separator' => 'before',
 					'type'      => \Elementor\Controls_Manager::COLOR,
 					'selectors' => array(
 						'{{WRAPPER}} .banner-section .banner-slider-button-prev:hover' => 'color: {{VALUE}}',
 					),
 				)
 			);
 
 			$this->add_control(
 				'slider_button_right_bg_hover_color',
 				array(
 					'label'     => __('Slider Button Right BG Hover Color', 'welbim'),
 					'separator' => 'before',
 					'type'      => \Elementor\Controls_Manager::COLOR,
 					'selectors' => array(
 						'{{WRAPPER}} .banner-section .banner-slider-button-next:hover' => 'background-color: {{VALUE}}',
 					),
 				)
 			);
 
 			$this->add_control(
 				'slider_button_right_icon_hover_color',
 				array(
 					'label'     => __('Slider Button Right Icon Hover Color', 'welbim'),
 					'separator' => 'before',
 					'type'      => \Elementor\Controls_Manager::COLOR,
 					'selectors' => array(
 						'{{WRAPPER}} .banner-section .banner-slider-button-next:hover' => 'color: {{VALUE}}',
 					),
 				)
 			);
 			
 		
 		$this->end_controls_tab();
 		$this->end_controls_tabs();
 		$this->end_controls_section();
 	
 
 	}
 	protected function render()
 	{
 		$settings     = $this->get_settings_for_display();
 		$layout_style = $settings['layout_style'];
 
 		if ($layout_style == 'style_1') { ?>
 			<section class="banner-section">
 				<div class="swiper-container banner-slider">
 					<div class="swiper-wrapper">
 						<!-- Slide Item -->
 						<?php
 						$i = 1;
 						foreach ($settings["items"] as $item) {
 							$item_title               = $item["item_title"];
 							$item_background_image    = ($item["item_background_image"]["id"] != "") ? wp_get_attachment_image_url($item["item_background_image"]["id"], "full") : $item["item_background_image"]["url"];
 							$item_button_title        = $item["item_button_title"];
 							$item_button_url          = $item["item_button_url"]["url"];
 							$item_button_url_external = $item["item_button_url"]["is_external"] ? 'target="_blank"' : '';
 							$item_button_url_nofollow = $item["item_button_url"]["nofollow"] ? 'rel="nofollow"' : '';
 						?>
 							<div class="swiper-slide" style="background-image: url(<?php echo $item_background_image; ?>);">
 								<div class="content-outer">
 									<div class="content-box">
 										<div class="inner text-center">
 											<h1><?php echo $item_title; ?></h1>
 											<div class="link-box">
 												<a href="<?php echo esc_url($item_button_url); ?>" <?php echo $item_button_url_external; ?> <?php echo $item_button_url_nofollow; ?> class="theme-btn btn-style-one"><span><?php echo $item_button_title; ?></span></a>
 											</div>
 										</div>
 									</div>
 								</div>
 							</div>
 						<?php
 							$i++;
 						}
 						?>
 						<!-- Slide Item -->
 					</div>
 				</div>
 				<div class="banner-slider-nav">
 					<div class="banner-slider-control banner-slider-button-prev"><span><i class="flaticon-left-arrow"></i></span></div>
 					<div class="banner-slider-control banner-slider-button-next"><span><i class="flaticon-left-arrow"></i></span> </div>
 				</div>
 			</section>
 		<?php } elseif ($layout_style == 'style_2') { ?>
 			<!-- Bnner Section -->
 			<section class="banner-section style-two">
 				<div class="swiper-container banner-slider">
 					<div class="swiper-wrapper">
 					<?php
 						$i = 1;
 						foreach ($settings["items"] as $item) {
 							$item_title               = $item["item_title"];
 							$item_background_image    = ($item["item_background_image"]["id"] != "") ? wp_get_attachment_image_url($item["item_background_image"]["id"], "full") : $item["item_background_image"]["url"];
 							$item_button_title        = $item["item_button_title"];
 							$item_button_url          = $item["item_button_url"]["url"];
 							$item_button_url_external = $item["item_button_url"]["is_external"] ? 'target="_blank"' : '';
 							$item_button_url_nofollow = $item["item_button_url"]["nofollow"] ? 'rel="nofollow"' : '';
 						?>
 						<div class="swiper-slide" style="background-image: url(<?php echo $item_background_image; ?>);">
 							<div class="content-outer">
 								<div class="content-box">
 									<div class="inner">
 										<h1><?php echo $item_title; ?></h1>
 										<div class="link-box">
 											<a href="<?php echo esc_url($item_button_url); ?>" <?php echo $item_button_url_external; ?> <?php echo $item_button_url_nofollow; ?> class="theme-btn btn-style-one"><span><?php echo $item_button_title; ?></span></a>
 										</div>
 									</div>
 								</div>
 							</div>
 						</div>			
 						<?php	$i++; }	?>
 
 						<!-- Slide Item -->
 					</div>
 				</div>
 				<div class="banner-slider-nav">
 					<div class="banner-slider-control banner-slider-button-prev"><span><i class="flaticon-left-arrow"></i></span></div>
 					<div class="banner-slider-control banner-slider-button-next"><span><i class="flaticon-left-arrow"></i></span> </div>
 				</div>
 			</section>
 			<!-- End Bnner Section -->
 
 <?php }
 	}
 }