File Manager

X7ROOT File Manager

Current Path: /home/notabjze/boatingnight.com/wp-content/themes/yachbat/elementor/widgets

home / notabjze / boatingnight.com / wp-content / themes / yachbat / elementor / widgets /

ðŸ“ ..
ðŸ“„ blog-2.php(32.12 KB)
ðŸ“„ blog-3.php(32.14 KB)
ðŸ“„ blog.php(26.72 KB)
ðŸ“„ button.php(7.74 KB)
ðŸ“„ contact-info-2.php(18.51 KB)
ðŸ“„ contact-info.php(16.1 KB)
ðŸ“„ counter.php(11.48 KB)
ðŸ“„ gallery.php(10.01 KB)
ðŸ“„ header-banner.php(8.8 KB)
ðŸ“„ heading.php(7.44 KB)
ðŸ“„ logo.php(8.05 KB)
ðŸ“„ menu-canvas.php(5.35 KB)
ðŸ“„ menu-footer.php(4.41 KB)
ðŸ“„ menu-nav.php(6.68 KB)
ðŸ“„ product-list.php(23.39 KB)
ðŸ“„ special-offer.php(18.39 KB)
ðŸ“„ switch-language.php(4.66 KB)
ðŸ“„ tabs.php(60.94 KB)
ðŸ“„ testimonial-carousel.php(28.97 KB)
ðŸ“„ toggle.php(49.56 KB)

Editing: gallery.php

<?php

use Elementor\Widget_Base;
use Elementor\Controls_Manager;
use Elementor\Group_Control_Typography;
use Elementor\Group_Control_Border;
use Elementor\Utils;

if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly

class Yachbat_Elementor_Gallery extends Widget_Base {

public function get_name() {
		return 'yachbat_elementor_gallery';
	}

public function get_title() {
		return esc_html__( 'Gallery', 'yachbat' );
	}

public function get_icon() {
		return 'eicon-gallery-grid';
	}

public function get_categories() {
		return [ 'yachbat' ];
	}

public function get_script_depends() {
		wp_enqueue_style('fancybox', get_template_directory_uri().'/assets/libs/fancybox/fancybox.css');
		wp_enqueue_script('fancybox', get_template_directory_uri().'/assets/libs/fancybox/fancybox.js', array('jquery'),null,true);
		wp_enqueue_script('masonry', get_template_directory_uri().'/assets/libs/masonry/masonry.min.js', array('jquery'), false, true );
		return ['yachbat-elementor-gallery'];
	}
	
