/home/vianto5/ceibaresidencial.mx/wp-content/themes/moore_old/elementor/widgets
Edit: /home/vianto5/ceibaresidencial.mx/wp-content/themes/moore_old/elementor/widgets/header-banner.php (8930B)
start_controls_section(
'section_content',
[
'label' => esc_html__( 'Content', 'moore' ),
]
);
$this->add_control(
'header_boxed_content',
[
'label' => esc_html__( 'Display Boxed Content', 'moore' ),
'type' => Controls_Manager::SWITCHER,
'default' => 'no'
]
);
$this->add_control(
'header_bg_source',
[
'label' => esc_html__( 'Display Background by Feature Image in Post/Page', 'moore' ),
'type' => Controls_Manager::SWITCHER,
'default' => 'no'
]
);
// Background Color
$this->add_control(
'cover_color',
[
'label' => esc_html__( 'Background Cover Color', 'moore' ),
'type' => Controls_Manager::COLOR,
'default' => 'rgba(0,0,0,0.51)',
'description' => esc_html__( 'You can add background image in Advanced Tab', 'moore' ),
'selectors' => [
'{{WRAPPER}} .cover_color' => 'background-color: {{VALUE}};',
],
'separator' => 'after'
]
);
// Title
$this->add_control(
'show_title',
[
'label' => esc_html__( 'Show Title', 'moore' ),
'type' => Controls_Manager::SWITCHER,
'default' => 'yes',
'selector' => '{{WRAPPER}} .header_banner_el .header_title',
]
);
$this->add_control(
'title_color',
[
'label' => esc_html__( 'Title Color', 'moore' ),
'type' => Controls_Manager::COLOR,
'default' => '#343434',
'selectors' => [
'{{WRAPPER}} .header_banner_el .header_title' => 'color: {{VALUE}};',
],
]
);
$this->add_responsive_control(
'title_padding',
[
'label' => esc_html__( 'Title Padding', 'moore' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .header_banner_el .header_title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_control(
'title_tag',
[
'label' => esc_html__( 'Choose Title Format', 'moore' ),
'type' => Controls_Manager::SELECT,
'options' => [
'h1' => esc_html__('H1', 'moore'),
'h2' => esc_html__('H2', 'moore'),
'h3' => esc_html__('H3', 'moore'),
'h4' => esc_html__('H4', 'moore'),
'h5' => esc_html__('H5', 'moore'),
'h6' => esc_html__('H6', 'moore'),
'div' => esc_html__('DIV', 'moore'),
],
'default' => 'h1'
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'header_title',
'label' => esc_html__( 'Title Typo', 'moore' ),
'selector' => '{{WRAPPER}} .header_banner_el .header_title',
]
);
// Breadcrumbs
$this->add_control(
'show_breadcrumbs',
[
'label' => esc_html__( 'Show Breadcrumbs', 'moore' ),
'type' => Controls_Manager::SWITCHER,
'default' => 'yes',
'selector' => '{{WRAPPER}} .header_breadcrumbs',
'separator' => 'before'
]
);
$this->add_control(
'breadcrumbs_color',
[
'label' => esc_html__( 'Breadcrumbs Color', 'moore' ),
'type' => Controls_Manager::COLOR,
'default' => '#343434',
'selectors' => [
'{{WRAPPER}} .header_banner_el ul.breadcrumb li' => 'color: {{VALUE}};',
'{{WRAPPER}} .header_banner_el ul.breadcrumb li a' => 'color: {{VALUE}};',
'{{WRAPPER}} .header_banner_el ul.breadcrumb a' => 'color: {{VALUE}};',
'{{WRAPPER}} .header_banner_el ul.breadcrumb li .separator i' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'breadcrumbs_color_hover',
[
'label' => esc_html__( 'Breadcrumbs Color hover', 'moore' ),
'type' => Controls_Manager::COLOR,
'default' => '#343434',
'selectors' => [
'{{WRAPPER}} .header_banner_el ul.breadcrumb li a:hover' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'header_breadcrumbs_typo',
'label' => esc_html__( 'Breadcrumbs Typography', 'moore' ),
'selector' => '{{WRAPPER}} .header_banner_el ul.breadcrumb li',
]
);
$this->add_responsive_control(
'breadcrumbs_padding',
[
'label' => esc_html__( 'Breadcrumbs Padding', 'moore' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .header_banner_el .header_breadcrumbs' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
// Style
$this->add_responsive_control(
'align',
[
'label' => esc_html__( 'Alignment', 'moore' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => esc_html__( 'Left', 'moore' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => esc_html__( 'Center', 'moore' ),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' => esc_html__( 'Right', 'moore' ),
'icon' => 'eicon-text-align-right',
],
],
'selectors' => [
'{{WRAPPER}}' => 'text-align: {{VALUE}};',
],
'default' => 'center',
'separator' => 'before'
]
);
$this->add_control(
'class',
[
'label' => esc_html__( 'Class', 'moore' ),
'type' => Controls_Manager::TEXT,
]
);
$this->end_controls_section();
}
/**
* Render the widget output on the frontend.
*
* Written in PHP and used to generate the final HTML.
*
* @since 1.0.0
*
* @access protected
*/
protected function render() {
$settings = $this->get_settings();
$class_bg = $attr_style = '';
if( $settings['header_bg_source'] == 'yes' ){
$current_id = moore_get_current_id();
$header_bg_source = get_the_post_thumbnail_url( $current_id, 'full' );
$class_bg = 'bg_feature_img';
$attr_style = 'style="background: url( '.$header_bg_source.' )" ';
}
?>
register( new Moore_Elementor_Header_Banner() );