mirror of
https://github.com/proelements/proelements.git
synced 2026-04-06 04:13:48 +00:00
v3.33.1
This commit is contained in:
proelements
828
modules/loop-filter/widgets/taxonomy-filter.php
Normal file
828
modules/loop-filter/widgets/taxonomy-filter.php
Normal file
@@ -0,0 +1,828 @@
|
||||
<?php
|
||||
namespace ElementorPro\Modules\LoopFilter\Widgets;
|
||||
|
||||
use Elementor\Controls_Manager;
|
||||
use Elementor\Group_Control_Background;
|
||||
use Elementor\Group_Control_Border;
|
||||
use Elementor\Group_Control_Box_Shadow;
|
||||
use Elementor\Group_Control_Text_Shadow;
|
||||
use Elementor\Group_Control_Typography;
|
||||
use ElementorPro\Base\Base_Widget;
|
||||
use ElementorPro\Modules\LoopFilter\Traits\Hierarchical_Taxonomy_Trait;
|
||||
use ElementorPro\Modules\LoopFilter\Traits\Taxonomy_Filter_Trait;
|
||||
use ElementorPro\Plugin;
|
||||
use Elementor\Utils;
|
||||
use ElementorPro\Modules\ThemeBuilder\Module as ThemeBuilderModule;
|
||||
use ElementorPro\Modules\Posts\Traits\Pagination_Trait;
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly
|
||||
}
|
||||
|
||||
class Taxonomy_Filter extends Base_Widget {
|
||||
use Hierarchical_Taxonomy_Trait;
|
||||
use Taxonomy_Filter_Trait;
|
||||
use Pagination_Trait;
|
||||
|
||||
public function get_name() {
|
||||
return 'taxonomy-filter';
|
||||
}
|
||||
|
||||
public function get_group_name() {
|
||||
return 'loop-filter';
|
||||
}
|
||||
|
||||
public function get_title() {
|
||||
return esc_html__( 'Taxonomy Filter', 'elementor-pro' );
|
||||
}
|
||||
|
||||
public function get_icon() {
|
||||
return 'eicon-taxonomy-filter';
|
||||
}
|
||||
|
||||
public function get_keywords() {
|
||||
return [ 'filter', 'loop', 'filter bar', 'taxonomy', 'categories', 'tags' ];
|
||||
}
|
||||
|
||||
/**
|
||||
* Get style dependencies.
|
||||
*
|
||||
* Retrieve the list of style dependencies the widget requires.
|
||||
*
|
||||
* @since 3.24.0
|
||||
* @access public
|
||||
*
|
||||
* @return array Widget style dependencies.
|
||||
*/
|
||||
public function get_style_depends(): array {
|
||||
return [ 'widget-loop-filter' ];
|
||||
}
|
||||
|
||||
public function has_widget_inner_wrapper(): bool {
|
||||
return ! Plugin::elementor()->experiments->is_feature_active( 'e_optimized_markup' );
|
||||
}
|
||||
|
||||
protected function register_controls() {
|
||||
$this->start_controls_section(
|
||||
'section_taxonomy_filter',
|
||||
[
|
||||
'label' => esc_html__( 'Layout', 'elementor-pro' ),
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_control(
|
||||
'selected_element',
|
||||
[
|
||||
'label' => esc_html__( 'Selected loop grid', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::SELECT,
|
||||
'options' => [
|
||||
'' => esc_html__( 'Select a widget', 'elementor-pro' ),
|
||||
],
|
||||
'label_block' => true,
|
||||
'frontend_available' => true,
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_control(
|
||||
'taxonomy',
|
||||
[
|
||||
'label' => esc_html__( 'Taxonomy', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::SELECT,
|
||||
'options' => [
|
||||
'' => esc_html__( 'Select a taxonomy', 'elementor-pro' ),
|
||||
],
|
||||
'label_block' => true,
|
||||
'condition' => [
|
||||
'selected_element!' => '',
|
||||
],
|
||||
'frontend_available' => true,
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_responsive_control(
|
||||
'direction',
|
||||
[
|
||||
'label' => esc_html__( 'Direction', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::SELECT,
|
||||
'options' => [
|
||||
'horizontal' => esc_html__( 'Horizontal', 'elementor-pro' ),
|
||||
'vertical' => esc_html__( 'Vertical', 'elementor-pro' ),
|
||||
],
|
||||
'default' => 'horizontal',
|
||||
'selectors_dictionary' => [
|
||||
'horizontal' => '--e-filter-direction: row;--e-filter-white-space: nowrap;',
|
||||
'vertical' => '--e-filter-direction: column;--e-filter-white-space: initial;',
|
||||
],
|
||||
'selectors' => [
|
||||
'{{WRAPPER}}' => '{{VALUE}};',
|
||||
],
|
||||
'condition' => [
|
||||
'selected_element!' => '',
|
||||
],
|
||||
'control_type' => 'content',
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_responsive_control(
|
||||
'item_alignment_horizontal',
|
||||
[
|
||||
'label' => esc_html__( 'Item Alignment', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::CHOOSE,
|
||||
'options' => [
|
||||
'start' => [
|
||||
'title' => esc_html__( 'Start', 'elementor-pro' ),
|
||||
'icon' => 'eicon-align-start-h',
|
||||
],
|
||||
'center' => [
|
||||
'title' => esc_html__( 'Center', 'elementor-pro' ),
|
||||
'icon' => 'eicon-align-center-h',
|
||||
],
|
||||
'end' => [
|
||||
'title' => esc_html__( 'End', 'elementor-pro' ),
|
||||
'icon' => 'eicon-align-end-h',
|
||||
],
|
||||
'stretch' => [
|
||||
'title' => esc_html__( 'Stretch', 'elementor-pro' ),
|
||||
'icon' => 'eicon-align-stretch-h',
|
||||
],
|
||||
],
|
||||
'selectors' => [
|
||||
'{{WRAPPER}}' => '{{VALUE}};',
|
||||
],
|
||||
'selectors_dictionary' => [
|
||||
'start' => '--e-filter-justify-content: flex-start; --e-filter-item-width: initial; --e-filter-item-flex-grow: 0;',
|
||||
'center' => '--e-filter-justify-content: center; --e-filter-item-width: initial; --e-filter-item-flex-grow: 0;',
|
||||
'end' => '--e-filter-justify-content: flex-end; --e-filter-item-width: initial; --e-filter-item-flex-grow: 0;',
|
||||
'stretch' => '--e-filter-justify-content: initial; --e-filter-item-width: 100%; --e-filter-item-flex-grow: 1;',
|
||||
],
|
||||
'condition' => [
|
||||
'direction' => 'horizontal',
|
||||
'selected_element!' => '',
|
||||
],
|
||||
'frontend_available' => true,
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_responsive_control(
|
||||
'title_alignment_horizontal',
|
||||
[
|
||||
'label' => esc_html__( 'Title Alignment', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::CHOOSE,
|
||||
'options' => [
|
||||
'start' => [
|
||||
'title' => esc_html__( 'Start', 'elementor-pro' ),
|
||||
'icon' => 'eicon-align-start-h',
|
||||
],
|
||||
'center' => [
|
||||
'title' => esc_html__( 'Center', 'elementor-pro' ),
|
||||
'icon' => 'eicon-align-center-h',
|
||||
],
|
||||
'end' => [
|
||||
'title' => esc_html__( 'End', 'elementor-pro' ),
|
||||
'icon' => 'eicon-align-end-h',
|
||||
],
|
||||
],
|
||||
'selectors' => [
|
||||
'{{WRAPPER}}' => '{{VALUE}};',
|
||||
],
|
||||
'selectors_dictionary' => [
|
||||
'start' => '--e-filter-item-justify-content: flex-start;',
|
||||
'center' => '--e-filter-item-justify-content: center;',
|
||||
'end' => '--e-filter-item-justify-content: flex-end;',
|
||||
],
|
||||
'condition' => [
|
||||
'direction' => 'horizontal',
|
||||
'selected_element!' => '',
|
||||
'item_alignment_horizontal' => 'stretch',
|
||||
],
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_responsive_control(
|
||||
'item_alignment_vertical',
|
||||
[
|
||||
'label' => esc_html__( 'Item Alignment', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::CHOOSE,
|
||||
'options' => [
|
||||
'start' => [
|
||||
'title' => esc_html__( 'Start', 'elementor-pro' ),
|
||||
'icon' => 'eicon-align-start-h',
|
||||
],
|
||||
'center' => [
|
||||
'title' => esc_html__( 'Center', 'elementor-pro' ),
|
||||
'icon' => 'eicon-align-center-h',
|
||||
],
|
||||
'end' => [
|
||||
'title' => esc_html__( 'End', 'elementor-pro' ),
|
||||
'icon' => 'eicon-align-end-h',
|
||||
],
|
||||
'stretch' => [
|
||||
'title' => esc_html__( 'Stretch', 'elementor-pro' ),
|
||||
'icon' => 'eicon-align-stretch-h',
|
||||
],
|
||||
],
|
||||
'selectors' => [
|
||||
'{{WRAPPER}}' => '{{VALUE}};',
|
||||
],
|
||||
'selectors_dictionary' => [
|
||||
'start' => '--e-filter-align-items: flex-start; --e-filter-item-width: initial; --e-filter-item-max-width: calc(100% - calc(var( --e-filter-item-padding )*3 ) ); --e-filter-item-flex-grow: initial; --e-filter-item-box-sizing: initial; --e-filter-item-align-text: start;',
|
||||
'center' => '--e-filter-align-items: center; --e-filter-item-width: initial; --e-filter-item-max-width: calc(100% - calc(var( --e-filter-item-padding )*3 ) ); --e-filter-item-flex-grow: initial; --e-filter-item-box-sizing: initial; --e-filter-item-align-text: center;',
|
||||
'end' => '--e-filter-align-items: flex-end; --e-filter-item-width: initial; --e-filter-item-max-width: calc(100% - calc(var( --e-filter-item-padding )*3 ) ); --e-filter-item-flex-grow: initial; --e-filter-item-box-sizing: initial; --e-filter-item-align-text: end;',
|
||||
'stretch' => '--e-filter-align-items: center; --e-filter-item-width: 100%; --e-filter-item-max-width: 100%; --e-filter-item-flex-grow: 1; --e-filter-item-box-sizing: border-box; --e-filter-item-align-text: center;',
|
||||
],
|
||||
'condition' => [
|
||||
'direction' => 'vertical',
|
||||
'selected_element!' => '',
|
||||
],
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_responsive_control(
|
||||
'title_alignment_vertical',
|
||||
[
|
||||
'label' => esc_html__( 'Title Alignment', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::CHOOSE,
|
||||
'options' => [
|
||||
'start' => [
|
||||
'title' => esc_html__( 'Start', 'elementor-pro' ),
|
||||
'icon' => 'eicon-align-start-h',
|
||||
],
|
||||
'center' => [
|
||||
'title' => esc_html__( 'Center', 'elementor-pro' ),
|
||||
'icon' => 'eicon-align-center-h',
|
||||
],
|
||||
'end' => [
|
||||
'title' => esc_html__( 'End', 'elementor-pro' ),
|
||||
'icon' => 'eicon-align-end-h',
|
||||
],
|
||||
],
|
||||
'selectors' => [
|
||||
'{{WRAPPER}}' => '{{VALUE}};',
|
||||
],
|
||||
'selectors_dictionary' => [
|
||||
'start' => '--e-filter-item-justify-content: flex-start; --e-filter-item-align-items: flex-start; --e-filter-item-align-text: start;',
|
||||
'center' => '--e-filter-item-justify-content: center; --e-filter-item-align-items: center; --e-filter-item-align-text: center;',
|
||||
'end' => '--e-filter-item-justify-content: flex-end; --e-filter-item-align-items: flex-end; --e-filter-item-align-text: end;',
|
||||
],
|
||||
'condition' => [
|
||||
'direction' => 'vertical',
|
||||
'selected_element!' => '',
|
||||
'item_alignment_vertical' => 'stretch',
|
||||
],
|
||||
]
|
||||
);
|
||||
|
||||
$this->end_controls_section();
|
||||
|
||||
$this->start_controls_section(
|
||||
'section_settings',
|
||||
[
|
||||
'label' => esc_html__( 'Settings', 'elementor-pro' ),
|
||||
'condition' => [
|
||||
'selected_element!' => '',
|
||||
],
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_control(
|
||||
'heading_filter_logic',
|
||||
[
|
||||
'type' => Controls_Manager::HEADING,
|
||||
'label' => esc_html__( 'Filter Logic', 'elementor-pro' ),
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_control(
|
||||
'multiple_selection',
|
||||
[
|
||||
'label' => esc_html__( 'Multiple Selection', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::SWITCHER,
|
||||
'label_on' => esc_html__( 'Yes', 'elementor-pro' ),
|
||||
'label_off' => esc_html__( 'No', 'elementor-pro' ),
|
||||
'default' => 'no',
|
||||
'frontend_available' => true,
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_control(
|
||||
'logical_combination',
|
||||
[
|
||||
'label' => esc_html__( 'Logical Combination', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::SELECT,
|
||||
'default' => 'AND',
|
||||
'options' => [
|
||||
'AND' => esc_html__( 'AND', 'elementor-pro' ),
|
||||
'OR' => esc_html__( 'OR', 'elementor-pro' ),
|
||||
],
|
||||
'condition' => [
|
||||
'multiple_selection' => 'yes',
|
||||
],
|
||||
'separator' => 'after',
|
||||
'frontend_available' => true,
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_control(
|
||||
'heading_displayed_elements',
|
||||
[
|
||||
'type' => Controls_Manager::HEADING,
|
||||
'label' => esc_html__( 'Displayed Elements', 'elementor-pro' ),
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_control(
|
||||
'show_empty_items',
|
||||
[
|
||||
'label' => esc_html__( 'Empty Items', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::SWITCHER,
|
||||
'default' => 'no',
|
||||
'label_off' => esc_html__( 'Hide', 'elementor-pro' ),
|
||||
'label_on' => esc_html__( 'Show', 'elementor-pro' ),
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_control(
|
||||
'show_child_taxonomy',
|
||||
[
|
||||
'label' => esc_html__( 'Taxonomy Children', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::SWITCHER,
|
||||
'default' => 'no',
|
||||
'label_off' => esc_html__( 'Hide', 'elementor-pro' ),
|
||||
'label_on' => esc_html__( 'Show', 'elementor-pro' ),
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_control(
|
||||
'child_taxonomy_depth',
|
||||
[
|
||||
'label' => esc_html__( 'Depth', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::SELECT,
|
||||
'default' => '1',
|
||||
'options' => [
|
||||
'1' => esc_html__( '1', 'elementor-pro' ),
|
||||
'2' => esc_html__( '2', 'elementor-pro' ),
|
||||
'3' => esc_html__( '3', 'elementor-pro' ),
|
||||
'4' => esc_html__( '4', 'elementor-pro' ),
|
||||
'5' => esc_html__( '5', 'elementor-pro' ),
|
||||
'6' => esc_html__( '6', 'elementor-pro' ),
|
||||
],
|
||||
'condition' => [
|
||||
'show_child_taxonomy' => 'yes',
|
||||
],
|
||||
]
|
||||
);
|
||||
$this->add_control(
|
||||
'show_first_item',
|
||||
[
|
||||
'label' => esc_html__( 'First Item', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::SWITCHER,
|
||||
'default' => 'yes',
|
||||
'label_off' => esc_html__( 'Hide', 'elementor-pro' ),
|
||||
'label_on' => esc_html__( 'Show', 'elementor-pro' ),
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_control(
|
||||
'first_item_title',
|
||||
[
|
||||
'label' => esc_html__( 'First Item Title', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::TEXT,
|
||||
'default' => esc_html__( 'All', 'elementor-pro' ),
|
||||
'label_block' => true,
|
||||
'dynamic' => [
|
||||
'active' => true,
|
||||
],
|
||||
'condition' => [
|
||||
'show_first_item' => 'yes',
|
||||
],
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_control(
|
||||
'number_of_taxonomies',
|
||||
[
|
||||
'label' => esc_html__( 'Number of taxonomies', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::NUMBER,
|
||||
'min' => 1,
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_responsive_control(
|
||||
'horizontal_scroll',
|
||||
[
|
||||
'label' => esc_html__( 'Horizontal Scroll', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::SELECT,
|
||||
'options' => [
|
||||
'disable' => esc_html__( 'Disable', 'elementor-pro' ),
|
||||
'enable' => esc_html__( 'Enable', 'elementor-pro' ),
|
||||
],
|
||||
'condition' => [
|
||||
'direction' => 'horizontal',
|
||||
],
|
||||
'selectors' => [
|
||||
'{{WRAPPER}}' => '{{VALUE}};',
|
||||
],
|
||||
'selectors_dictionary' => [
|
||||
'enable' => '--e-filter-wrap: nowrap; --e-filter-overflow-x: scroll;',
|
||||
'disable' => '--e-filter-wrap: wrap; --e-filter-overflow-x: initial;',
|
||||
],
|
||||
'default' => 'disable',
|
||||
'frontend_available' => true,
|
||||
'separator' => 'before',
|
||||
'description' => esc_html__( 'Scroll items if they don’t fit into their parent container', 'elementor-pro' ),
|
||||
]
|
||||
);
|
||||
|
||||
$this->end_controls_section();
|
||||
|
||||
$this->register_design_layout_controls();
|
||||
}
|
||||
|
||||
protected function register_design_layout_controls() {
|
||||
$this->start_controls_section(
|
||||
'section_design_layout',
|
||||
[
|
||||
'label' => esc_html__( 'Items', 'elementor-pro' ),
|
||||
'tab' => Controls_Manager::TAB_STYLE,
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_responsive_control(
|
||||
'taxonomy_filter_items_space_between',
|
||||
[
|
||||
'label' => esc_html__( 'Space between Items', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::SLIDER,
|
||||
'size_units' => [ 'px', 'em', 'rem', 'custom' ],
|
||||
'range' => [
|
||||
'px' => [
|
||||
'max' => 200,
|
||||
],
|
||||
'em' => [
|
||||
'max' => 20,
|
||||
],
|
||||
'rem' => [
|
||||
'max' => 20,
|
||||
],
|
||||
],
|
||||
'selectors' => [
|
||||
'{{WRAPPER}}' => '--e-filter-space-between: {{SIZE}}{{UNIT}}',
|
||||
],
|
||||
'separator' => 'after',
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_group_control(
|
||||
Group_Control_Typography::get_type(),
|
||||
[
|
||||
'name' => 'taxonomy_filter_typography',
|
||||
'selector' => '{{WRAPPER}} .e-filter-item',
|
||||
]
|
||||
);
|
||||
|
||||
$this->start_controls_tabs( 'taxonomy_filter_tabs_section' );
|
||||
|
||||
$this->start_controls_tab( 'taxonomy_filter_tabs_normal', [ 'label' => esc_html__( 'Normal', 'elementor-pro' ) ] );
|
||||
|
||||
$this->add_control(
|
||||
'taxonomy_filter_normal_text_color',
|
||||
[
|
||||
'label' => esc_html__( 'Text Color', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::COLOR,
|
||||
'selectors' => [
|
||||
'{{WRAPPER}}' => '--e-filter-normal-text-color: {{VALUE}};',
|
||||
],
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_group_control(
|
||||
Group_Control_Text_Shadow::get_type(),
|
||||
[
|
||||
'name' => 'taxonomy_filter_normal_text_shadow',
|
||||
'selector' => '{{WRAPPER}} .e-filter-item:not( [aria-pressed=true] ):not( :hover )',
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_group_control(
|
||||
Group_Control_Background::get_type(),
|
||||
[
|
||||
'name' => 'taxonomy_filter_normal_background',
|
||||
'selector' => '{{WRAPPER}} .e-filter-item:not( [aria-pressed=true] ):not( :hover )',
|
||||
'exclude' => [ 'image', 'video' ],
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_group_control(
|
||||
Group_Control_Border::get_type(),
|
||||
[
|
||||
'name' => 'taxonomy_filter_normal_border',
|
||||
'selector' => '{{WRAPPER}} .e-filter-item:not( [aria-pressed=true] ):not( :hover )',
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_group_control(
|
||||
Group_Control_Box_Shadow::get_type(),
|
||||
[
|
||||
'name' => 'taxonomy_filter_normal_box_shadow',
|
||||
'selector' => '{{WRAPPER}} .e-filter-item:not( [aria-pressed=true] ):not( :hover )',
|
||||
]
|
||||
);
|
||||
|
||||
$this->end_controls_tab();
|
||||
|
||||
$this->start_controls_tab( 'taxonomy_filter_tabs_hover', [ 'label' => esc_html__( 'Hover', 'elementor-pro' ) ] );
|
||||
|
||||
$this->add_control(
|
||||
'taxonomy_filter_hover_text_color',
|
||||
[
|
||||
'label' => esc_html__( 'Text Color', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::COLOR,
|
||||
'selectors' => [
|
||||
'{{WRAPPER}}' => '--e-filter-hover-text-color: {{VALUE}};',
|
||||
],
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_group_control(
|
||||
Group_Control_Text_Shadow::get_type(),
|
||||
[
|
||||
'name' => 'taxonomy_filter_hover_text_shadow',
|
||||
'selector' => '{{WRAPPER}} .e-filter-item:hover:not( [aria-pressed=true] )',
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_group_control(
|
||||
Group_Control_Background::get_type(),
|
||||
[
|
||||
'name' => 'taxonomy_filter_hover_background',
|
||||
'selector' => '{{WRAPPER}} .e-filter-item:hover:not( [aria-pressed=true] )',
|
||||
'exclude' => [ 'image', 'video' ],
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_group_control(
|
||||
Group_Control_Border::get_type(),
|
||||
[
|
||||
'name' => 'taxonomy_filter_hover_border',
|
||||
'selector' => '{{WRAPPER}} .e-filter-item:hover:not( [aria-pressed=true] )',
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_group_control(
|
||||
Group_Control_Box_Shadow::get_type(),
|
||||
[
|
||||
'name' => 'taxonomy_filter_hover_box_shadow',
|
||||
'selector' => '{{WRAPPER}} .e-filter-item:hover:not( [aria-pressed=true] )',
|
||||
]
|
||||
);
|
||||
|
||||
$this->end_controls_tab();
|
||||
|
||||
$this->start_controls_tab( 'taxonomy_filter_tabs_active', [ 'label' => esc_html__( 'Active', 'elementor-pro' ) ] );
|
||||
|
||||
$this->add_control(
|
||||
'taxonomy_filter_active_text_color',
|
||||
[
|
||||
'label' => esc_html__( 'Text Color', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::COLOR,
|
||||
'selectors' => [
|
||||
'{{WRAPPER}}' => '--e-filter-active-text-color: {{VALUE}};',
|
||||
],
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_group_control(
|
||||
Group_Control_Text_Shadow::get_type(),
|
||||
[
|
||||
'name' => 'taxonomy_filter_active_text_shadow',
|
||||
'selector' => '{{WRAPPER}} .e-filter-item[aria-pressed="true"]',
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_group_control(
|
||||
Group_Control_Background::get_type(),
|
||||
[
|
||||
'name' => 'taxonomy_filter_active_background',
|
||||
'selector' => '{{WRAPPER}} .e-filter-item[aria-pressed="true"]',
|
||||
'exclude' => [ 'image', 'video' ],
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_group_control(
|
||||
Group_Control_Border::get_type(),
|
||||
[
|
||||
'name' => 'taxonomy_filter_active_border',
|
||||
'selector' => '{{WRAPPER}} .e-filter-item[aria-pressed="true"]',
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_group_control(
|
||||
Group_Control_Box_Shadow::get_type(),
|
||||
[
|
||||
'name' => 'taxonomy_filter_active_box_shadow',
|
||||
'selector' => '{{WRAPPER}} .e-filter-item[aria-pressed="true"]',
|
||||
]
|
||||
);
|
||||
|
||||
$this->end_controls_tab();
|
||||
|
||||
$this->end_controls_tabs();
|
||||
|
||||
$this->add_responsive_control(
|
||||
'taxonomy_filter_border_radius',
|
||||
[
|
||||
'label' => esc_html__( 'Border Radius', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::DIMENSIONS,
|
||||
'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ],
|
||||
'selectors' => [
|
||||
'{{WRAPPER}}' => '--e-filter-item-border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
||||
],
|
||||
'separator' => 'before',
|
||||
]
|
||||
);
|
||||
|
||||
$this->add_responsive_control(
|
||||
'taxonomy_filter_padding',
|
||||
[
|
||||
'label' => esc_html__( 'Padding', 'elementor-pro' ),
|
||||
'type' => Controls_Manager::DIMENSIONS,
|
||||
'size_units' => [ 'px', '%', 'em', 'rem', 'vm', 'custom' ],
|
||||
'selectors' => [
|
||||
'{{WRAPPER}} .e-filter-item' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
|
||||
],
|
||||
]
|
||||
);
|
||||
|
||||
$this->end_controls_section();
|
||||
}
|
||||
|
||||
protected function get_empty_widget_message_by_key( $message_key ) {
|
||||
$messages = [
|
||||
'select_loop_widget' => esc_html__( 'Choose a Loop Grid to view the Taxonomy Filter.', 'elementor-pro' ),
|
||||
'no_taxonomy_selected' => esc_html__( 'Please select a taxonomy.', 'elementor-pro' ),
|
||||
'no_terms_found' => esc_html__( 'No taxonomy terms found.', 'elementor-pro' ),
|
||||
];
|
||||
|
||||
return $messages[ $message_key ];
|
||||
}
|
||||
|
||||
protected function print_empty_results_if_editor( $message_key ) {
|
||||
if ( ! Plugin::elementor()->editor->is_edit_mode() ) {
|
||||
return;
|
||||
}
|
||||
|
||||
?>
|
||||
<div class="e-filter-empty">
|
||||
<?php echo esc_html( $this->get_empty_widget_message_by_key( $message_key ) ); ?>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
|
||||
private function has_empty_results( $selected_element, $user_selected_taxonomy, $terms ): bool {
|
||||
if ( empty( $selected_element ) ) {
|
||||
$this->print_empty_results_if_editor( 'select_loop_widget' );
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
if ( empty( $user_selected_taxonomy ) ) {
|
||||
$this->print_empty_results_if_editor( 'no_taxonomy_selected' );
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
if ( empty( $terms ) ) {
|
||||
$this->print_empty_results_if_editor( 'no_terms_found' );
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
/**
|
||||
* @return array
|
||||
*/
|
||||
private function get_loop_widget_settings() {
|
||||
$document = Plugin::elementor()->documents->get_doc_for_frontend( $this->get_current_ID() );
|
||||
|
||||
if ( ! $document ) {
|
||||
return [];
|
||||
}
|
||||
|
||||
$widget_data = Utils::find_element_recursive( $document->get_elements_data(), $this->get_settings_for_display( 'selected_element' ) );
|
||||
|
||||
return ! empty( $widget_data['settings'] ) ? $widget_data['settings'] : [];
|
||||
}
|
||||
|
||||
/**
|
||||
* @return int
|
||||
*/
|
||||
private function get_current_ID() {
|
||||
$post_id = 0;
|
||||
$theme_builder = ThemeBuilderModule::instance();
|
||||
$location = $theme_builder->get_locations_manager()->get_current_location();
|
||||
$documents = $theme_builder->get_conditions_manager()->get_documents_for_location( $location );
|
||||
|
||||
if ( empty( $documents ) ) {
|
||||
return get_the_ID();
|
||||
}
|
||||
|
||||
foreach ( $documents as $document ) {
|
||||
$post_id = $document->get_post()->ID;
|
||||
}
|
||||
|
||||
return $post_id;
|
||||
}
|
||||
|
||||
/**
|
||||
* @return boolean
|
||||
*/
|
||||
private function is_term_excluded_by_query_control( $term, $loop_filter_module ) {
|
||||
$loop_widget_settings = $this->get_loop_widget_settings();
|
||||
$skin = ! empty( $loop_widget_settings['_skin'] ) ? $loop_widget_settings['_skin'] : 'post';
|
||||
|
||||
return $loop_filter_module->is_term_not_selected_for_inclusion( $loop_widget_settings, $term, $skin )
|
||||
|| $loop_filter_module->is_term_selected_for_exclusion( $loop_widget_settings, $term, $skin )
|
||||
|| $loop_filter_module->should_exclude_term_by_manual_selection( $loop_widget_settings, $term, $this->get_settings_for_display( 'taxonomy' ), $skin );
|
||||
}
|
||||
|
||||
public function render() {
|
||||
$settings = $this->get_settings_for_display();
|
||||
$selected_element = $settings['selected_element'];
|
||||
$user_selected_taxonomy = $settings['taxonomy'];
|
||||
|
||||
$terms = $this->get_filtered_taxonomy_terms( $user_selected_taxonomy, $settings );
|
||||
|
||||
if ( $this->has_empty_results( $selected_element, $user_selected_taxonomy, $terms ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
$active_filters = [];
|
||||
$loop_filter_module = Plugin::instance()->modules_manager->get_modules( 'loop-filter' );
|
||||
$query_string_filters = $loop_filter_module->get_query_string_filters();
|
||||
|
||||
if ( array_key_exists( $selected_element, $query_string_filters ) ) {
|
||||
$active_filters = $query_string_filters[ $selected_element ]['taxonomy'];
|
||||
}
|
||||
|
||||
$active_terms = 0;
|
||||
$total_taxonomies = 0;
|
||||
$number_of_taxonomies = $settings['number_of_taxonomies'];
|
||||
|
||||
$this->add_render_attribute( 'filter-bar', [
|
||||
'class' => 'e-filter',
|
||||
'role' => 'search', // BC for older browser versions that don't support `<search>` element.
|
||||
'data-base-url' => $this->get_base_url(),
|
||||
'data-page-num' => max( 1, get_query_var( 'paged' ), get_query_var( 'page' ) ),
|
||||
] );
|
||||
?>
|
||||
<search <?php $this->print_render_attribute_string( 'filter-bar' ); ?>>
|
||||
<?php foreach ( $terms as $term ) {
|
||||
$total_taxonomies++;
|
||||
$aria_pressed_value = 'false';
|
||||
|
||||
if ( ! isset( $term->taxonomy ) || $this->is_term_excluded_by_query_control( $term, $loop_filter_module ) ) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$term_taxonomy = $term->taxonomy;
|
||||
|
||||
if ( array_key_exists( $term_taxonomy, $active_filters ) && in_array( urldecode( $term->slug ), $active_filters[ $term_taxonomy ]['terms'] ) ) {
|
||||
$aria_pressed_value = 'true';
|
||||
$active_terms++;
|
||||
}
|
||||
|
||||
if ( ! empty( $number_of_taxonomies ) && $total_taxonomies > $number_of_taxonomies ) {
|
||||
continue;
|
||||
}
|
||||
|
||||
// This filter allows us to write the slug with non-latin characters as well, such as Hebrew.
|
||||
$slug = apply_filters( 'editable_slug', $term->slug, $term );
|
||||
?>
|
||||
<button class="e-filter-item" data-filter="<?php echo esc_attr( $slug ); ?>" aria-pressed="<?php echo esc_attr( $aria_pressed_value ); ?>"><?php echo esc_html( $term->name ); ?></button>
|
||||
<?php } ?>
|
||||
|
||||
<?php
|
||||
$aria_pressed_value = ( 0 === $active_terms ) ? 'true' : 'false';
|
||||
?>
|
||||
<?php if ( 'yes' === $settings['show_first_item'] ) : ?>
|
||||
<button class="e-filter-item" data-filter="__all" aria-pressed="<?php echo esc_attr( $aria_pressed_value ); ?>">
|
||||
<?php echo $settings['first_item_title']; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
|
||||
</button>
|
||||
<?php endif; ?>
|
||||
</search>
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* @param string|null $user_selected_taxonomy
|
||||
* @param array $settings
|
||||
* @return void|\WP_Term[]
|
||||
*/
|
||||
private function get_filtered_taxonomy_terms( $user_selected_taxonomy, $settings ) {
|
||||
$display_settings = $this->get_settings_for_display();
|
||||
$settings['taxonomy'] = $user_selected_taxonomy;
|
||||
|
||||
return $this->get_filtered_taxonomies( $settings, $display_settings );
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user