	// Add Your Controll In This Function
	protected function register_controls() {

$this->start_controls_section(
			'section_content',
			[
				'label' => esc_html__( 'Content', 'yachbat' ),
			]
		);

$this->add_control(
				'class_icon',
				[
					'label' => __( 'Icon', 'yachbat' ),
					'type' => Controls_Manager::ICONS,
					'default' => [
						'value' => 'ovaicon ovaicon-plus',
						'library' => 'all',
					],

]
			);

// Add Class control
			$repeater = new \Elementor\Repeater();

$repeater->add_control(
				'caption',
				[
					'label'   => esc_html__( 'Caption Image', 'yachbat' ),
					'type'    => Controls_Manager::TEXT,
					'default' => esc_html__( 'Caption', 'yachbat' ),
				]
			);

$repeater->add_control(
				'image',
				[
					'label'   => esc_html__( 'Gallery Image', 'yachbat' ),
					'type'    => Controls_Manager::MEDIA,
					'default' => [
						'url' => Utils::get_placeholder_image_src(),
					],
				]
			);

$repeater->add_control(
				'image_popup',
				[
					'label'   => esc_html__( 'Popup Image', 'yachbat' ),
					'type'    => Controls_Manager::MEDIA,
					'default' => [
						'url' => Utils::get_placeholder_image_src(),
					],
				]
			);

$repeater->add_responsive_control(
				'image_width',
				[
					'label' 		=> esc_html__( 'Width', 'yachbat' ),
					'type' 			=> Controls_Manager::SLIDER,
					'size_units' 	=> [ '%', 'px' ],
					'default' => [
						'unit' => '%',
					],
					'tablet_default' => [
						'unit' => '%',
					],
					'mobile_default' => [
						'unit' => '%',
					],
					'range' => [
						'px' => [
							'min' 	=> 0,
							'max' 	=> 1000,
							'step' 	=> 10,
						],
						'%' => [
							'min' 	=> 0,
							'max' 	=> 100,
							'step' 	=> 1,
						],
					],
					'selectors' => [
						'{{WRAPPER}} .ova-gallery .grid {{CURRENT_ITEM}}' => 'width: {{SIZE}}{{UNIT}}',
					],
				]
			);

$repeater->add_responsive_control(
				'image_height',
				[
					'label' 		=> esc_html__( 'Height', 'yachbat' ),
					'type' 			=> Controls_Manager::SLIDER,
					'size_units' 	=> [ '%', 'px' ],
					'default' => [
						'unit' => '%',
					],
					'tablet_default' => [
						'unit' => '%',
					],
					'mobile_default' => [
						'unit' => '%',
					],
					'range' => [
						'px' => [
							'min' 	=> 0,
							'max' 	=> 1000,
							'step' 	=> 10,
						],
						'%' => [
							'min' 	=> 0,
							'max' 	=> 100,
							'step' 	=> 1,
						],
					],
					'selectors' => [
						'{{WRAPPER}} .ova-gallery .grid {{CURRENT_ITEM}} img' => 'height: {{SIZE}}{{UNIT}}',
					],
				]
			);

$repeater->add_responsive_control(
				'image_padding',
				[
					'label'      => esc_html__( 'Padding', 'yachbat' ),
					'type'       => Controls_Manager::DIMENSIONS,
					'size_units' => [ 'px', 'em', '%' ],
					'selectors'  => [
						'{{WRAPPER}} .ova-gallery .grid {{CURRENT_ITEM}}' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					],
				]
			);

$this->add_control(
				'tab_item',
				[
					'label'		=> esc_html__( 'Items Gallery', 'yachbat' ),
					'type'		=> Controls_Manager::REPEATER,
					'fields'  	=> $repeater->get_controls(),
					'default' 	=> [
						[
							'caption' 	=>  esc_html__( 'Project', 'yachbat' ),
						],
						[
							'caption' 	=>  esc_html__( 'Project', 'yachbat' ),
						],
						[
							'caption' 	=>  esc_html__( 'Project', 'yachbat' ),
						],
						[
							'caption' 	=>  esc_html__( 'Project', 'yachbat' ),
						],
					],
					'title_field' => '{{{ caption }}}',
				]
			);

$this->end_controls_section();

$this->start_controls_section(
			'section_image_style',
			[
				'label' => esc_html__( 'Image', 'yachbat' ),
				'tab'   => Controls_Manager::TAB_STYLE,
			]
		);

$this->add_responsive_control(
				'image_margin',
				[
					'label'      => esc_html__( 'Margin', 'yachbat' ),
					'type'       => Controls_Manager::DIMENSIONS,
					'size_units' => [ 'px', 'em', '%' ],
					'selectors'  => [
						'{{WRAPPER}} .ova-gallery .grid .grid-item' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					],
				]
			);

$this->end_controls_section();

$this->start_controls_section(
			'section_content_style',
			[
				'label' => esc_html__( 'Content', 'yachbat' ),
				'tab' 	=> Controls_Manager::TAB_STYLE,
			]
		);

$this->add_control(
				'content_bg_hover',
				[
					'label'     => esc_html__( 'Background Hover', 'yachbat' ),
					'type'      => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} .ova-gallery .grid .grid-item .gallery-fancybox .gallery-container:before' => 'background-color : {{VALUE}};',
					],
				]
			);

$this->add_responsive_control(
				'content_opacity',
				[
					'label' => esc_html__( 'Opacity', 'yachbat' ),
					'type' 	=> Controls_Manager::SLIDER,
					
					'range' => [
						'px' => [
							'min' 	=> 0,
							'max' 	=> 1,
							'step' 	=> 0.1,
						],
					],
					'selectors' => [
						'{{WRAPPER}} .ova-gallery .grid .grid-item:hover .gallery-fancybox .gallery-container:before' => 'opacity: {{SIZE}}',
					],
				]
			);

