File "post-tab-widget.php"
Full Path: /home/leadltht/fastlinkinternet.com/admin/wp-content/wp-content/wp-content/plugins/bdevs-element/widgets/post-tab/post-tab-widget.php
File size: 36.95 KB
MIME-type: text/x-php
Charset: utf-8
<?php
namespace BdevsElement\Widget;
use \Elementor\Controls_Manager;
use \Elementor\Group_Control_Border;
use \Elementor\Group_Control_Box_Shadow;
use \Elementor\Group_Control_Text_Shadow;
use \Elementor\Group_Control_Typography;
Use \Elementor\Core\Schemes\Typography;
use \Elementor\Group_Control_Background;
use BdevsElementor\Controls\Select2;
defined( 'ABSPATH' ) || die();
class Post_Tab extends BDevs_El_Widget {
/**
* Get widget name.
*
* Retrieve Bdevs Element widget name.
*
* @since 1.0.0
* @access public
*
* @return string Widget name.
*/
public function get_name() {
return 'post_tab';
}
/**
* Get widget title.
*
* @return string Widget title.
* @since 1.0.0
* @access public
*
*/
public function get_title () {
return __( 'Post Tab', 'bdevselement' );
}
public function get_custom_help_url () {
return 'http://elementor.bdevs.net//widgets/post-tab/';
}
/**
* Get widget icon.
*
* @return string Widget icon.
* @since 1.0.0
* @access public
*
*/
public function get_icon () {
return 'eicon-post';
}
public function get_keywords () {
return [ 'posts', 'post', 'post-tab', 'tab', 'news' ];
}
/**
* Get a list of All Post Types
*
* @return array
*/
public static function get_post_types () {
$diff_key = [
'elementor_library' => '',
'attachment' => '',
'page' => ''
];
$post_types = bdevs_element_get_post_types( [], $diff_key );
return $post_types;
}
/**
* Get a list of Taxonomy
*
* @return array
*/
public static function get_taxonomies ( $post_type = '' ) {
$list = [];
if ( $post_type ) {
$tax = bdevs_element_get_taxonomies( [ 'public' => true, "object_type" => [ $post_type ] ], 'object', true );
$list[$post_type] = count( $tax ) !== 0 ? $tax : '';
} else {
$list = bdevs_element_get_taxonomies( [ 'public' => true ], 'object', true );
}
return $list;
}
protected function register_content_controls () {
// back title
$this->start_controls_section(
'_section_back_title',
[
'label' => __( 'Back Title', 'bdevselement' ),
'tab' => Controls_Manager::TAB_CONTENT,
'condition' => [
'design_style' => ['style_1','style_2']
],
]
);
$this->add_control(
'back_title',
[
'label' => __( 'Back Title', 'bdevselement' ),
'label_block' => true,
'type' => Controls_Manager::TEXT,
'default' => __( 'Back', 'bdevselement' ),
'placeholder' => __( 'Type Info back title', 'bdevselement' ),
'dynamic' => [
'active' => true,
]
]
);
$this->end_controls_section();
// Background Overlay
$this->start_controls_section(
'_section_background_overlay',
[
'label' => __( 'Background Overlay', 'elementor' ),
'tab' => Controls_Manager::TAB_CONTENT,
'condition' => [
'design_style' => ['style_1','style_2'],
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'background',
'label' => __( 'Background', 'bdevselement' ),
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .case__item:hover .case__thumb::before,{{WRAPPER}} .portfolio__item:hover .portfolio__thumb::before',
]
);
$this->add_control(
'background_overlay_opacity',
[
'label' => __( 'Opacity', 'elementor' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => .5,
],
'range' => [
'px' => [
'max' => 1,
'step' => 0.01,
],
],
'selectors' => [
'{{WRAPPER}} .case__item:hover .case__thumb::before,{{WRAPPER}} .portfolio__item:hover .portfolio__thumb::before' => 'opacity: {{SIZE}};',
],
// 'condition' => [
// 'background_overlay_background' => [ 'classic', 'gradient' ],
// ],
]
);
$this->end_controls_section();
// section title
$this->start_controls_section(
'_section_title',
[
'label' => __( 'Title & Description', 'bdevselement' ),
'tab' => Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'heading_switch',
[
'label' => __( 'Show', 'bdevselement' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => __( 'Show', 'bdevselement' ),
'label_off' => __( 'Hide', 'bdevselement' ),
'return_value' => 'yes',
'default' => 'yes',
'style_transfer' => true,
]
);
$this->add_control(
'sub_title',
[
'label' => __( 'Sub Title', 'bdevselement' ),
'label_block' => true,
'type' => Controls_Manager::TEXT,
'default' => __( 'bdevs Info Box Sub Title', 'bdevselement' ),
'placeholder' => __( 'Type Info Box Sub Title', 'bdevselement' ),
'dynamic' => [
'active' => true,
]
]
);
$this->add_control(
'title',
[
'label' => __( 'Title', 'bdevselement' ),
'label_block' => true,
'type' => Controls_Manager::TEXT,
'default' => __( 'bdevs Info Box Title', 'bdevselement' ),
'placeholder' => __( 'Type Info Box Title', 'bdevselement' ),
'dynamic' => [
'active' => true,
]
]
);
$this->add_control(
'description',
[
'label' => __( 'Description', 'bdevselement' ),
'description' => bdevs_element_get_allowed_html_desc( 'intermediate' ),
'type' => Controls_Manager::TEXTAREA,
'default' => __( 'bdevs info box description goes here', 'bdevselement' ),
'placeholder' => __( 'Type info box description', 'bdevselement' ),
'rows' => 5,
'dynamic' => [
'active' => true,
]
]
);
$this->add_control(
'sort_description',
[
'label' => __( 'Sort Description', 'bdevselement' ),
'description' => bdevs_element_get_allowed_html_desc( 'intermediate' ),
'type' => Controls_Manager::TEXTAREA,
'default' => __( 'bdevs info box sort description goes here', 'bdevselement' ),
'placeholder' => __( 'Type info box sort description', 'bdevselement' ),
'rows' => 5,
'condition' => [
'design_style' => 'style_1'
],
'dynamic' => [
'active' => true,
]
]
);
$this->add_control(
'title_tag',
[
'label' => __( 'Title HTML Tag', 'bdevselement' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'h1' => [
'title' => __( 'H1', 'bdevselement' ),
'icon' => 'eicon-editor-h1'
],
'h2' => [
'title' => __( 'H2', 'bdevselement' ),
'icon' => 'eicon-editor-h2'
],
'h3' => [
'title' => __( 'H3', 'bdevselement' ),
'icon' => 'eicon-editor-h3'
],
'h4' => [
'title' => __( 'H4', 'bdevselement' ),
'icon' => 'eicon-editor-h4'
],
'h5' => [
'title' => __( 'H5', 'bdevselement' ),
'icon' => 'eicon-editor-h5'
],
'h6' => [
'title' => __( 'H6', 'bdevselement' ),
'icon' => 'eicon-editor-h6'
]
],
'default' => 'h2',
'toggle' => false,
]
);
$this->add_responsive_control(
'align',
[
'label' => __( 'Alignment', 'bdevselement' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'bdevselement' ),
'icon' => 'fa fa-align-left',
],
'center' => [
'title' => __( 'Center', 'bdevselement' ),
'icon' => 'fa fa-align-center',
],
'right' => [
'title' => __( 'Right', 'bdevselement' ),
'icon' => 'fa fa-align-right',
],
],
'toggle' => true,
'selectors' => [
'{{WRAPPER}}' => 'text-align: {{VALUE}};'
]
]
);
$this->end_controls_section();
$this->start_controls_section(
'_section_post_tab_query',
[
'label' => __( 'Query', 'bdevselement' ),
'tab' => Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'post_type',
[
'label' => __( 'Source', 'bdevselement' ),
'type' => Controls_Manager::SELECT,
'options' => $this->get_post_types(),
'default' => key( $this->get_post_types() ),
]
);
foreach ( self::get_post_types() as $key => $value ) {
$taxonomy = self::get_taxonomies( $key );
if ( ! $taxonomy[$key] )
continue;
$this->add_control(
'tax_type_' . $key,
[
'label' => __( 'Taxonomies', 'bdevselement' ),
'type' => Controls_Manager::SELECT,
'options' => $taxonomy[$key],
'default' => key( $taxonomy[$key] ),
'condition' => [
'post_type' => $key
],
]
);
foreach ( $taxonomy[$key] as $tax_key => $tax_value ) {
$this->add_control(
'tax_ids_' . $tax_key,
[
'label' => __( 'Select ', 'bdevselement' ) . $tax_value,
'label_block' => true,
'type' => 'bdevselement-select2',
'multiple' => true,
'placeholder' => 'Search ' . $tax_value,
'data_options' => [
'tax_id' => $tax_key,
'action' => 'bdevs_element_post_tab_select_query'
],
'condition' => [
'post_type' => $key,
'tax_type_' . $key => $tax_key
],
'render_type' => 'template',
]
);
}
}
$this->add_control(
'item_limit',
[
'label' => __( 'Item Limit', 'bdevselement' ),
'type' => Controls_Manager::NUMBER,
'default' => 3,
'dynamic' => [ 'active' => true ],
]
);
$this->end_controls_section();
//Settings
$this->start_controls_section(
'_section_settings',
[
'label' => __( 'Settings', 'bdevselement' ),
'tab' => Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'design_style',
[
'label' => __( 'Design Style', 'bdevselement' ),
'type' => Controls_Manager::SELECT,
'options' => [
'style_1' => __( 'Style 1', 'bdevselement' ),
'style_2' => __( 'Style 2', 'bdevselement' ),
],
'default' => 'style_1',
'frontend_available' => true,
'style_transfer' => true,
]
);
$this->add_control(
'excerpt',
[
'label' => __( 'Show Excerpt', 'bdevselement' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => __( 'Show', 'bdevselement' ),
'label_off' => __( 'Hide', 'bdevselement' ),
'return_value' => 'yes',
'default' => '',
]
);
$this->add_control(
'filter_pos',
[
'label' => __( 'Filter Position', 'bdevselement' ),
'label_block' => false,
'type' => Controls_Manager::CHOOSE,
'default' => 'top',
'options' => [
'left' => [
'title' => __( 'Left', 'bdevselement' ),
'icon' => 'eicon-h-align-left',
],
'top' => [
'title' => __( 'Top', 'bdevselement' ),
'icon' => 'eicon-v-align-top',
],
'right' => [
'title' => __( 'Right', 'bdevselement' ),
'icon' => 'eicon-h-align-right',
],
],
'style_transfer' => true,
]
);
$this->add_control(
'filter_align',
[
'label' => __( 'Filter Align', 'bdevselement' ),
'label_block' => false,
'type' => Controls_Manager::CHOOSE,
'default' => 'left',
'options' => [
'left' => [
'title' => __( 'Left', 'bdevselement' ),
'icon' => 'fa fa-align-left',
],
'center' => [
'title' => __( 'Center', 'bdevselement' ),
'icon' => 'fa fa-align-center',
],
'right' => [
'title' => __( 'Right', 'bdevselement' ),
'icon' => 'fa fa-align-right',
],
],
'condition' => [
'filter_pos' => 'top',
],
'selectors' => [
'{{WRAPPER}} .bdevselement-post-tab .bdevselement-post-tab-filter' => 'text-align: {{VALUE}};',
],
'style_transfer' => true,
]
);
$this->add_responsive_control(
'event',
[
'label' => __( 'Tab action', 'bdevselement' ),
'type' => Controls_Manager::SELECT,
'options' => [
'click' => __( 'On Click', 'bdevselement' ),
'hover' => __( 'On Hover', 'bdevselement' ),
],
'default' => 'click',
'render_type' => 'template',
'style_transfer' => true,
]
);
$this->end_controls_section();
}
protected function register_style_controls () {
$this->start_controls_section(
'_section_style_content',
[
'label' => __( 'Title / Content', 'bdevselement' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_responsive_control(
'content_padding',
[
'label' => __( 'Content Padding', 'bdevselement' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .bdevs-el-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'content_background',
'selector' => '{{WRAPPER}} .bdevs-el-content',
'exclude' => [
'image'
]
]
);
// Title
$this->add_control(
'_heading_title',
[
'type' => Controls_Manager::HEADING,
'label' => __( 'Title', 'bdevselement' ),
'separator' => 'before'
]
);
$this->add_responsive_control(
'title_spacing',
[
'label' => __( 'Bottom Spacing', 'bdevselement' ),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px'],
'selectors' => [
'{{WRAPPER}} .bdevs-el-title' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'title_color',
[
'label' => __( 'Text Color', 'bdevselement' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdevs-el-title' => 'color: {{VALUE}}',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'title',
'selector' => '{{WRAPPER}} .bdevs-el-title',
'scheme' => Typography::TYPOGRAPHY_2,
]
);
// Subtitle
$this->add_control(
'_heading_subtitle',
[
'type' => Controls_Manager::HEADING,
'label' => __( 'Subtitle', 'bdevselement' ),
'separator' => 'before'
]
);
$this->add_responsive_control(
'subtitle_spacing',
[
'label' => __( 'Bottom Spacing', 'bdevselement' ),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px'],
'selectors' => [
'{{WRAPPER}} .bdevs-el-subtitle' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'subtitle_color',
[
'label' => __( 'Text Color', 'bdevselement' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdevs-el-subtitle' => 'color: {{VALUE}}',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'subtitle',
'selector' => '{{WRAPPER}} .bdevs-el-subtitle',
'scheme' => Typography::TYPOGRAPHY_3,
]
);
// description
$this->add_control(
'_content_description',
[
'type' => Controls_Manager::HEADING,
'label' => __( 'Description', 'bdevselement' ),
'separator' => 'before'
]
);
$this->add_responsive_control(
'description_spacing',
[
'label' => __( 'Bottom Spacing', 'bdevselement' ),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px'],
'selectors' => [
'{{WRAPPER}} .bdevs-el-content p' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'description_color',
[
'label' => __( 'Text Color', 'bdevselement' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .bdevs-el-content p' => 'color: {{VALUE}}',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'description',
'selector' => '{{WRAPPER}} .bdevs-el-content p',
'scheme' => Typography::TYPOGRAPHY_4,
]
);
$this->end_controls_section();
// Tab
$this->start_controls_section(
'_section_post_tab_filter',
[
'label' => __( 'Tab', 'bdevselement' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'tab_line_color',
[
'label' => __( 'Tab Line BG', 'bdevselement' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .project-filter-box::before' => 'background: {{VALUE}}',
],
]
);
$this->add_control(
'tab_box_color',
[
'label' => __( 'Tab Box BG', 'bdevselement' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .project-filter-box' => 'background: {{VALUE}}',
],
]
);
$this->add_responsive_control(
'tab_margin_btm',
[
'label' => __( 'Margin Bottom', 'bdevselement' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'unit' => 'px',
'size' => 30,
],
'selectors' => [
'{{WRAPPER}} .project-filter-box' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
'condition' => [
'filter_pos' => 'top',
],
]
);
$this->add_responsive_control(
'tab_padding',
[
'label' => __( 'Padding', 'bdevselement' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .project-filter-box' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
]
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'tab_shadow',
'label' => __( 'Box Shadow', 'bdevselement' ),
'selector' => '{{WRAPPER}} .project-filter-box',
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'tab_border',
'label' => __( 'Border', 'bdevselement' ),
'selector' => '{{WRAPPER}} .project-filter-box',
]
);
$this->add_responsive_control(
'tab_item',
[
'label' => __( 'Tab Item', 'bdevselement' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_responsive_control(
'tab_item_margin',
[
'label' => __( 'Margin', 'bdevselement' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .project-filter-box button' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'tab_item_padding',
[
'label' => __( 'Padding', 'bdevselement' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .project-filter-box button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
]
]
);
$this->start_controls_tabs( 'tab_item_tabs' );
$this->start_controls_tab(
'tab_item_normal_tab',
[
'label' => __( 'Normal', 'bdevselement' ),
]
);
$this->add_control(
'tab_item_color',
[
'label' => __( 'Color', 'bdevselement' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .project-filter-box button' => 'color: {{VALUE}}',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'tab_item_background',
'label' => __( 'Background', 'bdevselement' ),
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .project-filter-box button',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_item_hover_tab',
[
'label' => __( 'Hover', 'bdevselement' ),
]
);
$this->add_control(
'tab_item_hvr_color',
[
'label' => __( 'Color', 'bdevselement' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .project-filter-box button.active' => 'color: {{VALUE}}',
'{{WRAPPER}} .project-filter-box button:hover' => 'color: {{VALUE}}',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'tab_item_hvr_background',
'label' => __( 'Background', 'bdevselement' ),
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .project-filter-box button.active,{{WRAPPER}} .project-filter-box button:hover',
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'tab_item_typography',
'label' => __( 'Typography', 'bdevselement' ),
'scheme' => Typography::TYPOGRAPHY_2,
'selector' => '{{WRAPPER}} .project-filter-box button',
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'tab_item_border',
'label' => __( 'Border', 'bdevselement' ),
'selector' => '{{WRAPPER}} .project-filter-box button',
]
);
$this->add_responsive_control(
'tab_item_border_radius',
[
'label' => __( 'Border Radius', 'bdevselement' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .project-filter-box button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
]
]
);
$this->end_controls_section();
}
protected function render () {
$settings = $this->get_settings_for_display();
$this->add_inline_editing_attributes( 'title', 'basic' );
$this->add_render_attribute( 'title', 'class', 'section-title shape' );
$this->add_render_attribute( 'title3', 'class', 'section-title d-block' );
$title = bdevs_element_kses_basic( $settings['title' ] );
if ( ! $settings['post_type'] )
return;
$taxonomy = $settings['tax_type_' . $settings['post_type']];
$terms_ids = $settings['tax_ids_' . $taxonomy];
$terms_args = [
'taxonomy' => $taxonomy,
'hide_empty' => true,
'include' => $terms_ids,
'orderby' => 'term_id',
];
$filter_list = get_terms( $terms_args );
$post_args = [
'post_status' => 'publish',
'post_type' => $settings['post_type'],
'posts_per_page' => $settings['item_limit'],
'tax_query' => array(
array(
'taxonomy' => $taxonomy,
'field' => 'term_id',
'terms' => $terms_ids ? $terms_ids : '',
),
),
];
$posts = query_posts( $post_args );
$query_settings = [
'post_type' => $settings['post_type'],
'taxonomy' => $taxonomy,
'item_limit' => $settings['item_limit'],
'excerpt' => $settings['excerpt'] ? $settings['excerpt'] : 'no',
];
$query_settings = json_encode( $query_settings, true );
$event = 'click';
if ( 'hover' === $settings['event'] ) {
$event = 'hover touchstart';
}
$wrapper_class = [
'case__area',
'project-' . $settings['filter_pos'],
];
$this->add_render_attribute( 'wrapper', 'class', $wrapper_class );
$this->add_render_attribute( 'wrapper', 'data-query-args', $query_settings );
$this->add_render_attribute( 'wrapper', 'data-event', $event );
$this->add_render_attribute( 'project-filter', 'class', [ 'masonary-menu filter-button-group' ] );
$this->add_render_attribute( 'project-body', 'class', [ 'row row-portfolio' ] );
$i = 1;
if ( !empty( $settings['design_style'] ) AND $settings['design_style'] == 'style_2' ):
if ( !empty($terms_ids) && count( $posts ) !== 0 ) :?>
<section class="portfolio__area">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="portfolio__menu mb-40 wow fadeInUp2" data-wow-delay=".3s">
<span>Filter by: </span>
<div class="masonary-menu filter-button-group d-sm-inline-block project-filter-box">
<?php foreach ( $filter_list as $list ): ?>
<?php if ( $i === 1 ): $i++; ?>
<button class="active" data-filter="*"><?php echo esc_html__( 'See All','bdevselement' ); ?></button>
<button data-filter=".<?php echo esc_attr( $list->slug ); ?>"><?php echo esc_html( $list->name ); ?></button>
<?php else: ?>
<button data-filter=".<?php echo esc_attr( $list->slug ); ?>"><?php echo esc_html( $list->name ); ?></button>
<?php endif; ?>
<?php endforeach; ?>
</div>
</div>
</div>
</div>
<div class="row grid">
<?php
if ( have_posts() ) : while ( have_posts() ) : the_post();
$cases_author_name = function_exists('get_field') ? get_field('cases_author_name') : '';
$feature_image = function_exists('get_field') ? get_field('feature_image') : '';
$project_button = function_exists('get_field') ? get_field('project_button') : '';
$item_classes = '';
$item_cat_names = '';
$item_cats = get_the_terms( get_the_id(), $taxonomy );
if( !empty($item_cats) ):
$count = count($item_cats) - 1;
foreach($item_cats as $key => $item_cat) {
$item_classes .= $item_cat->slug . ' ';
$item_cat_names .= ( $count > $key ) ? $item_cat->name . ', ' : $item_cat->name;
}
endif;
?>
<div class="<?php echo (!empty($feature_image[0]) && $feature_image[0] == 'yes') ? 'col-xl-8 col-lg-8' : 'col-xl-4 col-lg-4'; ?> col-md-6 col-sm-6 grid-item <?php echo $item_classes; ?>">
<div class="portfolio__item bdevs-el-title p-relative mb-30">
<div class="portfolio__thumb w-img fix">
<?php if ( has_post_thumbnail() ): ?>
<img src="<?php echo get_the_post_thumbnail_url(); ?>" alt="case">
<?php endif; ?>
<div class="portfolio__plus p-absolute transition-3">
<a href="<?php echo get_the_post_thumbnail_url(); ?>" data-fancybox="gallery">
<i class="fal fa-plus"></i>
<i class="fal fa-plus"></i>
</a>
</div>
</div>
<div class="portfolio__content">
<h4 class="bdevs-el-title"><a href="<?php echo esc_url( get_the_permalink() ); ?>"><?php the_title(); ?></a></h4>
<p><?php echo esc_html($item_cat_names); ?></p>
<div class="portfolio__more p-absolute transition-3">
<a href="<?php echo get_the_post_thumbnail_url(); ?>" class="link-btn-2">
<?php print esc_html($project_button); ?>
<i class="fal fa-long-arrow-right"></i>
<i class="fal fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
<?php endwhile;
wp_reset_query();
endif; ?>
</div>
<div class="row d-none">
<div class="col-xl-2">
<div class="portfolio__load mt-25">
<a href="https://www.devsnews.com/wp/zibber/portfolio/" class="z-btn z-btn-border"><i class="fal fa-redo"></i> Load more</a>
</div>
</div>
</div>
</div>
</section>
<?php
else:
printf( '%1$s',
__( 'No Posts Found', 'bdevselement' )
);
endif;
else:
if ( !empty($terms_ids) && count( $posts ) !== 0 ) :?>
<section <?php $this->print_render_attribute_string( 'wrapper' ); ?>>
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="case__menu text-center mb-40 wow fadeInUp2 project-filter-box" data-wow-delay=".6s">
<div <?php $this->print_render_attribute_string( 'project-filter' ); ?>>
<?php foreach ( $filter_list as $list ): ?>
<?php if ( $i === 1 ): $i++; ?>
<button class="active" data-filter="*"><?php echo esc_html( 'All' ); ?></button>
<button data-filter=".<?php echo esc_attr( $list->slug ); ?>"><?php echo esc_html( $list->name ); ?></button>
<?php else: ?>
<button data-filter=".<?php echo esc_attr( $list->slug ); ?>"><?php echo esc_html( $list->name ); ?></button>
<?php endif; ?>
<?php endforeach; ?>
</div>
</div>
</div>
</div>
<div class="row grid">
<?php
if ( have_posts() ) : while ( have_posts() ) : the_post();
$cases_author_name = function_exists('get_field') ? get_field('cases_author_name') : '';
$feature_image = function_exists('get_field') ? get_field('feature_image') : '';
$item_classes = '';
$item_cat_names = '';
$item_cats = get_the_terms( get_the_id(), $taxonomy );
if( !empty($item_cats) ):
$count = count($item_cats) - 1;
foreach($item_cats as $key => $item_cat) {
$item_classes .= $item_cat->slug . ' ';
$item_cat_names .= ( $count > $key ) ? $item_cat->name . ', ' : $item_cat->name;
}
endif;
?>
<div class="<?php echo (!empty($feature_image[0]) && $feature_image[0] == 'yes') ? 'col-xl-6 col-lg-6' : 'col-xl-3 col-lg-3'; ?> col-md-6 grid-item <?php echo $item_classes; ?> fadeInUp" data-wow-delay=".2s">
<div class="case__item mb-30 fix">
<div class="case__thumb w-img p-relative bdevs-el-content">
<?php if ( has_post_thumbnail() ): ?>
<img src="<?php echo get_the_post_thumbnail_url(); ?>" alt="case">
<?php endif; ?>
<div class="case__info p-absolute transition-3">
<h4 class="bdevs-el-title"><a href="<?php echo esc_url( get_the_permalink() ); ?>"><?php the_title(); ?></a></h4>
<span class="bdevs-el-subtitle"><?php echo esc_html($item_cat_names); ?></span>
</div>
<div class="case__info case__info-2 p-absolute transition-3">
<h4 class="bdevs-el-title"><a href="<?php echo esc_url( get_the_permalink() ); ?>"><?php the_title(); ?></a></h4>
<span class="bdevs-el-subtitle"><?php echo esc_html($item_cat_names); ?></span>
</div>
<div class="case__plus p-absolute transition-3">
<a href="<?php echo get_the_post_thumbnail_url(); ?>" data-fancybox="gallery">
<i class="fal fa-plus"></i>
<i class="fal fa-plus"></i>
</a>
</div>
</div>
</div>
</div>
<?php endwhile;
wp_reset_query();
endif; ?>
</div>
</div>
</section>
<?php else:
printf( '%1$s',
__( 'No Posts Found', 'bdevselement' )
);
endif;
endif;
}
}