File: /home/todorterziev/public_html/wp-content/plugins/prysm-core/elementor/widgets/agency/ag-about.php
<?php
class ag_main_about extends \Elementor\Widget_Base {
public function get_name() {
return 'ag_main_about';
}
public function get_title() {
return __( 'Agency About', 'prysm' );
}
public function get_icon() {
return 'eicon-post-content';
}
public function get_categories() {
return ['prysm-category'];
}
protected function register_controls() {
$this->start_controls_section(
'about__content',
[
'label' => __( 'About Content', 'prysm' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'sub_heading', [
'label' => esc_html__( 'Sub Title', 'prysm' ),
'type' => \Elementor\Controls_Manager::TEXT,
]
);
$this->add_control(
'heading', [
'label' => esc_html__( 'Title', 'prysm' ),
'type' => \Elementor\Controls_Manager::TEXTAREA,
]
);
$this->add_control(
'infos', [
'label' => esc_html__( 'Heading Info', 'prysm' ),
'type' => \Elementor\Controls_Manager::TEXTAREA,
]
);
$this->add_control(
'about_img', [
'label' => esc_html__( 'About Image', 'prysm' ),
'type' => \Elementor\Controls_Manager::MEDIA,
]
);
$this->add_control(
'about_shape', [
'label' => esc_html__( 'About Shape Image', 'prysm' ),
'type' => \Elementor\Controls_Manager::MEDIA,
]
);
$repeater = new \Elementor\Repeater();
$repeater->add_control(
'icon',
[
'label' => esc_html__( 'Icon', 'prysm' ),
'type' => \Elementor\Controls_Manager::TEXT,
]
);
$repeater->add_control(
'title', [
'label' => esc_html__( 'Title', 'prysm' ),
'type' => \Elementor\Controls_Manager::TEXT,
'label_block' => true,
]
);
$repeater->add_control(
'text', [
'label' => esc_html__( 'Text', 'prysm' ),
'type' => \Elementor\Controls_Manager::TEXTAREA,
]
);
$repeater->add_control(
'link',
[
'label' => __( 'Link', 'prysm' ),
'type' => \Elementor\Controls_Manager::URL,
'placeholder' => __( 'https://your-link.com', 'prysm' ),
]
);
$repeater->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'icon_bg_color',
'label' => __( 'Background', 'prysomn' ),
'types' => ['classic', 'gradient'],
'exclude' => ['image'],
'selector' => '{{WRAPPER}} {{CURRENT_ITEM}}',
]
);
$repeater->add_control(
'icon_color',
[
'label' => esc_html__( 'Icon Color', 'prysm' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} {{CURRENT_ITEM}} i' => 'color: {{VALUE}} ',
],
]
);
$this->add_control(
'lists_item',
[
'label' => __( 'Add Item', 'prysm-extension' ),
'type' => \Elementor\Controls_Manager::REPEATER,
'fields' => $repeater->get_controls(),
'title_field' => '{{{ title }}}',
]
);
$this->add_control(
'button_text', [
'label' => esc_html__( 'Button Text', 'prysm' ),
'type' => \Elementor\Controls_Manager::TEXT,
'label_block' => true,
]
);
$this->add_control(
'button_link',
[
'label' => __( 'Button Link', 'prysm' ),
'type' => \Elementor\Controls_Manager::URL,
'placeholder' => __( 'https://your-link.com', 'prysm' ),
]
);
$this->end_controls_section();
$this->start_controls_section(
'list_item_style',
[
'label' => esc_html__( 'List Item Style', 'prysm' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'item_title_style',
[
'type' => \Elementor\Controls_Manager::HEADING,
'label' => esc_html__( 'Item Title Style', 'prysm' ),
'separator' => 'before',
]
);
$this->add_control(
'itm_title_color',
[
'label' => esc_html__( 'Item Title Color', 'prysm' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .pr-an-about-ft-inner .pr-an-about-ft-text h3' => 'color: {{VALUE}} ',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'itm_title_typography',
'label' => esc_html__( 'Typography', 'prysm' ),
'selector' => '{{WRAPPER}} .pr-an-about-ft-inner .pr-an-about-ft-text h3',
'fields_options' => [
'typography' => [
'default' => 'custom',
],
],
]
);
$this->add_control(
'itm_text_style',
[
'type' => \Elementor\Controls_Manager::HEADING,
'label' => esc_html__( 'Text Style', 'prysm' ),
'separator' => 'before',
]
);
$this->add_control(
'itm_text_color',
[
'label' => esc_html__( 'Text Color', 'prysm' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .pera-content p' => 'color: {{VALUE}} ',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'itm_text_typography',
'label' => esc_html__( 'Typography', 'prysm' ),
'selector' => '{{WRAPPER}} .pera-content p',
'fields_options' => [
'typography' => [
'default' => 'custom',
],
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'about_style',
[
'label' => esc_html__( 'About Style', 'prysm' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'sub_heading_style',
[
'type' => \Elementor\Controls_Manager::HEADING,
'label' => esc_html__( 'Sub Heading Style', 'prysm' ),
'separator' => 'before',
]
);
$this->add_control(
'sub_h_color',
[
'label' => esc_html__( 'Sub Heading Color', 'prysm' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .pr-an-section-title span' => 'color: {{VALUE}} ',
],
]
);
$this->add_control(
'sub_br_color',
[
'label' => esc_html__( 'Sub Heading Border Color', 'prysm' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .pr-an-section-title span:after' => 'background: {{VALUE}} ',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'sb_h_typography',
'label' => esc_html__( 'Typography', 'prysm' ),
'selector' => '{{WRAPPER}} .pr-an-section-title span',
'fields_options' => [
'typography' => [
'default' => 'custom',
],
],
]
);
$this->add_control(
'heading_style',
[
'type' => \Elementor\Controls_Manager::HEADING,
'label' => esc_html__( 'Heading Style', 'prysm' ),
'separator' => 'before',
]
);
$this->add_control(
'heading_color',
[
'label' => esc_html__( 'Heading Color', 'prysm' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .pr-an-section-title h2' => 'color: {{VALUE}} ',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'heading_typography',
'label' => esc_html__( 'Typography', 'prysm' ),
'selector' => '{{WRAPPER}} .pr-an-section-title h2',
'fields_options' => [
'typography' => [
'default' => 'custom',
],
],
]
);
$this->add_control(
'info_item_style',
[
'type' => \Elementor\Controls_Manager::HEADING,
'label' => esc_html__( 'Info Style', 'prysm' ),
'separator' => 'before',
]
);
$this->add_control(
'info_item_clr',
[
'label' => esc_html__( 'Text Color', 'prysm' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .pr-an-section-title p' => 'color: {{VALUE}} ',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'info_item_typography',
'label' => esc_html__( 'Typography', 'prysm' ),
'selector' => '{{WRAPPER}} .pr-an-section-title p',
'fields_options' => [
'typography' => [
'default' => 'custom',
],
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'button__content',
[
'label' => __( 'Button Style', 'prysm' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'btn_typography',
'label' => esc_html__( 'Typography', 'prysm' ),
'selector' => '{{WRAPPER}} .pr-an-btn a',
'fields_options' => [
'typography' => [
'default' => 'custom',
],
],
]
);
$this->start_controls_tabs( '_banner_button_1' );
$this->start_controls_tab(
'_prysm_btn__banner_normal',
[
'label' => esc_html__( 'Normal', 'prysm-extension' ),
]
);
$this->add_control(
'btn__color',
[
'label' => esc_html__( 'Color', 'prysm-extension' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .pr-an-btn a' => 'color: {{VALUE}}',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'btn_bg_color',
'label' => __( 'Background', 'prysm-extension' ),
'types' => ['classic', 'gradient'],
'exclude' => ['image'],
'selector' => '{{WRAPPER}} .pr-an-btn a',
]
);
$this->add_responsive_control(
'btn_border_radious',
[
'label' => esc_html__( 'Border Radius', 'prysm-extension' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%'],
'selectors' => [
'{{WRAPPER}} .pr-an-btn a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Border::get_type(),
[
'name' => 'border',
'label' => __( 'Border', 'prysm-extension' ),
'selector' => '{{WRAPPER}} .pr-an-btn a',
]
);
$this->add_responsive_control(
'btn_padding',
[
'label' => esc_html__( 'Border Radius', 'prysm-extension' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%'],
'selectors' => [
'{{WRAPPER}} .pr-an-btn a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'_prysm_btn_hover',
[
'label' => esc_html__( 'Hover', 'prysm-extension' ),
]
);
$this->add_control(
'btn__hover_color',
[
'label' => esc_html__( 'Color', 'prysm-extension' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .pr-an-btn a:hover' => 'color: {{VALUE}}',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'btn_hover_bg_color',
'label' => __( 'Background', 'prysm-extension' ),
'types' => ['classic', 'gradient'],
'exclude' => ['image'],
'selector' => '{{WRAPPER}} .pr-an-btn a:hover',
]
);
$this->add_responsive_control(
'btn_hover_border_radious',
[
'label' => esc_html__( 'Border Radius', 'prysm-extension' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%'],
'selectors' => [
'{{WRAPPER}} .pr-an-btn a:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Border::get_type(),
[
'name' => 'btn_hover_border',
'label' => __( 'Border', 'prysm-extension' ),
'selector' => '{{WRAPPER}} .pr-an-btn a:hover',
]
);
$this->add_responsive_control(
'btn_hover_padding',
[
'label' => esc_html__( 'Border Radius', 'prysm-extension' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%'],
'selectors' => [
'{{WRAPPER}} .pr-an-btn a:hover' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
}
protected function render() {
$settings = $this->get_settings_for_display();
$about_img = $settings['about_img']['url'];
$about_shape = $settings['about_shape']['url'];
$lists_item = $settings['lists_item'];
$infos = $settings['infos'];
$heading = $settings['heading'];
$sub_heading = $settings['sub_heading'];
$button_text = $settings['button_text'];
$button_link = $settings['button_link'];
?>
<section id="pr-an-about" class="pr-an-about-section position-relative">
<span class="pr-an-about-shape position-absolute"><img src="<?php echo esc_url($about_shape);?>" alt=""></span>
<div class="container">
<div class="pr-an-about-content">
<div class="row">
<div class="col-lg-6 wow fadeInLeft" data-wow-delay="200ms" data-wow-duration="1500ms">
<div class="pr-an-about-img">
<img src="<?php echo esc_url($about_img);?>" alt="">
</div>
</div>
<div class="col-lg-6">
<div class="pr-an-about-text">
<div class="pr-an-section-title headline pera-content wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
<span><?php echo esc_html($sub_heading);?></span>
<h2><?php echo esc_html($heading);?></h2>
<p><?php echo __($infos);?></p>
</div>
<div class="pr-an-about-feature-list">
<?php foreach($lists_item as $item):?>
<div class="pr-an-about-ft-inner d-flex wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1500ms">
<div class="pr-an-about-ft-icon d-flex justify-content-center align-items-center">
<i class="<?php echo esc_attr($item['icon']);?>"></i>
</div>
<div class="pr-an-about-ft-text headline pera-content">
<h3><a href="<?php echo esc_url($item['link']['url']);?>"><?php echo esc_html($item['title']);?></a></h3>
<p><?php echo __($item['text']);?></p>
</div>
</div>
<?php endforeach;?>
</div>
<div class="pr-an-btn wow fadeInUp" data-wow-delay="800ms" data-wow-duration="1500ms">
<a href="<?php echo esc_url($button_link['url']);?>"><?php echo esc_html($button_text);?></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php
}
}