$this->end_controls_section();
		
		$this->start_controls_section(
			'icon_style',
			[
				'label' => esc_html__( 'Icon', 'yachbat' ),
				'tab' 	=> Controls_Manager::TAB_STYLE,
			]
		);

$this->add_group_control(
				Group_Control_Typography::get_type(),
				[
					'name'     => 'icon_typography',
					'selector' => '{{WRAPPER}} .ova-gallery .grid .grid-item .gallery-fancybox .gallery-container .gallery-icon i',
				]
			);

$this->add_control(
				'icon_color',
				[
					'label'     => esc_html__( 'Color', 'yachbat' ),
					'type'      => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} .ova-gallery .grid .grid-item .gallery-fancybox .gallery-container .gallery-icon i' => 'color : {{VALUE}};',
					],
				]
			);

$this->add_group_control(
				\Elementor\Group_Control_Border::get_type(),
				[
					'name' 		=> 'icon_border',
					'label' 	=> esc_html__( 'Border', 'yachbat' ),
					'selector' 	=> '{{WRAPPER}} .ova-gallery .grid .grid-item .gallery-fancybox .gallery-container .gallery-icon',
				]
			);
			
			$this->add_responsive_control(
				'icon_top',
				[
					'label' => esc_html__( 'Top', 'yachbat' ),
					'type' 	=> Controls_Manager::SLIDER,
					'size_units' => [ '%', 'px' ],
					'default' => [
						'unit' => 'px',
					],
					'tablet_default' => [
						'unit' => 'px',
					],
					'mobile_default' => [
						'unit' => 'px',
					],
					'range' => [
						'px' => [
							'min' 	=> 0,
							'max' 	=> 500,
							'step' 	=> 1,
						],
						'%' => [
							'min' 	=> 0,
							'max' 	=> 100,
							'step' 	=> 1,
						],
					],
					'selectors' => [
						'{{WRAPPER}} .ova-gallery .grid .grid-item .gallery-fancybox .gallery-container .gallery-icon' => 'top: {{SIZE}}{{UNIT}}',
					],
				]
			);

$this->add_responsive_control(
				'icon_right',
				[
					'label' => esc_html__( 'Right', 'yachbat' ),
					'type' => Controls_Manager::SLIDER,
					'size_units' => [ '%', 'px' ],
					'default' => [
						'unit' => 'px',
					],
					'tablet_default' => [
						'unit' => 'px',
					],
					'mobile_default' => [
						'unit' => 'px',
					],
					'range' => [
						'px' => [
							'min' => 0,
							'max' => 500,
							'step' => 1,
						],
						'%' => [
							'min' => 0,
							'max' => 100,
							'step' => 1,
						],
					],
					'selectors' => [
						'{{WRAPPER}} .ova-gallery .grid .grid-item .gallery-fancybox .gallery-container .gallery-icon' => 'right: {{SIZE}}{{UNIT}}',
					],
				]
			);

$this->end_controls_section();
	}

// Render Template Here
	protected function render() {

$settings 	= $this->get_settings();

// Get list item
		$tabs 		= $settings['tab_item'];
		$icon 		= $settings['class_icon']['value'];

<?php if ( $tabs && is_array( $tabs ) ): ?>
	        <div class="ova-gallery">
	        	<div class="grid">
	        		<div class="grid-sizer"></div>
	        		
	  				<?php foreach ( $tabs as $key => $items ): 
	  					$img_url 	= $items['image']['url'];
	  					$img_popup 	= $items['image_popup']['url'];
	  					$img_alt 	= isset( $items['image']['alt'] ) ? $items['image']['alt'] : $items['caption'];
	  					$caption 	= $items['caption'];
	  					$item_id 	= 'elementor-repeater-item-' . $items['_id'];

if ( ! $caption ) {
	  						$caption = $img_alt;
	  					}
	  				?>
	  					<div class="grid-item <?php echo esc_attr( $item_id ); ?>">
	  						<a class="gallery-fancybox" data-src="<?php echo esc_url( $img_popup ); ?>"
	  							data-fancybox="gallery"
	  							data-caption="<?php echo esc_attr( $caption ); ?>">

</div>
		<?php
		endif;
	}

}
$widgets_manager->register_widget_type( new Yachbat_Elementor_Gallery() );

X7ROOT File Manager

Editing: gallery.php

Upload File

Create Folder