Your IP : 216.73.216.162
plugins/themeisle-companion/vendor/codeinwp/elementor-extra-widgets/widgets/elementor/posts-grid.php0000644 00000135253 15115140061 0036250 0 ustar 00 home/xbodynamge/www/wp-content <?php
/**
* Post Grid widget for Elementor builder
*
* @link https://themeisle.com
* @since 1.0.0
*
* @package ThemeIsle\ElementorExtraWidgets
*/
namespace ThemeIsle\ElementorExtraWidgets;
if ( ! defined( 'ABSPATH' ) ) {
exit;
} // End if().
/**
* Class Posts_Grid
*
* @package ThemeIsle\ElementorExtraWidgets
*/
class Posts_Grid extends \Elementor\Widget_Base {
/**
* Widget title.
*
* @return string
*/
public function get_title() {
return __( 'Post Type Grid', 'themeisle-companion' );
}
/**
* Widget icon.
*
* @return string
*/
public function get_icon() {
return 'eicon-posts-grid';
}
/**
* Widget name.
*
* @return string
*/
public function get_name() {
return 'obfx-posts-grid';
}
/**
* Register dependent script.
*
* @return array
*/
public function get_script_depends() {
return [ 'obfx-grid-js' ];
}
/**
* Widget Category.
*
* @return array
*/
public function get_categories() {
$category_args = apply_filters( 'elementor_extra_widgets_category_args', array() );
$slug = isset( $category_args['slug'] ) ? $category_args['slug'] : 'obfx-elementor-widgets';
return [ $slug ];
}
/**
* Get post types.
*/
private function grid_get_all_post_types() {
$options = array();
$exclude = array( 'attachment', 'elementor_library' ); // excluded post types
$args = array(
'public' => true,
);
foreach ( get_post_types( $args, 'objects' ) as $post_type ) {
// Check if post type name exists.
if ( ! isset( $post_type->name ) ) {
continue;
}
// Check if post type label exists.
if ( ! isset( $post_type->label ) ) {
continue;
}
// Check if post type is excluded.
if ( in_array( $post_type->name, $exclude ) === true ) {
continue;
}
$options[ $post_type->name ] = $post_type->label;
}
return $options;
}
/**
* Get post type categories.
*/
private function grid_get_all_post_type_categories( $post_type ) {
$options = array();
if ( $post_type == 'post' ) {
$taxonomy = 'category';
} elseif ( $post_type == 'product' ) {
$taxonomy = 'product_cat';
}
if ( ! empty( $taxonomy ) ) {
// Get categories for post type.
$terms = get_terms(
array(
'taxonomy' => $taxonomy,
'hide_empty' => false,
)
);
if ( ! empty( $terms ) ) {
foreach ( $terms as $term ) {
if ( isset( $term ) ) {
if ( isset( $term->slug ) && isset( $term->name ) ) {
$options[ $term->slug ] = $term->name;
}
}
}
}
}
return $options;
}
/**
* Register Elementor Controls.
*/
protected function _register_controls() {
// Content.
$this->grid_options_section();
$this->grid_image_section();
$this->grid_title_section();
$this->grid_meta_section();
$this->grid_content_section();
$this->grid_pagination_section();
// Style.
$this->grid_options_style_section();
$this->grid_image_style_section();
$this->grid_title_style_section();
$this->grid_meta_style_section();
$this->grid_content_style_section();
$this->grid_pagination_style_section();
}
/**
* Content > Grid.
*/
private function grid_options_section() {
$this->start_controls_section(
'section_grid',
[
'label' => __( 'Grid Options', 'themeisle-companion' ),
]
);
// Post type.
$this->add_control(
'grid_post_type',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-tag"></i> ' . __( 'Post Type', 'themeisle-companion' ),
'default' => 'post',
'options' => $this->grid_get_all_post_types(),
]
);
// Post categories.
$this->add_control(
'grid_post_categories',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-folder"></i> ' . __( 'Category', 'themeisle-companion' ),
'options' => $this->grid_get_all_post_type_categories( 'post' ),
'condition' => [
'grid_post_type' => 'post',
],
]
);
// Product categories.
$this->add_control(
'grid_product_categories',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-tag"></i> ' . __( 'Category', 'themeisle-companion' ),
'options' => $this->grid_get_all_post_type_categories( 'product' ),
'condition' => [
'grid_post_type' => 'product',
],
]
);
// Style.
$this->add_control(
'grid_style',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-paint-brush"></i> ' . __( 'Style', 'themeisle-companion' ),
'default' => 'grid',
'options' => [
'grid' => __( 'Grid', 'themeisle-companion' ),
'list' => __( 'List', 'themeisle-companion' ),
],
]
);
// Items.
$this->add_control(
'grid_items',
[
'type' => \Elementor\Controls_Manager::NUMBER,
'label' => '<i class="fa fa-th-large"></i> ' . __( 'Items', 'themeisle-companion' ),
'placeholder' => __( 'How many items?', 'themeisle-companion' ),
'default' => 6,
]
);
// Columns.
$this->add_responsive_control(
'grid_columns',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-columns"></i> ' . __( 'Columns', 'themeisle-companion' ),
'default' => 3,
'tablet_default' => 2,
'mobile_default' => 1,
'options' => [
1 => 1,
2 => 2,
3 => 3,
4 => 4,
5 => 5,
],
]
);
// Order by.
$this->add_control(
'grid_order_by',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-sort"></i> ' . __( 'Order by', 'themeisle-companion' ),
'default' => 'date',
'options' => [
'date' => __( 'Date', 'themeisle-companion' ),
'title' => __( 'Title', 'themeisle-companion' ),
'modified' => __( 'Modified date', 'themeisle-companion' ),
'comment_count' => __( 'Comment count', 'themeisle-companion' ),
'rand' => __( 'Random', 'themeisle-companion' ),
],
]
);
// Display pagination.
$this->add_control(
'grid_pagination',
[
'label' => '<i class="fa fa-arrow-circle-right"></i> ' . __( 'Pagination', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
$this->end_controls_section();
}
/**
* Content > Image Options.
*/
private function grid_image_section() {
$this->start_controls_section(
'section_grid_image',
[
'label' => __( 'Image', 'themeisle-companion' ),
]
);
// Hide image.
$this->add_control(
'grid_image_hide',
[
'label' => '<i class="fa fa-minus-circle"></i> ' . __( 'Hide', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
// Image height.
$this->add_control(
'grid_image_height',
[
'label' => '<i class="fa fa-arrows-h"></i> ' . __( 'Image height', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 220,
],
'range' => [
'px' => [
'min' => 1,
'max' => 1000,
'step' => 1,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col-image' => 'height: {{SIZE}}{{UNIT}};',
],
]
);
// Image link.
$this->add_control(
'grid_image_link',
[
'label' => '<i class="fa fa-link"></i> ' . __( 'Link', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => 'yes',
]
);
$this->end_controls_section();
}
/**
* Content > Title Options.
*/
private function grid_title_section() {
$this->start_controls_section(
'section_grid_title',
[
'label' => __( 'Title', 'themeisle-companion' ),
]
);
// Hide title.
$this->add_control(
'grid_title_hide',
[
'label' => '<i class="fa fa-minus-circle"></i> ' . __( 'Hide', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
// Title tag.
$this->add_control(
'grid_title_tag',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-code"></i> ' . __( 'Tag', 'themeisle-companion' ),
'default' => 'h2',
'options' => [
'h1' => 'H1',
'h2' => 'H2',
'h3' => 'H3',
'h4' => 'H4',
'h5' => 'H5',
'h6' => 'H6',
'span' => 'span',
'p' => 'p',
'div' => 'div',
],
]
);
// Title link.
$this->add_control(
'grid_title_link',
[
'label' => '<i class="fa fa-link"></i> ' . __( 'Link', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => 'yes',
]
);
$this->end_controls_section();
}
/**
* Content > Meta Options.
*/
private function grid_meta_section() {
$this->start_controls_section(
'section_grid_meta',
[
'label' => __( 'Meta', 'themeisle-companion' ),
]
);
// Hide content.
$this->add_control(
'grid_meta_hide',
[
'label' => '<i class="fa fa-minus-circle"></i> ' . __( 'Hide', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
// Meta.
$this->add_control(
'grid_meta_display',
[
'label' => '<i class="fa fa-info-circle"></i> ' . __( 'Display', 'themeisle-companion' ),
'label_block' => true,
'type' => \Elementor\Controls_Manager::SELECT2,
'default' => [ 'author', 'date' ],
'multiple' => true,
'options' => [
'author' => __( 'Author', 'themeisle-companion' ),
'date' => __( 'Date', 'themeisle-companion' ),
'category' => __( 'Category', 'themeisle-companion' ),
'tags' => __( 'Tags', 'themeisle-companion' ),
'comments' => __( 'Comments', 'themeisle-companion' ),
],
]
);
// No. of Categories.
$this->add_control(
'grid_meta_categories_max',
[
'type' => \Elementor\Controls_Manager::NUMBER,
'label' => __( 'No. of Categories', 'themeisle-companion' ),
'placeholder' => __( 'How many categories to display?', 'themeisle-companion' ),
'default' => __( '1', 'themeisle-companion' ),
'condition' => [
'grid_meta_display' => 'category',
],
]
);
// No. of Tags.
$this->add_control(
'grid_meta_tags_max',
[
'type' => \Elementor\Controls_Manager::NUMBER,
'label' => __( 'No. of Tags', 'themeisle-companion' ),
'placeholder' => __( 'How many tags to display?', 'themeisle-companion' ),
'condition' => [
'grid_meta_display' => 'tags',
],
]
);
// Remove meta icons.
$this->add_control(
'grid_meta_remove_icons',
[
'label' => '<i class="fa fa-minus-circle"></i> ' . __( 'Remove icons', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
$this->end_controls_section();
}
/**
* Content > Content Options.
*/
private function grid_content_section() {
$this->start_controls_section(
'section_grid_content',
[
'label' => __( 'Content', 'themeisle-companion' ),
]
);
// Hide content.
$this->add_control(
'grid_content_hide',
[
'label' => '<i class="fa fa-minus-circle"></i> ' . __( 'Hide', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
// Show full content.
$this->add_control(
'grid_content_full_post',
[
'label' => __( 'Show full content', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
// Length.
$this->add_control(
'grid_content_length',
[
'type' => \Elementor\Controls_Manager::NUMBER,
'label' => '<i class="fa fa-arrows-h"></i> ' . __( 'Length (words)', 'themeisle-companion' ),
'placeholder' => __( 'Length of content (words)', 'themeisle-companion' ),
'default' => 30,
'condition' => [
'grid_content_full_post!' => 'yes'
]
]
);
// Price.
$this->add_control(
'grid_content_price',
[
'label' => '<i class="fa fa-usd"></i> ' . __( 'Price', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => 'yes',
'condition' => [
'section_grid.grid_post_type' => 'product',
],
]
);
// Read more button hide.
$this->add_control(
'grid_content_default_btn',
[
'label' => '<i class="fa fa-check-square"></i> ' . __( 'Button', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => 'yes',
'condition' => [
'section_grid.grid_post_type!' => 'product',
],
]
);
// Default button text.
$this->add_control(
'grid_content_default_btn_text',
[
'type' => \Elementor\Controls_Manager::TEXT,
'label' => __( 'Button text', 'themeisle-companion' ),
'placeholder' => __( 'Read more', 'themeisle-companion' ),
'default' => __( 'Read more', 'themeisle-companion' ),
'condition' => [
'grid_content_default_btn!' => '',
'section_grid.grid_post_type!' => 'product',
],
]
);
// Add to cart button hide.
$this->add_control(
'grid_content_product_btn',
[
'label' => '<i class="fa fa-check-square"></i> ' . __( 'Button', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => 'yes',
'condition' => [
'section_grid.grid_post_type' => 'product',
],
]
);
// Button alignment.
$this->add_responsive_control(
'grid_content_btn_alignment',
[
'label' => __( 'Button alignment', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'themeisle-companion' ),
'icon' => 'fa fa-align-left',
],
'center' => [
'title' => __( 'Center', 'themeisle-companion' ),
'icon' => 'fa fa-align-center',
],
'right' => [
'title' => __( 'Right', 'themeisle-companion' ),
'icon' => 'fa fa-align-right',
],
'justify' => [
'title' => __( 'Justified', 'themeisle-companion' ),
'icon' => 'fa fa-align-justify',
],
],
'default' => 'left',
'tablet_default' => 'left',
'mobile_default' => 'center',
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer' => 'text-align: {{VALUE}};',
],
'condition' => [
'grid_content_btn!' => '',
],
]
);
// Content alignment.
$this->add_responsive_control(
'grid_content_alignment',
[
'label' => '<i class="fa fa-align-right"></i> ' . __( 'Alignment', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'themeisle-companion' ),
'icon' => 'fa fa-align-left',
],
'center' => [
'title' => __( 'Center', 'themeisle-companion' ),
'icon' => 'fa fa-align-center',
],
'right' => [
'title' => __( 'Right', 'themeisle-companion' ),
'icon' => 'fa fa-align-right',
],
],
'default' => 'left',
'tablet_default' => 'left',
'mobile_default' => 'center',
'selectors' => [
'{{WRAPPER}} .obfx-grid-col-content' => 'text-align: {{VALUE}};',
],
]
);
$this->end_controls_section();
}
/**
* Content > Pagination Options.
*/
private function grid_pagination_section() {
$this->start_controls_section(
'section_grid_pagination',
[
'label' => __( 'Pagination', 'themeisle-companion' ),
'condition' => [
'section_grid.grid_pagination' => 'yes',
],
]
);
// Pagination alignment.
$this->add_responsive_control(
'grid_pagination_alignment',
[
'label' => __( 'Alignment', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'themeisle-companion' ),
'icon' => 'fa fa-align-left',
],
'center' => [
'title' => __( 'Center', 'themeisle-companion' ),
'icon' => 'fa fa-align-center',
],
'right' => [
'title' => __( 'Right', 'themeisle-companion' ),
'icon' => 'fa fa-align-right',
],
],
'default' => 'center',
'tablet_default' => 'center',
'mobile_default' => 'center',
'selectors' => [
'{{WRAPPER}} .obfx-grid-pagination .pagination' => 'text-align: {{VALUE}};',
],
]
);
$this->end_controls_section();
}
/**
* Style > Grid options.
*/
private function grid_options_style_section() {
// Tab.
$this->start_controls_section(
'section_grid_style',
[
'label' => __( 'Grid Options', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
// Columns margin.
$this->add_responsive_control(
'grid_style_columns_margin',
[
'label' => __( 'Columns margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 15,
],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-wrapper' => 'padding-right: calc( {{SIZE}}{{UNIT}} ); padding-left: calc( {{SIZE}}{{UNIT}} );',
'{{WRAPPER}} .obfx-grid-container' => 'margin-left: calc( -{{SIZE}}{{UNIT}} ); margin-right: calc( -{{SIZE}}{{UNIT}} );',
],
]
);
// Row margin.
$this->add_responsive_control(
'grid_style_rows_margin',
[
'label' => __( 'Rows margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 30,
],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-wrapper' => 'padding-bottom: {{SIZE}}{{UNIT}};',
],
]
);
// Background.
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'grid_style_background',
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-grid',
]
);
// Items options.
$this->add_control(
'grid_items_style_heading',
[
'label' => __( 'Items', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
// Items internal padding.
$this->add_responsive_control(
'grid_items_style_padding',
[
'label' => __( 'Padding', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
// Items border radius.
$this->add_control(
'grid_items_style_border_radius',
[
'label' => __( 'Border Radius', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
// Items box shadow.
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_items_style_box_shadow',
'selector' => '{{WRAPPER}} .obfx-grid-col',
'separator' => '',
]
);
// Background for items options.
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'grid_items_style_background',
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-grid-col',
]
);
$this->end_controls_section();
}
/**
* Style > Image.
*/
private function grid_image_style_section() {
// Tab.
$this->start_controls_section(
'section_grid_image_style',
[
'label' => __( 'Image', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
'condition' => [
'section_grid_image.grid_image_hide' => '',
],
]
);
// Image border radius.
$this->add_control(
'grid_image_style_border_radius',
[
'label' => __( 'Border Radius', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col-image' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'section_grid_image.grid_image_hide' => '',
],
]
);
// Image box shadow.
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_image_style_box_shadow',
'selector' => '{{WRAPPER}} .obfx-grid-col-image',
'separator' => '',
'condition' => [
'section_grid_image.grid_image_hide' => '',
],
]
);
// Image margin.
$this->add_responsive_control(
'grid_image_style_margin',
[
'label' => __( 'Margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col-image' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'section_grid_image.grid_image_hide' => '',
],
]
);
$this->end_controls_section();
}
/**
* Style > Title.
*/
private function grid_title_style_section() {
// Tab.
$this->start_controls_section(
'section_grid_title_style',
[
'label' => __( 'Title', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
'condition' => [
'section_grid_title.grid_title_hide' => '',
],
]
);
// Title typography.
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'grid_title_style_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-grid .entry-title.obfx-grid-title, {{WRAPPER}} .obfx-grid .entry-title.obfx-grid-title > a',
]
);
// Title color.
$this->add_control(
'grid_title_style_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'selectors' => [
'{{WRAPPER}} .obfx-grid .entry-title.obfx-grid-title' => 'color: {{VALUE}};',
'{{WRAPPER}} .obfx-grid .entry-title.obfx-grid-title > a' => 'color: {{VALUE}};',
],
]
);
// Title margin.
$this->add_responsive_control(
'grid_title_style_margin',
[
'label' => __( 'Margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
}
/**
* Style > Meta.
*/
private function grid_meta_style_section() {
// Tab.
$this->start_controls_section(
'section_grid_meta_style',
[
'label' => __( 'Meta', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
'condition' => [
'section_grid_meta.grid_meta_hide' => '',
],
]
);
// Meta typography.
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'grid_meta_style_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-grid-meta',
]
);
// Meta color.
$this->add_control(
'grid_meta_style_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-meta' => 'color: {{VALUE}};',
'{{WRAPPER}} .obfx-grid-meta span' => 'color: {{VALUE}};',
'{{WRAPPER}} .obfx-grid-meta a' => 'color: {{VALUE}};',
],
]
);
// Meta margin.
$this->add_responsive_control(
'grid_meta_style_margin',
[
'label' => __( 'Margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-meta' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
}
/**
* Style > Content.
*/
private function grid_content_style_section() {
// Tab.
$this->start_controls_section(
'section_grid_content_style',
[
'label' => __( 'Content', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
// Content typography.
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'grid_content_style_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-grid-content',
'condition' => [
'section_grid_content.grid_content_hide' => '',
],
]
);
// Content color.
$this->add_control(
'grid_content_style_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-content' => 'color: {{VALUE}};',
],
'condition' => [
'section_grid_content.grid_content_hide' => '',
],
]
);
// Content margin
$this->add_responsive_control(
'grid_content_style_margin',
[
'label' => __( 'Margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-content' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'section_grid_content.grid_content_hide' => '',
],
]
);
// Heading for price options.
$this->add_control(
'grid_content_price_style_heading',
[
'label' => __( 'Price', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
'condition' => [
'section_grid_content.grid_content_price' => 'yes',
'section_grid.grid_post_type' => 'product',
],
]
);
// Price typography.
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'grid_content_price_style_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-grid-price',
'condition' => [
'section_grid_content.grid_content_price' => 'yes',
'section_grid.grid_post_type' => 'product',
],
]
);
// Price color.
$this->add_control(
'grid_content_price_style_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-price' => 'color: {{VALUE}};',
],
'condition' => [
'section_grid_content.grid_content_price' => 'yes',
'section_grid.grid_post_type' => 'product',
],
]
);
// Price bottom margin.
$this->add_responsive_control(
'grid_content_price_style_margin',
[
'label' => __( 'Margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-price' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'section_grid_content.grid_content_price' => 'yes',
'section_grid.grid_post_type' => 'product',
],
]
);
// Buttons options.
$this->grid_content_style_button();
$this->end_controls_section();
}
/**
* Tabs for the Style > Button section.
*/
private function grid_content_style_button() {
// Heading for button options.
$this->add_control(
'grid_button_style_heading',
[
'label' => __( 'Button', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Content typography.
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'grid_button_style_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-grid-footer a',
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
$this->start_controls_tabs( 'grid_button_style' );
// Normal tab.
$this->start_controls_tab(
'grid_button_style_normal',
[
'label' => __( 'Normal', 'themeisle-companion' ),
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Normal text color.
$this->add_control(
'grid_button_style_normal_text_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Text Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'separator' => '',
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer a' => 'color: {{VALUE}};',
],
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Normal background color.
$this->add_control(
'grid_button_style_normal_bg_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Background Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'separator' => '',
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer a' => 'background-color: {{VALUE}};',
],
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Normal box shadow.
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_button_style_normal_box_shadow',
'selector' => '{{WRAPPER}} .obfx-grid-footer a',
'separator' => '',
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
$this->end_controls_tab();
// Hover tab.
$this->start_controls_tab(
'grid_button_style_hover',
[
'label' => __( 'Hover', 'themeisle-companion' ),
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Hover text color.
$this->add_control(
'grid_button_style_hover_text_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Text Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'separator' => '',
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer a:hover' => 'color: {{VALUE}};',
],
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Hover background color.
$this->add_control(
'grid_button_style_hover_bg_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Background Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'separator' => '',
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer a:hover' => 'background-color: {{VALUE}};',
],
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Hover box shadow.
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_button_style_hover_box_shadow',
'selector' => '{{WRAPPER}} .obfx-grid-footer a:hover',
'separator' => '',
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
// Button padding.
$this->add_control(
'grid_button_style_padding',
[
'label' => __( 'Button padding', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Button border radius.
$this->add_control(
'grid_button_style_border_radius',
[
'label' => __( 'Button border radius', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
}
/**
* Style > Pagination.
*/
private function grid_pagination_style_section() {
// Tab.
$this->start_controls_section(
'section_grid_pagination_style',
[
'label' => __( 'Pagination', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
'condition' => [
'section_grid.grid_pagination' => 'yes',
],
]
);
// Image margin.
$this->add_responsive_control(
'grid_pagination_style_margin',
[
'label' => __( 'Margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-pagination .pagination' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
}
/**
* Render function to output the post type grid.
*/
protected function render() {
// Get settings.
$settings = $this->get_settings();
$this->maybe_load_widget_style();
// ensure the needed scripts
// Output.
echo '<div class="obfx-grid">';
echo '<div class="obfx-grid-container' . ( ! empty( $settings['grid_style'] ) && $settings['grid_style'] == 'list' ? ' obfx-grid-style-' . $settings['grid_style'] : '' ) . ( ! empty( $settings['grid_columns_mobile'] ) ? ' obfx-grid-mobile-' . $settings['grid_columns_mobile'] : '' ) . ( ! empty( $settings['grid_columns_tablet'] ) ? ' obfx-grid-tablet-' . $settings['grid_columns_tablet'] : '' ) . ( ! empty( $settings['grid_columns'] ) ? ' obfx-grid-desktop-' . $settings['grid_columns'] : '' ) . '">';
// Arguments for query.
$args = array();
// Display only published posts.
$args['post_status'] = 'publish';
// Ignore sticky posts.
$args['ignore_sticky_posts'] = 1;
// Check if post type exists.
if ( ! empty( $settings['grid_post_type'] ) && post_type_exists( $settings['grid_post_type'] ) ) {
$args['post_type'] = $settings['grid_post_type'];
}
// Display posts in category.
if ( ! empty( $settings['grid_post_categories'] ) && $settings['grid_post_type'] == 'post' ) {
$args['category_name'] = $settings['grid_post_categories'];
}
// Display products in category.
if ( ! empty( $settings['grid_product_categories'] ) && $settings['grid_post_type'] == 'product' ) {
$args['tax_query'] = array(
'relation' => 'AND',
array(
'taxonomy' => 'product_cat',
'field' => 'slug',
'terms' => $settings['grid_product_categories'],
),
);
}
// Items to display.
if ( ! empty( $settings['grid_items'] ) && intval( $settings['grid_items'] ) == $settings['grid_items'] ) {
$args['posts_per_page'] = $settings['grid_items'];
}
// Order by.
if ( ! empty( $settings['grid_order_by'] ) ) {
$args['orderby'] = $settings['grid_order_by'];
}
// Pagination.
if ( ! empty( $settings['grid_pagination'] ) ) {
$paged = get_query_var( 'paged' );
if ( empty( $paged ) ) {
$paged = get_query_var( 'page' );
}
$args['paged'] = $paged;
}
// Query.
$query = new \WP_Query( $args );
// Query results.
if ( $query->have_posts() ) {
while ( $query->have_posts() ) {
$query->the_post();
echo '<div class="obfx-grid-wrapper">';
echo '<article class="obfx-grid-col' . ( $settings['grid_image_hide'] == 'yes' || ! has_post_thumbnail() ? ' obfx-no-image' : '' ) . '">';
// Image.
$this->renderImage();
echo '<div class="obfx-grid-col-content">';
// Title.
$this->renderTitle();
// Meta.
$this->renderMeta();
// Content.
$this->renderContent();
// Price.
if ( class_exists( 'WooCommerce' ) ) {
$this->renderPrice();
}
// Button.
$this->renderButton();
echo '</div><!-- .obfx-grid-col-content -->';
echo '</article>';
echo '</div>';
} // End while().
// Pagination.
if ( ! empty( $settings['grid_pagination'] ) ) { ?>
<div class="obfx-grid-pagination">
<?php
$big = 999999999;
$totalpages = $query->max_num_pages;
$current = max( 1, $paged );
$paginate_args = array(
'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
'format' => '?paged=%#%',
'current' => $current,
'total' => $totalpages,
'show_all' => false,
'end_size' => 1,
'mid_size' => 3,
'prev_next' => true,
'prev_text' => esc_html__( 'Previous', 'themeisle-companion' ),
'next_text' => esc_html__( 'Next', 'themeisle-companion' ),
'type' => 'plain',
'add_args' => false,
);
$pagination = paginate_links( $paginate_args ); ?>
<nav class="pagination">
<?php echo $pagination; ?>
</nav>
</div>
<?php
}
} // End if().
// Restore original data.
wp_reset_postdata();
echo '</div><!-- .obfx-grid-container -->';
echo '</div><!-- .obfx-grid -->';
}
/**
* Render image of post type.
*/
protected function renderImage() {
$settings = $this->get_settings();
// Only in editor.
if ( $settings['grid_image_hide'] !== 'yes' ) {
// Check if post type has featured image.
if ( has_post_thumbnail() ) {
if ( $settings['grid_image_link'] == 'yes' ) {
?>
<div class="obfx-grid-col-image">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
<?php
the_post_thumbnail(
'full', array(
'class' => 'img-responsive',
'alt' => get_the_title( get_post_thumbnail_id() ),
)
); ?>
</a>
</div>
<?php } else { ?>
<div class="obfx-grid-col-image">
<?php
the_post_thumbnail(
'full', array(
'class' => 'img-responsive',
'alt' => get_the_title( get_post_thumbnail_id() ),
)
); ?>
</div>
<?php
}
}
}
}
/**
* Render title of post type.
*/
protected function renderTitle() {
$settings = $this->get_settings();
if ( $settings['grid_title_hide'] !== 'yes' ) { ?>
<<?php echo $settings['grid_title_tag']; ?> class="entry-title obfx-grid-title">
<?php if ( $settings['grid_title_link'] == 'yes' ) { ?>
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
<?php the_title(); ?>
</a>
<?php
} else {
the_title();
} ?>
</<?php echo $settings['grid_title_tag']; ?>>
<?php
}
}
/**
* Render meta of post type.
*/
protected function renderMeta() {
$settings = $this->get_settings();
if ( $settings['grid_meta_hide'] !== 'yes' ) {
if ( ! empty( $settings['grid_meta_display'] ) ) { ?>
<div class="entry-meta obfx-grid-meta">
<?php
foreach ( $settings['grid_meta_display'] as $meta ) {
switch ( $meta ) :
// Author
case 'author': ?>
<span class="obfx-grid-author">
<?php
echo ( $settings['grid_meta_remove_icons'] == '' ) ? '<i class="fa fa-user"></i>' : '';
echo get_the_author(); ?>
</span>
<?php
// Date
break;
case 'date': ?>
<span class="obfx-grid-date">
<?php
echo ( $settings['grid_meta_remove_icons'] == '' ) ? '<i class="fa fa-calendar"></i>' : '';
echo get_the_date(); ?>
</span>
<?php
// Category
break;
case 'category':
$this->renderMetaGridCategories();
// Tags
break;
case 'tags':
$this->renderMetaGridTags();
// Comments/Reviews
break;
case 'comments': ?>
<span class="obfx-grid-comments">
<?php
echo ( $settings['grid_meta_remove_icons'] == '' ) ? '<i class="fa fa-comment"></i>' : '';
if ( $settings['grid_post_type'] == 'product' ) {
echo comments_number( __( 'No reviews', 'themeisle-companion' ), __( '1 review', 'themeisle-companion' ), __( '% reviews', 'themeisle-companion' ) );
} else {
echo comments_number( __( 'No comments', 'themeisle-companion' ), __( '1 comment', 'themeisle-companion' ), __( '% comments', 'themeisle-companion' ) );
} ?>
</span>
<?php
break;
endswitch;
} // End foreach().?>
</div>
<?php
}// End if().
}// End if().
}
/**
* Display price if post type is product.
*/
protected function renderPrice() {
if ( ! function_exists( 'wc_get_product' ) ) {
return null;
}
$settings = $this->get_settings();
$product = wc_get_product( get_the_ID() );
if ( $settings['grid_post_type'] == 'product' && $settings['grid_content_price'] == 'yes' ) { ?>
<div class="obfx-grid-price">
<?php
$price = $product->get_price_html();
if ( ! empty( $price ) ) {
echo wp_kses(
$price, array(
'span' => array(
'class' => array(),
),
'del' => array(),
)
);
} ?>
</div>
<?php
}
}
/**
* Display Add to Cart button.
*/
protected function renderAddToCart() {
if ( ! function_exists( 'wc_get_product' ) ) {
return null;
}
$product = wc_get_product( get_the_ID() );
echo apply_filters(
'woocommerce_loop_add_to_cart_link',
sprintf(
'<a href="%s" title="%s" rel="nofollow">%s</a>',
esc_url( $product->add_to_cart_url() ),
esc_attr( $product->add_to_cart_text() ),
esc_html( $product->add_to_cart_text() )
), $product
);
}
/**
* Render content of post type.
*/
protected function renderContent() {
$settings = $this->get_settings();
if ( $settings['grid_content_hide'] !== 'yes' ) { ?>
<div class="entry-content obfx-grid-content">
<?php
if( $settings['grid_content_full_post'] === 'yes' ) {
the_content();
} else {
if ( empty( $settings['grid_content_length'] ) ) {
the_excerpt();
} else {
echo wp_trim_words( get_the_excerpt(), $settings['grid_content_length'] );
}
}?>
</div>
<?php
}
}
/**
* Render button of post type.
*/
protected function renderButton() {
$settings = $this->get_settings();
if ( $settings['grid_post_type'] == 'product' && $settings['grid_content_product_btn'] == 'yes' ) { ?>
<div class="obfx-grid-footer">
<?php $this->renderAddToCart(); ?>
</div>
<?php } elseif ( $settings['grid_content_default_btn'] == 'yes' && ! empty( $settings['grid_content_default_btn_text'] ) ) { ?>
<div class="obfx-grid-footer">
<a href="<?php echo get_the_permalink(); ?>"
title="<?php echo $settings['grid_content_default_btn_text']; ?>"><?php echo $settings['grid_content_default_btn_text']; ?></a>
</div>
<?php
}
}
/**
* Display categories in meta section.
*/
protected function renderMetaGridCategories() {
$settings = $this->get_settings();
$post_type_category = get_the_category();
$maxCategories = $settings['grid_meta_categories_max'] ? $settings['grid_meta_categories_max'] : '-1';
$i = 0; // counter
if ( $post_type_category ) { ?>
<span class="obfx-grid-categories">
<?php
echo ( $settings['grid_meta_remove_icons'] == '' ) ? '<i class="fa fa-bookmark"></i>' : '';
foreach ( $post_type_category as $category ) {
if ( $i == $maxCategories ) {
break;
} ?>
<span class="obfx-grid-categories-item">
<a href="<?php echo get_category_link( $category->term_id ); ?>"
title="<?php echo $category->name; ?>">
<?php echo $category->name; ?>
</a>
</span>
<?php
$i ++;
} ?>
</span>
<?php
}
}
/**
* Display tags in meta section.
*/
protected function renderMetaGridTags() {
$settings = $this->get_settings();
$post_type_tags = get_the_tags();
$maxTags = $settings['grid_meta_tags_max'] ? $settings['grid_meta_tags_max'] : '-1';
$i = 0; // counter
if ( $post_type_tags ) { ?>
<span class="obfx-grid-tags">
<?php
echo ( $settings['grid_meta_remove_icons'] == '' ) ? '<i class="fa fa-tags"></i>' : '';
foreach ( $post_type_tags as $tag ) {
if ( $i == $maxTags ) {
break;
} ?>
<span class="obfx-grid-tags-item">
<a href="<?php echo get_tag_link( $tag->term_id ); ?>" title="<?php echo $tag->name; ?>">
<?php echo $tag->name; ?>
</a>
</span>
<?php
$i ++;
} ?>
</span>
<?php
}
}
/**
* Load the widget style dynamically if it is a widget preview
* or enqueue style and scripts if not
*
* This way we are sure that the assets files are loaded only when this block is present in page.
*/
protected function maybe_load_widget_style() {
if ( \Elementor\Plugin::$instance->editor->is_edit_mode() === true && apply_filters( 'themeisle_content_forms_register_default_style', true ) ) { ?>
<style>
<?php echo file_get_contents( plugin_dir_path( dirname( dirname(__FILE__ ) ) ) . 'css/public.css' ) ?>
</style>
<?php
} else {
wp_enqueue_script( 'obfx-grid-js' );
wp_enqueue_style( 'eaw-elementor' );
}
}
}
plugins/themeisle-companion/vendor/codeinwp/elementor-extra-widgets/widgets/elementor/posts-grid.php0000644 00000135253 15115140136 0036205 0 ustar 00 home/xbodynamge/dev/wp-content <?php
/**
* Post Grid widget for Elementor builder
*
* @link https://themeisle.com
* @since 1.0.0
*
* @package ThemeIsle\ElementorExtraWidgets
*/
namespace ThemeIsle\ElementorExtraWidgets;
if ( ! defined( 'ABSPATH' ) ) {
exit;
} // End if().
/**
* Class Posts_Grid
*
* @package ThemeIsle\ElementorExtraWidgets
*/
class Posts_Grid extends \Elementor\Widget_Base {
/**
* Widget title.
*
* @return string
*/
public function get_title() {
return __( 'Post Type Grid', 'themeisle-companion' );
}
/**
* Widget icon.
*
* @return string
*/
public function get_icon() {
return 'eicon-posts-grid';
}
/**
* Widget name.
*
* @return string
*/
public function get_name() {
return 'obfx-posts-grid';
}
/**
* Register dependent script.
*
* @return array
*/
public function get_script_depends() {
return [ 'obfx-grid-js' ];
}
/**
* Widget Category.
*
* @return array
*/
public function get_categories() {
$category_args = apply_filters( 'elementor_extra_widgets_category_args', array() );
$slug = isset( $category_args['slug'] ) ? $category_args['slug'] : 'obfx-elementor-widgets';
return [ $slug ];
}
/**
* Get post types.
*/
private function grid_get_all_post_types() {
$options = array();
$exclude = array( 'attachment', 'elementor_library' ); // excluded post types
$args = array(
'public' => true,
);
foreach ( get_post_types( $args, 'objects' ) as $post_type ) {
// Check if post type name exists.
if ( ! isset( $post_type->name ) ) {
continue;
}
// Check if post type label exists.
if ( ! isset( $post_type->label ) ) {
continue;
}
// Check if post type is excluded.
if ( in_array( $post_type->name, $exclude ) === true ) {
continue;
}
$options[ $post_type->name ] = $post_type->label;
}
return $options;
}
/**
* Get post type categories.
*/
private function grid_get_all_post_type_categories( $post_type ) {
$options = array();
if ( $post_type == 'post' ) {
$taxonomy = 'category';
} elseif ( $post_type == 'product' ) {
$taxonomy = 'product_cat';
}
if ( ! empty( $taxonomy ) ) {
// Get categories for post type.
$terms = get_terms(
array(
'taxonomy' => $taxonomy,
'hide_empty' => false,
)
);
if ( ! empty( $terms ) ) {
foreach ( $terms as $term ) {
if ( isset( $term ) ) {
if ( isset( $term->slug ) && isset( $term->name ) ) {
$options[ $term->slug ] = $term->name;
}
}
}
}
}
return $options;
}
/**
* Register Elementor Controls.
*/
protected function _register_controls() {
// Content.
$this->grid_options_section();
$this->grid_image_section();
$this->grid_title_section();
$this->grid_meta_section();
$this->grid_content_section();
$this->grid_pagination_section();
// Style.
$this->grid_options_style_section();
$this->grid_image_style_section();
$this->grid_title_style_section();
$this->grid_meta_style_section();
$this->grid_content_style_section();
$this->grid_pagination_style_section();
}
/**
* Content > Grid.
*/
private function grid_options_section() {
$this->start_controls_section(
'section_grid',
[
'label' => __( 'Grid Options', 'themeisle-companion' ),
]
);
// Post type.
$this->add_control(
'grid_post_type',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-tag"></i> ' . __( 'Post Type', 'themeisle-companion' ),
'default' => 'post',
'options' => $this->grid_get_all_post_types(),
]
);
// Post categories.
$this->add_control(
'grid_post_categories',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-folder"></i> ' . __( 'Category', 'themeisle-companion' ),
'options' => $this->grid_get_all_post_type_categories( 'post' ),
'condition' => [
'grid_post_type' => 'post',
],
]
);
// Product categories.
$this->add_control(
'grid_product_categories',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-tag"></i> ' . __( 'Category', 'themeisle-companion' ),
'options' => $this->grid_get_all_post_type_categories( 'product' ),
'condition' => [
'grid_post_type' => 'product',
],
]
);
// Style.
$this->add_control(
'grid_style',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-paint-brush"></i> ' . __( 'Style', 'themeisle-companion' ),
'default' => 'grid',
'options' => [
'grid' => __( 'Grid', 'themeisle-companion' ),
'list' => __( 'List', 'themeisle-companion' ),
],
]
);
// Items.
$this->add_control(
'grid_items',
[
'type' => \Elementor\Controls_Manager::NUMBER,
'label' => '<i class="fa fa-th-large"></i> ' . __( 'Items', 'themeisle-companion' ),
'placeholder' => __( 'How many items?', 'themeisle-companion' ),
'default' => 6,
]
);
// Columns.
$this->add_responsive_control(
'grid_columns',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-columns"></i> ' . __( 'Columns', 'themeisle-companion' ),
'default' => 3,
'tablet_default' => 2,
'mobile_default' => 1,
'options' => [
1 => 1,
2 => 2,
3 => 3,
4 => 4,
5 => 5,
],
]
);
// Order by.
$this->add_control(
'grid_order_by',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-sort"></i> ' . __( 'Order by', 'themeisle-companion' ),
'default' => 'date',
'options' => [
'date' => __( 'Date', 'themeisle-companion' ),
'title' => __( 'Title', 'themeisle-companion' ),
'modified' => __( 'Modified date', 'themeisle-companion' ),
'comment_count' => __( 'Comment count', 'themeisle-companion' ),
'rand' => __( 'Random', 'themeisle-companion' ),
],
]
);
// Display pagination.
$this->add_control(
'grid_pagination',
[
'label' => '<i class="fa fa-arrow-circle-right"></i> ' . __( 'Pagination', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
$this->end_controls_section();
}
/**
* Content > Image Options.
*/
private function grid_image_section() {
$this->start_controls_section(
'section_grid_image',
[
'label' => __( 'Image', 'themeisle-companion' ),
]
);
// Hide image.
$this->add_control(
'grid_image_hide',
[
'label' => '<i class="fa fa-minus-circle"></i> ' . __( 'Hide', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
// Image height.
$this->add_control(
'grid_image_height',
[
'label' => '<i class="fa fa-arrows-h"></i> ' . __( 'Image height', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 220,
],
'range' => [
'px' => [
'min' => 1,
'max' => 1000,
'step' => 1,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col-image' => 'height: {{SIZE}}{{UNIT}};',
],
]
);
// Image link.
$this->add_control(
'grid_image_link',
[
'label' => '<i class="fa fa-link"></i> ' . __( 'Link', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => 'yes',
]
);
$this->end_controls_section();
}
/**
* Content > Title Options.
*/
private function grid_title_section() {
$this->start_controls_section(
'section_grid_title',
[
'label' => __( 'Title', 'themeisle-companion' ),
]
);
// Hide title.
$this->add_control(
'grid_title_hide',
[
'label' => '<i class="fa fa-minus-circle"></i> ' . __( 'Hide', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
// Title tag.
$this->add_control(
'grid_title_tag',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-code"></i> ' . __( 'Tag', 'themeisle-companion' ),
'default' => 'h2',
'options' => [
'h1' => 'H1',
'h2' => 'H2',
'h3' => 'H3',
'h4' => 'H4',
'h5' => 'H5',
'h6' => 'H6',
'span' => 'span',
'p' => 'p',
'div' => 'div',
],
]
);
// Title link.
$this->add_control(
'grid_title_link',
[
'label' => '<i class="fa fa-link"></i> ' . __( 'Link', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => 'yes',
]
);
$this->end_controls_section();
}
/**
* Content > Meta Options.
*/
private function grid_meta_section() {
$this->start_controls_section(
'section_grid_meta',
[
'label' => __( 'Meta', 'themeisle-companion' ),
]
);
// Hide content.
$this->add_control(
'grid_meta_hide',
[
'label' => '<i class="fa fa-minus-circle"></i> ' . __( 'Hide', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
// Meta.
$this->add_control(
'grid_meta_display',
[
'label' => '<i class="fa fa-info-circle"></i> ' . __( 'Display', 'themeisle-companion' ),
'label_block' => true,
'type' => \Elementor\Controls_Manager::SELECT2,
'default' => [ 'author', 'date' ],
'multiple' => true,
'options' => [
'author' => __( 'Author', 'themeisle-companion' ),
'date' => __( 'Date', 'themeisle-companion' ),
'category' => __( 'Category', 'themeisle-companion' ),
'tags' => __( 'Tags', 'themeisle-companion' ),
'comments' => __( 'Comments', 'themeisle-companion' ),
],
]
);
// No. of Categories.
$this->add_control(
'grid_meta_categories_max',
[
'type' => \Elementor\Controls_Manager::NUMBER,
'label' => __( 'No. of Categories', 'themeisle-companion' ),
'placeholder' => __( 'How many categories to display?', 'themeisle-companion' ),
'default' => __( '1', 'themeisle-companion' ),
'condition' => [
'grid_meta_display' => 'category',
],
]
);
// No. of Tags.
$this->add_control(
'grid_meta_tags_max',
[
'type' => \Elementor\Controls_Manager::NUMBER,
'label' => __( 'No. of Tags', 'themeisle-companion' ),
'placeholder' => __( 'How many tags to display?', 'themeisle-companion' ),
'condition' => [
'grid_meta_display' => 'tags',
],
]
);
// Remove meta icons.
$this->add_control(
'grid_meta_remove_icons',
[
'label' => '<i class="fa fa-minus-circle"></i> ' . __( 'Remove icons', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
$this->end_controls_section();
}
/**
* Content > Content Options.
*/
private function grid_content_section() {
$this->start_controls_section(
'section_grid_content',
[
'label' => __( 'Content', 'themeisle-companion' ),
]
);
// Hide content.
$this->add_control(
'grid_content_hide',
[
'label' => '<i class="fa fa-minus-circle"></i> ' . __( 'Hide', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
// Show full content.
$this->add_control(
'grid_content_full_post',
[
'label' => __( 'Show full content', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
// Length.
$this->add_control(
'grid_content_length',
[
'type' => \Elementor\Controls_Manager::NUMBER,
'label' => '<i class="fa fa-arrows-h"></i> ' . __( 'Length (words)', 'themeisle-companion' ),
'placeholder' => __( 'Length of content (words)', 'themeisle-companion' ),
'default' => 30,
'condition' => [
'grid_content_full_post!' => 'yes'
]
]
);
// Price.
$this->add_control(
'grid_content_price',
[
'label' => '<i class="fa fa-usd"></i> ' . __( 'Price', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => 'yes',
'condition' => [
'section_grid.grid_post_type' => 'product',
],
]
);
// Read more button hide.
$this->add_control(
'grid_content_default_btn',
[
'label' => '<i class="fa fa-check-square"></i> ' . __( 'Button', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => 'yes',
'condition' => [
'section_grid.grid_post_type!' => 'product',
],
]
);
// Default button text.
$this->add_control(
'grid_content_default_btn_text',
[
'type' => \Elementor\Controls_Manager::TEXT,
'label' => __( 'Button text', 'themeisle-companion' ),
'placeholder' => __( 'Read more', 'themeisle-companion' ),
'default' => __( 'Read more', 'themeisle-companion' ),
'condition' => [
'grid_content_default_btn!' => '',
'section_grid.grid_post_type!' => 'product',
],
]
);
// Add to cart button hide.
$this->add_control(
'grid_content_product_btn',
[
'label' => '<i class="fa fa-check-square"></i> ' . __( 'Button', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => 'yes',
'condition' => [
'section_grid.grid_post_type' => 'product',
],
]
);
// Button alignment.
$this->add_responsive_control(
'grid_content_btn_alignment',
[
'label' => __( 'Button alignment', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'themeisle-companion' ),
'icon' => 'fa fa-align-left',
],
'center' => [
'title' => __( 'Center', 'themeisle-companion' ),
'icon' => 'fa fa-align-center',
],
'right' => [
'title' => __( 'Right', 'themeisle-companion' ),
'icon' => 'fa fa-align-right',
],
'justify' => [
'title' => __( 'Justified', 'themeisle-companion' ),
'icon' => 'fa fa-align-justify',
],
],
'default' => 'left',
'tablet_default' => 'left',
'mobile_default' => 'center',
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer' => 'text-align: {{VALUE}};',
],
'condition' => [
'grid_content_btn!' => '',
],
]
);
// Content alignment.
$this->add_responsive_control(
'grid_content_alignment',
[
'label' => '<i class="fa fa-align-right"></i> ' . __( 'Alignment', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'themeisle-companion' ),
'icon' => 'fa fa-align-left',
],
'center' => [
'title' => __( 'Center', 'themeisle-companion' ),
'icon' => 'fa fa-align-center',
],
'right' => [
'title' => __( 'Right', 'themeisle-companion' ),
'icon' => 'fa fa-align-right',
],
],
'default' => 'left',
'tablet_default' => 'left',
'mobile_default' => 'center',
'selectors' => [
'{{WRAPPER}} .obfx-grid-col-content' => 'text-align: {{VALUE}};',
],
]
);
$this->end_controls_section();
}
/**
* Content > Pagination Options.
*/
private function grid_pagination_section() {
$this->start_controls_section(
'section_grid_pagination',
[
'label' => __( 'Pagination', 'themeisle-companion' ),
'condition' => [
'section_grid.grid_pagination' => 'yes',
],
]
);
// Pagination alignment.
$this->add_responsive_control(
'grid_pagination_alignment',
[
'label' => __( 'Alignment', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'themeisle-companion' ),
'icon' => 'fa fa-align-left',
],
'center' => [
'title' => __( 'Center', 'themeisle-companion' ),
'icon' => 'fa fa-align-center',
],
'right' => [
'title' => __( 'Right', 'themeisle-companion' ),
'icon' => 'fa fa-align-right',
],
],
'default' => 'center',
'tablet_default' => 'center',
'mobile_default' => 'center',
'selectors' => [
'{{WRAPPER}} .obfx-grid-pagination .pagination' => 'text-align: {{VALUE}};',
],
]
);
$this->end_controls_section();
}
/**
* Style > Grid options.
*/
private function grid_options_style_section() {
// Tab.
$this->start_controls_section(
'section_grid_style',
[
'label' => __( 'Grid Options', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
// Columns margin.
$this->add_responsive_control(
'grid_style_columns_margin',
[
'label' => __( 'Columns margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 15,
],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-wrapper' => 'padding-right: calc( {{SIZE}}{{UNIT}} ); padding-left: calc( {{SIZE}}{{UNIT}} );',
'{{WRAPPER}} .obfx-grid-container' => 'margin-left: calc( -{{SIZE}}{{UNIT}} ); margin-right: calc( -{{SIZE}}{{UNIT}} );',
],
]
);
// Row margin.
$this->add_responsive_control(
'grid_style_rows_margin',
[
'label' => __( 'Rows margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 30,
],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-wrapper' => 'padding-bottom: {{SIZE}}{{UNIT}};',
],
]
);
// Background.
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'grid_style_background',
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-grid',
]
);
// Items options.
$this->add_control(
'grid_items_style_heading',
[
'label' => __( 'Items', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
// Items internal padding.
$this->add_responsive_control(
'grid_items_style_padding',
[
'label' => __( 'Padding', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
// Items border radius.
$this->add_control(
'grid_items_style_border_radius',
[
'label' => __( 'Border Radius', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
// Items box shadow.
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_items_style_box_shadow',
'selector' => '{{WRAPPER}} .obfx-grid-col',
'separator' => '',
]
);
// Background for items options.
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'grid_items_style_background',
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-grid-col',
]
);
$this->end_controls_section();
}
/**
* Style > Image.
*/
private function grid_image_style_section() {
// Tab.
$this->start_controls_section(
'section_grid_image_style',
[
'label' => __( 'Image', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
'condition' => [
'section_grid_image.grid_image_hide' => '',
],
]
);
// Image border radius.
$this->add_control(
'grid_image_style_border_radius',
[
'label' => __( 'Border Radius', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col-image' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'section_grid_image.grid_image_hide' => '',
],
]
);
// Image box shadow.
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_image_style_box_shadow',
'selector' => '{{WRAPPER}} .obfx-grid-col-image',
'separator' => '',
'condition' => [
'section_grid_image.grid_image_hide' => '',
],
]
);
// Image margin.
$this->add_responsive_control(
'grid_image_style_margin',
[
'label' => __( 'Margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col-image' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'section_grid_image.grid_image_hide' => '',
],
]
);
$this->end_controls_section();
}
/**
* Style > Title.
*/
private function grid_title_style_section() {
// Tab.
$this->start_controls_section(
'section_grid_title_style',
[
'label' => __( 'Title', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
'condition' => [
'section_grid_title.grid_title_hide' => '',
],
]
);
// Title typography.
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'grid_title_style_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-grid .entry-title.obfx-grid-title, {{WRAPPER}} .obfx-grid .entry-title.obfx-grid-title > a',
]
);
// Title color.
$this->add_control(
'grid_title_style_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'selectors' => [
'{{WRAPPER}} .obfx-grid .entry-title.obfx-grid-title' => 'color: {{VALUE}};',
'{{WRAPPER}} .obfx-grid .entry-title.obfx-grid-title > a' => 'color: {{VALUE}};',
],
]
);
// Title margin.
$this->add_responsive_control(
'grid_title_style_margin',
[
'label' => __( 'Margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
}
/**
* Style > Meta.
*/
private function grid_meta_style_section() {
// Tab.
$this->start_controls_section(
'section_grid_meta_style',
[
'label' => __( 'Meta', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
'condition' => [
'section_grid_meta.grid_meta_hide' => '',
],
]
);
// Meta typography.
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'grid_meta_style_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-grid-meta',
]
);
// Meta color.
$this->add_control(
'grid_meta_style_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-meta' => 'color: {{VALUE}};',
'{{WRAPPER}} .obfx-grid-meta span' => 'color: {{VALUE}};',
'{{WRAPPER}} .obfx-grid-meta a' => 'color: {{VALUE}};',
],
]
);
// Meta margin.
$this->add_responsive_control(
'grid_meta_style_margin',
[
'label' => __( 'Margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-meta' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
}
/**
* Style > Content.
*/
private function grid_content_style_section() {
// Tab.
$this->start_controls_section(
'section_grid_content_style',
[
'label' => __( 'Content', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
// Content typography.
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'grid_content_style_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-grid-content',
'condition' => [
'section_grid_content.grid_content_hide' => '',
],
]
);
// Content color.
$this->add_control(
'grid_content_style_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-content' => 'color: {{VALUE}};',
],
'condition' => [
'section_grid_content.grid_content_hide' => '',
],
]
);
// Content margin
$this->add_responsive_control(
'grid_content_style_margin',
[
'label' => __( 'Margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-content' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'section_grid_content.grid_content_hide' => '',
],
]
);
// Heading for price options.
$this->add_control(
'grid_content_price_style_heading',
[
'label' => __( 'Price', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
'condition' => [
'section_grid_content.grid_content_price' => 'yes',
'section_grid.grid_post_type' => 'product',
],
]
);
// Price typography.
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'grid_content_price_style_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-grid-price',
'condition' => [
'section_grid_content.grid_content_price' => 'yes',
'section_grid.grid_post_type' => 'product',
],
]
);
// Price color.
$this->add_control(
'grid_content_price_style_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-price' => 'color: {{VALUE}};',
],
'condition' => [
'section_grid_content.grid_content_price' => 'yes',
'section_grid.grid_post_type' => 'product',
],
]
);
// Price bottom margin.
$this->add_responsive_control(
'grid_content_price_style_margin',
[
'label' => __( 'Margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-price' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'section_grid_content.grid_content_price' => 'yes',
'section_grid.grid_post_type' => 'product',
],
]
);
// Buttons options.
$this->grid_content_style_button();
$this->end_controls_section();
}
/**
* Tabs for the Style > Button section.
*/
private function grid_content_style_button() {
// Heading for button options.
$this->add_control(
'grid_button_style_heading',
[
'label' => __( 'Button', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Content typography.
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'grid_button_style_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-grid-footer a',
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
$this->start_controls_tabs( 'grid_button_style' );
// Normal tab.
$this->start_controls_tab(
'grid_button_style_normal',
[
'label' => __( 'Normal', 'themeisle-companion' ),
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Normal text color.
$this->add_control(
'grid_button_style_normal_text_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Text Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'separator' => '',
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer a' => 'color: {{VALUE}};',
],
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Normal background color.
$this->add_control(
'grid_button_style_normal_bg_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Background Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'separator' => '',
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer a' => 'background-color: {{VALUE}};',
],
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Normal box shadow.
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_button_style_normal_box_shadow',
'selector' => '{{WRAPPER}} .obfx-grid-footer a',
'separator' => '',
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
$this->end_controls_tab();
// Hover tab.
$this->start_controls_tab(
'grid_button_style_hover',
[
'label' => __( 'Hover', 'themeisle-companion' ),
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Hover text color.
$this->add_control(
'grid_button_style_hover_text_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Text Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'separator' => '',
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer a:hover' => 'color: {{VALUE}};',
],
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Hover background color.
$this->add_control(
'grid_button_style_hover_bg_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Background Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'separator' => '',
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer a:hover' => 'background-color: {{VALUE}};',
],
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Hover box shadow.
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_button_style_hover_box_shadow',
'selector' => '{{WRAPPER}} .obfx-grid-footer a:hover',
'separator' => '',
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
// Button padding.
$this->add_control(
'grid_button_style_padding',
[
'label' => __( 'Button padding', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Button border radius.
$this->add_control(
'grid_button_style_border_radius',
[
'label' => __( 'Button border radius', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
}
/**
* Style > Pagination.
*/
private function grid_pagination_style_section() {
// Tab.
$this->start_controls_section(
'section_grid_pagination_style',
[
'label' => __( 'Pagination', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
'condition' => [
'section_grid.grid_pagination' => 'yes',
],
]
);
// Image margin.
$this->add_responsive_control(
'grid_pagination_style_margin',
[
'label' => __( 'Margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-pagination .pagination' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
}
/**
* Render function to output the post type grid.
*/
protected function render() {
// Get settings.
$settings = $this->get_settings();
$this->maybe_load_widget_style();
// ensure the needed scripts
// Output.
echo '<div class="obfx-grid">';
echo '<div class="obfx-grid-container' . ( ! empty( $settings['grid_style'] ) && $settings['grid_style'] == 'list' ? ' obfx-grid-style-' . $settings['grid_style'] : '' ) . ( ! empty( $settings['grid_columns_mobile'] ) ? ' obfx-grid-mobile-' . $settings['grid_columns_mobile'] : '' ) . ( ! empty( $settings['grid_columns_tablet'] ) ? ' obfx-grid-tablet-' . $settings['grid_columns_tablet'] : '' ) . ( ! empty( $settings['grid_columns'] ) ? ' obfx-grid-desktop-' . $settings['grid_columns'] : '' ) . '">';
// Arguments for query.
$args = array();
// Display only published posts.
$args['post_status'] = 'publish';
// Ignore sticky posts.
$args['ignore_sticky_posts'] = 1;
// Check if post type exists.
if ( ! empty( $settings['grid_post_type'] ) && post_type_exists( $settings['grid_post_type'] ) ) {
$args['post_type'] = $settings['grid_post_type'];
}
// Display posts in category.
if ( ! empty( $settings['grid_post_categories'] ) && $settings['grid_post_type'] == 'post' ) {
$args['category_name'] = $settings['grid_post_categories'];
}
// Display products in category.
if ( ! empty( $settings['grid_product_categories'] ) && $settings['grid_post_type'] == 'product' ) {
$args['tax_query'] = array(
'relation' => 'AND',
array(
'taxonomy' => 'product_cat',
'field' => 'slug',
'terms' => $settings['grid_product_categories'],
),
);
}
// Items to display.
if ( ! empty( $settings['grid_items'] ) && intval( $settings['grid_items'] ) == $settings['grid_items'] ) {
$args['posts_per_page'] = $settings['grid_items'];
}
// Order by.
if ( ! empty( $settings['grid_order_by'] ) ) {
$args['orderby'] = $settings['grid_order_by'];
}
// Pagination.
if ( ! empty( $settings['grid_pagination'] ) ) {
$paged = get_query_var( 'paged' );
if ( empty( $paged ) ) {
$paged = get_query_var( 'page' );
}
$args['paged'] = $paged;
}
// Query.
$query = new \WP_Query( $args );
// Query results.
if ( $query->have_posts() ) {
while ( $query->have_posts() ) {
$query->the_post();
echo '<div class="obfx-grid-wrapper">';
echo '<article class="obfx-grid-col' . ( $settings['grid_image_hide'] == 'yes' || ! has_post_thumbnail() ? ' obfx-no-image' : '' ) . '">';
// Image.
$this->renderImage();
echo '<div class="obfx-grid-col-content">';
// Title.
$this->renderTitle();
// Meta.
$this->renderMeta();
// Content.
$this->renderContent();
// Price.
if ( class_exists( 'WooCommerce' ) ) {
$this->renderPrice();
}
// Button.
$this->renderButton();
echo '</div><!-- .obfx-grid-col-content -->';
echo '</article>';
echo '</div>';
} // End while().
// Pagination.
if ( ! empty( $settings['grid_pagination'] ) ) { ?>
<div class="obfx-grid-pagination">
<?php
$big = 999999999;
$totalpages = $query->max_num_pages;
$current = max( 1, $paged );
$paginate_args = array(
'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
'format' => '?paged=%#%',
'current' => $current,
'total' => $totalpages,
'show_all' => false,
'end_size' => 1,
'mid_size' => 3,
'prev_next' => true,
'prev_text' => esc_html__( 'Previous', 'themeisle-companion' ),
'next_text' => esc_html__( 'Next', 'themeisle-companion' ),
'type' => 'plain',
'add_args' => false,
);
$pagination = paginate_links( $paginate_args ); ?>
<nav class="pagination">
<?php echo $pagination; ?>
</nav>
</div>
<?php
}
} // End if().
// Restore original data.
wp_reset_postdata();
echo '</div><!-- .obfx-grid-container -->';
echo '</div><!-- .obfx-grid -->';
}
/**
* Render image of post type.
*/
protected function renderImage() {
$settings = $this->get_settings();
// Only in editor.
if ( $settings['grid_image_hide'] !== 'yes' ) {
// Check if post type has featured image.
if ( has_post_thumbnail() ) {
if ( $settings['grid_image_link'] == 'yes' ) {
?>
<div class="obfx-grid-col-image">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
<?php
the_post_thumbnail(
'full', array(
'class' => 'img-responsive',
'alt' => get_the_title( get_post_thumbnail_id() ),
)
); ?>
</a>
</div>
<?php } else { ?>
<div class="obfx-grid-col-image">
<?php
the_post_thumbnail(
'full', array(
'class' => 'img-responsive',
'alt' => get_the_title( get_post_thumbnail_id() ),
)
); ?>
</div>
<?php
}
}
}
}
/**
* Render title of post type.
*/
protected function renderTitle() {
$settings = $this->get_settings();
if ( $settings['grid_title_hide'] !== 'yes' ) { ?>
<<?php echo $settings['grid_title_tag']; ?> class="entry-title obfx-grid-title">
<?php if ( $settings['grid_title_link'] == 'yes' ) { ?>
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
<?php the_title(); ?>
</a>
<?php
} else {
the_title();
} ?>
</<?php echo $settings['grid_title_tag']; ?>>
<?php
}
}
/**
* Render meta of post type.
*/
protected function renderMeta() {
$settings = $this->get_settings();
if ( $settings['grid_meta_hide'] !== 'yes' ) {
if ( ! empty( $settings['grid_meta_display'] ) ) { ?>
<div class="entry-meta obfx-grid-meta">
<?php
foreach ( $settings['grid_meta_display'] as $meta ) {
switch ( $meta ) :
// Author
case 'author': ?>
<span class="obfx-grid-author">
<?php
echo ( $settings['grid_meta_remove_icons'] == '' ) ? '<i class="fa fa-user"></i>' : '';
echo get_the_author(); ?>
</span>
<?php
// Date
break;
case 'date': ?>
<span class="obfx-grid-date">
<?php
echo ( $settings['grid_meta_remove_icons'] == '' ) ? '<i class="fa fa-calendar"></i>' : '';
echo get_the_date(); ?>
</span>
<?php
// Category
break;
case 'category':
$this->renderMetaGridCategories();
// Tags
break;
case 'tags':
$this->renderMetaGridTags();
// Comments/Reviews
break;
case 'comments': ?>
<span class="obfx-grid-comments">
<?php
echo ( $settings['grid_meta_remove_icons'] == '' ) ? '<i class="fa fa-comment"></i>' : '';
if ( $settings['grid_post_type'] == 'product' ) {
echo comments_number( __( 'No reviews', 'themeisle-companion' ), __( '1 review', 'themeisle-companion' ), __( '% reviews', 'themeisle-companion' ) );
} else {
echo comments_number( __( 'No comments', 'themeisle-companion' ), __( '1 comment', 'themeisle-companion' ), __( '% comments', 'themeisle-companion' ) );
} ?>
</span>
<?php
break;
endswitch;
} // End foreach().?>
</div>
<?php
}// End if().
}// End if().
}
/**
* Display price if post type is product.
*/
protected function renderPrice() {
if ( ! function_exists( 'wc_get_product' ) ) {
return null;
}
$settings = $this->get_settings();
$product = wc_get_product( get_the_ID() );
if ( $settings['grid_post_type'] == 'product' && $settings['grid_content_price'] == 'yes' ) { ?>
<div class="obfx-grid-price">
<?php
$price = $product->get_price_html();
if ( ! empty( $price ) ) {
echo wp_kses(
$price, array(
'span' => array(
'class' => array(),
),
'del' => array(),
)
);
} ?>
</div>
<?php
}
}
/**
* Display Add to Cart button.
*/
protected function renderAddToCart() {
if ( ! function_exists( 'wc_get_product' ) ) {
return null;
}
$product = wc_get_product( get_the_ID() );
echo apply_filters(
'woocommerce_loop_add_to_cart_link',
sprintf(
'<a href="%s" title="%s" rel="nofollow">%s</a>',
esc_url( $product->add_to_cart_url() ),
esc_attr( $product->add_to_cart_text() ),
esc_html( $product->add_to_cart_text() )
), $product
);
}
/**
* Render content of post type.
*/
protected function renderContent() {
$settings = $this->get_settings();
if ( $settings['grid_content_hide'] !== 'yes' ) { ?>
<div class="entry-content obfx-grid-content">
<?php
if( $settings['grid_content_full_post'] === 'yes' ) {
the_content();
} else {
if ( empty( $settings['grid_content_length'] ) ) {
the_excerpt();
} else {
echo wp_trim_words( get_the_excerpt(), $settings['grid_content_length'] );
}
}?>
</div>
<?php
}
}
/**
* Render button of post type.
*/
protected function renderButton() {
$settings = $this->get_settings();
if ( $settings['grid_post_type'] == 'product' && $settings['grid_content_product_btn'] == 'yes' ) { ?>
<div class="obfx-grid-footer">
<?php $this->renderAddToCart(); ?>
</div>
<?php } elseif ( $settings['grid_content_default_btn'] == 'yes' && ! empty( $settings['grid_content_default_btn_text'] ) ) { ?>
<div class="obfx-grid-footer">
<a href="<?php echo get_the_permalink(); ?>"
title="<?php echo $settings['grid_content_default_btn_text']; ?>"><?php echo $settings['grid_content_default_btn_text']; ?></a>
</div>
<?php
}
}
/**
* Display categories in meta section.
*/
protected function renderMetaGridCategories() {
$settings = $this->get_settings();
$post_type_category = get_the_category();
$maxCategories = $settings['grid_meta_categories_max'] ? $settings['grid_meta_categories_max'] : '-1';
$i = 0; // counter
if ( $post_type_category ) { ?>
<span class="obfx-grid-categories">
<?php
echo ( $settings['grid_meta_remove_icons'] == '' ) ? '<i class="fa fa-bookmark"></i>' : '';
foreach ( $post_type_category as $category ) {
if ( $i == $maxCategories ) {
break;
} ?>
<span class="obfx-grid-categories-item">
<a href="<?php echo get_category_link( $category->term_id ); ?>"
title="<?php echo $category->name; ?>">
<?php echo $category->name; ?>
</a>
</span>
<?php
$i ++;
} ?>
</span>
<?php
}
}
/**
* Display tags in meta section.
*/
protected function renderMetaGridTags() {
$settings = $this->get_settings();
$post_type_tags = get_the_tags();
$maxTags = $settings['grid_meta_tags_max'] ? $settings['grid_meta_tags_max'] : '-1';
$i = 0; // counter
if ( $post_type_tags ) { ?>
<span class="obfx-grid-tags">
<?php
echo ( $settings['grid_meta_remove_icons'] == '' ) ? '<i class="fa fa-tags"></i>' : '';
foreach ( $post_type_tags as $tag ) {
if ( $i == $maxTags ) {
break;
} ?>
<span class="obfx-grid-tags-item">
<a href="<?php echo get_tag_link( $tag->term_id ); ?>" title="<?php echo $tag->name; ?>">
<?php echo $tag->name; ?>
</a>
</span>
<?php
$i ++;
} ?>
</span>
<?php
}
}
/**
* Load the widget style dynamically if it is a widget preview
* or enqueue style and scripts if not
*
* This way we are sure that the assets files are loaded only when this block is present in page.
*/
protected function maybe_load_widget_style() {
if ( \Elementor\Plugin::$instance->editor->is_edit_mode() === true && apply_filters( 'themeisle_content_forms_register_default_style', true ) ) { ?>
<style>
<?php echo file_get_contents( plugin_dir_path( dirname( dirname(__FILE__ ) ) ) . 'css/public.css' ) ?>
</style>
<?php
} else {
wp_enqueue_script( 'obfx-grid-js' );
wp_enqueue_style( 'eaw-elementor' );
}
}
}
plugins/themeisle-companion/vendor/codeinwp/elementor-extra-widgets/widgets/elementor/posts-grid.php0000644 00000135253 15115141220 0040102 0 ustar 00 home/xbodynamge/lebauwcentre/wp-content <?php
/**
* Post Grid widget for Elementor builder
*
* @link https://themeisle.com
* @since 1.0.0
*
* @package ThemeIsle\ElementorExtraWidgets
*/
namespace ThemeIsle\ElementorExtraWidgets;
if ( ! defined( 'ABSPATH' ) ) {
exit;
} // End if().
/**
* Class Posts_Grid
*
* @package ThemeIsle\ElementorExtraWidgets
*/
class Posts_Grid extends \Elementor\Widget_Base {
/**
* Widget title.
*
* @return string
*/
public function get_title() {
return __( 'Post Type Grid', 'themeisle-companion' );
}
/**
* Widget icon.
*
* @return string
*/
public function get_icon() {
return 'eicon-posts-grid';
}
/**
* Widget name.
*
* @return string
*/
public function get_name() {
return 'obfx-posts-grid';
}
/**
* Register dependent script.
*
* @return array
*/
public function get_script_depends() {
return [ 'obfx-grid-js' ];
}
/**
* Widget Category.
*
* @return array
*/
public function get_categories() {
$category_args = apply_filters( 'elementor_extra_widgets_category_args', array() );
$slug = isset( $category_args['slug'] ) ? $category_args['slug'] : 'obfx-elementor-widgets';
return [ $slug ];
}
/**
* Get post types.
*/
private function grid_get_all_post_types() {
$options = array();
$exclude = array( 'attachment', 'elementor_library' ); // excluded post types
$args = array(
'public' => true,
);
foreach ( get_post_types( $args, 'objects' ) as $post_type ) {
// Check if post type name exists.
if ( ! isset( $post_type->name ) ) {
continue;
}
// Check if post type label exists.
if ( ! isset( $post_type->label ) ) {
continue;
}
// Check if post type is excluded.
if ( in_array( $post_type->name, $exclude ) === true ) {
continue;
}
$options[ $post_type->name ] = $post_type->label;
}
return $options;
}
/**
* Get post type categories.
*/
private function grid_get_all_post_type_categories( $post_type ) {
$options = array();
if ( $post_type == 'post' ) {
$taxonomy = 'category';
} elseif ( $post_type == 'product' ) {
$taxonomy = 'product_cat';
}
if ( ! empty( $taxonomy ) ) {
// Get categories for post type.
$terms = get_terms(
array(
'taxonomy' => $taxonomy,
'hide_empty' => false,
)
);
if ( ! empty( $terms ) ) {
foreach ( $terms as $term ) {
if ( isset( $term ) ) {
if ( isset( $term->slug ) && isset( $term->name ) ) {
$options[ $term->slug ] = $term->name;
}
}
}
}
}
return $options;
}
/**
* Register Elementor Controls.
*/
protected function _register_controls() {
// Content.
$this->grid_options_section();
$this->grid_image_section();
$this->grid_title_section();
$this->grid_meta_section();
$this->grid_content_section();
$this->grid_pagination_section();
// Style.
$this->grid_options_style_section();
$this->grid_image_style_section();
$this->grid_title_style_section();
$this->grid_meta_style_section();
$this->grid_content_style_section();
$this->grid_pagination_style_section();
}
/**
* Content > Grid.
*/
private function grid_options_section() {
$this->start_controls_section(
'section_grid',
[
'label' => __( 'Grid Options', 'themeisle-companion' ),
]
);
// Post type.
$this->add_control(
'grid_post_type',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-tag"></i> ' . __( 'Post Type', 'themeisle-companion' ),
'default' => 'post',
'options' => $this->grid_get_all_post_types(),
]
);
// Post categories.
$this->add_control(
'grid_post_categories',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-folder"></i> ' . __( 'Category', 'themeisle-companion' ),
'options' => $this->grid_get_all_post_type_categories( 'post' ),
'condition' => [
'grid_post_type' => 'post',
],
]
);
// Product categories.
$this->add_control(
'grid_product_categories',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-tag"></i> ' . __( 'Category', 'themeisle-companion' ),
'options' => $this->grid_get_all_post_type_categories( 'product' ),
'condition' => [
'grid_post_type' => 'product',
],
]
);
// Style.
$this->add_control(
'grid_style',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-paint-brush"></i> ' . __( 'Style', 'themeisle-companion' ),
'default' => 'grid',
'options' => [
'grid' => __( 'Grid', 'themeisle-companion' ),
'list' => __( 'List', 'themeisle-companion' ),
],
]
);
// Items.
$this->add_control(
'grid_items',
[
'type' => \Elementor\Controls_Manager::NUMBER,
'label' => '<i class="fa fa-th-large"></i> ' . __( 'Items', 'themeisle-companion' ),
'placeholder' => __( 'How many items?', 'themeisle-companion' ),
'default' => 6,
]
);
// Columns.
$this->add_responsive_control(
'grid_columns',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-columns"></i> ' . __( 'Columns', 'themeisle-companion' ),
'default' => 3,
'tablet_default' => 2,
'mobile_default' => 1,
'options' => [
1 => 1,
2 => 2,
3 => 3,
4 => 4,
5 => 5,
],
]
);
// Order by.
$this->add_control(
'grid_order_by',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-sort"></i> ' . __( 'Order by', 'themeisle-companion' ),
'default' => 'date',
'options' => [
'date' => __( 'Date', 'themeisle-companion' ),
'title' => __( 'Title', 'themeisle-companion' ),
'modified' => __( 'Modified date', 'themeisle-companion' ),
'comment_count' => __( 'Comment count', 'themeisle-companion' ),
'rand' => __( 'Random', 'themeisle-companion' ),
],
]
);
// Display pagination.
$this->add_control(
'grid_pagination',
[
'label' => '<i class="fa fa-arrow-circle-right"></i> ' . __( 'Pagination', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
$this->end_controls_section();
}
/**
* Content > Image Options.
*/
private function grid_image_section() {
$this->start_controls_section(
'section_grid_image',
[
'label' => __( 'Image', 'themeisle-companion' ),
]
);
// Hide image.
$this->add_control(
'grid_image_hide',
[
'label' => '<i class="fa fa-minus-circle"></i> ' . __( 'Hide', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
// Image height.
$this->add_control(
'grid_image_height',
[
'label' => '<i class="fa fa-arrows-h"></i> ' . __( 'Image height', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 220,
],
'range' => [
'px' => [
'min' => 1,
'max' => 1000,
'step' => 1,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col-image' => 'height: {{SIZE}}{{UNIT}};',
],
]
);
// Image link.
$this->add_control(
'grid_image_link',
[
'label' => '<i class="fa fa-link"></i> ' . __( 'Link', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => 'yes',
]
);
$this->end_controls_section();
}
/**
* Content > Title Options.
*/
private function grid_title_section() {
$this->start_controls_section(
'section_grid_title',
[
'label' => __( 'Title', 'themeisle-companion' ),
]
);
// Hide title.
$this->add_control(
'grid_title_hide',
[
'label' => '<i class="fa fa-minus-circle"></i> ' . __( 'Hide', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
// Title tag.
$this->add_control(
'grid_title_tag',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-code"></i> ' . __( 'Tag', 'themeisle-companion' ),
'default' => 'h2',
'options' => [
'h1' => 'H1',
'h2' => 'H2',
'h3' => 'H3',
'h4' => 'H4',
'h5' => 'H5',
'h6' => 'H6',
'span' => 'span',
'p' => 'p',
'div' => 'div',
],
]
);
// Title link.
$this->add_control(
'grid_title_link',
[
'label' => '<i class="fa fa-link"></i> ' . __( 'Link', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => 'yes',
]
);
$this->end_controls_section();
}
/**
* Content > Meta Options.
*/
private function grid_meta_section() {
$this->start_controls_section(
'section_grid_meta',
[
'label' => __( 'Meta', 'themeisle-companion' ),
]
);
// Hide content.
$this->add_control(
'grid_meta_hide',
[
'label' => '<i class="fa fa-minus-circle"></i> ' . __( 'Hide', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
// Meta.
$this->add_control(
'grid_meta_display',
[
'label' => '<i class="fa fa-info-circle"></i> ' . __( 'Display', 'themeisle-companion' ),
'label_block' => true,
'type' => \Elementor\Controls_Manager::SELECT2,
'default' => [ 'author', 'date' ],
'multiple' => true,
'options' => [
'author' => __( 'Author', 'themeisle-companion' ),
'date' => __( 'Date', 'themeisle-companion' ),
'category' => __( 'Category', 'themeisle-companion' ),
'tags' => __( 'Tags', 'themeisle-companion' ),
'comments' => __( 'Comments', 'themeisle-companion' ),
],
]
);
// No. of Categories.
$this->add_control(
'grid_meta_categories_max',
[
'type' => \Elementor\Controls_Manager::NUMBER,
'label' => __( 'No. of Categories', 'themeisle-companion' ),
'placeholder' => __( 'How many categories to display?', 'themeisle-companion' ),
'default' => __( '1', 'themeisle-companion' ),
'condition' => [
'grid_meta_display' => 'category',
],
]
);
// No. of Tags.
$this->add_control(
'grid_meta_tags_max',
[
'type' => \Elementor\Controls_Manager::NUMBER,
'label' => __( 'No. of Tags', 'themeisle-companion' ),
'placeholder' => __( 'How many tags to display?', 'themeisle-companion' ),
'condition' => [
'grid_meta_display' => 'tags',
],
]
);
// Remove meta icons.
$this->add_control(
'grid_meta_remove_icons',
[
'label' => '<i class="fa fa-minus-circle"></i> ' . __( 'Remove icons', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
$this->end_controls_section();
}
/**
* Content > Content Options.
*/
private function grid_content_section() {
$this->start_controls_section(
'section_grid_content',
[
'label' => __( 'Content', 'themeisle-companion' ),
]
);
// Hide content.
$this->add_control(
'grid_content_hide',
[
'label' => '<i class="fa fa-minus-circle"></i> ' . __( 'Hide', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
// Show full content.
$this->add_control(
'grid_content_full_post',
[
'label' => __( 'Show full content', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => '',
]
);
// Length.
$this->add_control(
'grid_content_length',
[
'type' => \Elementor\Controls_Manager::NUMBER,
'label' => '<i class="fa fa-arrows-h"></i> ' . __( 'Length (words)', 'themeisle-companion' ),
'placeholder' => __( 'Length of content (words)', 'themeisle-companion' ),
'default' => 30,
'condition' => [
'grid_content_full_post!' => 'yes'
]
]
);
// Price.
$this->add_control(
'grid_content_price',
[
'label' => '<i class="fa fa-usd"></i> ' . __( 'Price', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => 'yes',
'condition' => [
'section_grid.grid_post_type' => 'product',
],
]
);
// Read more button hide.
$this->add_control(
'grid_content_default_btn',
[
'label' => '<i class="fa fa-check-square"></i> ' . __( 'Button', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => 'yes',
'condition' => [
'section_grid.grid_post_type!' => 'product',
],
]
);
// Default button text.
$this->add_control(
'grid_content_default_btn_text',
[
'type' => \Elementor\Controls_Manager::TEXT,
'label' => __( 'Button text', 'themeisle-companion' ),
'placeholder' => __( 'Read more', 'themeisle-companion' ),
'default' => __( 'Read more', 'themeisle-companion' ),
'condition' => [
'grid_content_default_btn!' => '',
'section_grid.grid_post_type!' => 'product',
],
]
);
// Add to cart button hide.
$this->add_control(
'grid_content_product_btn',
[
'label' => '<i class="fa fa-check-square"></i> ' . __( 'Button', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'default' => 'yes',
'condition' => [
'section_grid.grid_post_type' => 'product',
],
]
);
// Button alignment.
$this->add_responsive_control(
'grid_content_btn_alignment',
[
'label' => __( 'Button alignment', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'themeisle-companion' ),
'icon' => 'fa fa-align-left',
],
'center' => [
'title' => __( 'Center', 'themeisle-companion' ),
'icon' => 'fa fa-align-center',
],
'right' => [
'title' => __( 'Right', 'themeisle-companion' ),
'icon' => 'fa fa-align-right',
],
'justify' => [
'title' => __( 'Justified', 'themeisle-companion' ),
'icon' => 'fa fa-align-justify',
],
],
'default' => 'left',
'tablet_default' => 'left',
'mobile_default' => 'center',
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer' => 'text-align: {{VALUE}};',
],
'condition' => [
'grid_content_btn!' => '',
],
]
);
// Content alignment.
$this->add_responsive_control(
'grid_content_alignment',
[
'label' => '<i class="fa fa-align-right"></i> ' . __( 'Alignment', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'themeisle-companion' ),
'icon' => 'fa fa-align-left',
],
'center' => [
'title' => __( 'Center', 'themeisle-companion' ),
'icon' => 'fa fa-align-center',
],
'right' => [
'title' => __( 'Right', 'themeisle-companion' ),
'icon' => 'fa fa-align-right',
],
],
'default' => 'left',
'tablet_default' => 'left',
'mobile_default' => 'center',
'selectors' => [
'{{WRAPPER}} .obfx-grid-col-content' => 'text-align: {{VALUE}};',
],
]
);
$this->end_controls_section();
}
/**
* Content > Pagination Options.
*/
private function grid_pagination_section() {
$this->start_controls_section(
'section_grid_pagination',
[
'label' => __( 'Pagination', 'themeisle-companion' ),
'condition' => [
'section_grid.grid_pagination' => 'yes',
],
]
);
// Pagination alignment.
$this->add_responsive_control(
'grid_pagination_alignment',
[
'label' => __( 'Alignment', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'themeisle-companion' ),
'icon' => 'fa fa-align-left',
],
'center' => [
'title' => __( 'Center', 'themeisle-companion' ),
'icon' => 'fa fa-align-center',
],
'right' => [
'title' => __( 'Right', 'themeisle-companion' ),
'icon' => 'fa fa-align-right',
],
],
'default' => 'center',
'tablet_default' => 'center',
'mobile_default' => 'center',
'selectors' => [
'{{WRAPPER}} .obfx-grid-pagination .pagination' => 'text-align: {{VALUE}};',
],
]
);
$this->end_controls_section();
}
/**
* Style > Grid options.
*/
private function grid_options_style_section() {
// Tab.
$this->start_controls_section(
'section_grid_style',
[
'label' => __( 'Grid Options', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
// Columns margin.
$this->add_responsive_control(
'grid_style_columns_margin',
[
'label' => __( 'Columns margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 15,
],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-wrapper' => 'padding-right: calc( {{SIZE}}{{UNIT}} ); padding-left: calc( {{SIZE}}{{UNIT}} );',
'{{WRAPPER}} .obfx-grid-container' => 'margin-left: calc( -{{SIZE}}{{UNIT}} ); margin-right: calc( -{{SIZE}}{{UNIT}} );',
],
]
);
// Row margin.
$this->add_responsive_control(
'grid_style_rows_margin',
[
'label' => __( 'Rows margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 30,
],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-wrapper' => 'padding-bottom: {{SIZE}}{{UNIT}};',
],
]
);
// Background.
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'grid_style_background',
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-grid',
]
);
// Items options.
$this->add_control(
'grid_items_style_heading',
[
'label' => __( 'Items', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
// Items internal padding.
$this->add_responsive_control(
'grid_items_style_padding',
[
'label' => __( 'Padding', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
// Items border radius.
$this->add_control(
'grid_items_style_border_radius',
[
'label' => __( 'Border Radius', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
// Items box shadow.
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_items_style_box_shadow',
'selector' => '{{WRAPPER}} .obfx-grid-col',
'separator' => '',
]
);
// Background for items options.
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'grid_items_style_background',
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-grid-col',
]
);
$this->end_controls_section();
}
/**
* Style > Image.
*/
private function grid_image_style_section() {
// Tab.
$this->start_controls_section(
'section_grid_image_style',
[
'label' => __( 'Image', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
'condition' => [
'section_grid_image.grid_image_hide' => '',
],
]
);
// Image border radius.
$this->add_control(
'grid_image_style_border_radius',
[
'label' => __( 'Border Radius', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col-image' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'section_grid_image.grid_image_hide' => '',
],
]
);
// Image box shadow.
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_image_style_box_shadow',
'selector' => '{{WRAPPER}} .obfx-grid-col-image',
'separator' => '',
'condition' => [
'section_grid_image.grid_image_hide' => '',
],
]
);
// Image margin.
$this->add_responsive_control(
'grid_image_style_margin',
[
'label' => __( 'Margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col-image' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'section_grid_image.grid_image_hide' => '',
],
]
);
$this->end_controls_section();
}
/**
* Style > Title.
*/
private function grid_title_style_section() {
// Tab.
$this->start_controls_section(
'section_grid_title_style',
[
'label' => __( 'Title', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
'condition' => [
'section_grid_title.grid_title_hide' => '',
],
]
);
// Title typography.
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'grid_title_style_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-grid .entry-title.obfx-grid-title, {{WRAPPER}} .obfx-grid .entry-title.obfx-grid-title > a',
]
);
// Title color.
$this->add_control(
'grid_title_style_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'selectors' => [
'{{WRAPPER}} .obfx-grid .entry-title.obfx-grid-title' => 'color: {{VALUE}};',
'{{WRAPPER}} .obfx-grid .entry-title.obfx-grid-title > a' => 'color: {{VALUE}};',
],
]
);
// Title margin.
$this->add_responsive_control(
'grid_title_style_margin',
[
'label' => __( 'Margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
}
/**
* Style > Meta.
*/
private function grid_meta_style_section() {
// Tab.
$this->start_controls_section(
'section_grid_meta_style',
[
'label' => __( 'Meta', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
'condition' => [
'section_grid_meta.grid_meta_hide' => '',
],
]
);
// Meta typography.
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'grid_meta_style_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-grid-meta',
]
);
// Meta color.
$this->add_control(
'grid_meta_style_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-meta' => 'color: {{VALUE}};',
'{{WRAPPER}} .obfx-grid-meta span' => 'color: {{VALUE}};',
'{{WRAPPER}} .obfx-grid-meta a' => 'color: {{VALUE}};',
],
]
);
// Meta margin.
$this->add_responsive_control(
'grid_meta_style_margin',
[
'label' => __( 'Margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-meta' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
}
/**
* Style > Content.
*/
private function grid_content_style_section() {
// Tab.
$this->start_controls_section(
'section_grid_content_style',
[
'label' => __( 'Content', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
// Content typography.
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'grid_content_style_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-grid-content',
'condition' => [
'section_grid_content.grid_content_hide' => '',
],
]
);
// Content color.
$this->add_control(
'grid_content_style_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-content' => 'color: {{VALUE}};',
],
'condition' => [
'section_grid_content.grid_content_hide' => '',
],
]
);
// Content margin
$this->add_responsive_control(
'grid_content_style_margin',
[
'label' => __( 'Margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-content' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'section_grid_content.grid_content_hide' => '',
],
]
);
// Heading for price options.
$this->add_control(
'grid_content_price_style_heading',
[
'label' => __( 'Price', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
'condition' => [
'section_grid_content.grid_content_price' => 'yes',
'section_grid.grid_post_type' => 'product',
],
]
);
// Price typography.
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'grid_content_price_style_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-grid-price',
'condition' => [
'section_grid_content.grid_content_price' => 'yes',
'section_grid.grid_post_type' => 'product',
],
]
);
// Price color.
$this->add_control(
'grid_content_price_style_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-price' => 'color: {{VALUE}};',
],
'condition' => [
'section_grid_content.grid_content_price' => 'yes',
'section_grid.grid_post_type' => 'product',
],
]
);
// Price bottom margin.
$this->add_responsive_control(
'grid_content_price_style_margin',
[
'label' => __( 'Margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-price' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'section_grid_content.grid_content_price' => 'yes',
'section_grid.grid_post_type' => 'product',
],
]
);
// Buttons options.
$this->grid_content_style_button();
$this->end_controls_section();
}
/**
* Tabs for the Style > Button section.
*/
private function grid_content_style_button() {
// Heading for button options.
$this->add_control(
'grid_button_style_heading',
[
'label' => __( 'Button', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Content typography.
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'grid_button_style_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-grid-footer a',
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
$this->start_controls_tabs( 'grid_button_style' );
// Normal tab.
$this->start_controls_tab(
'grid_button_style_normal',
[
'label' => __( 'Normal', 'themeisle-companion' ),
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Normal text color.
$this->add_control(
'grid_button_style_normal_text_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Text Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'separator' => '',
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer a' => 'color: {{VALUE}};',
],
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Normal background color.
$this->add_control(
'grid_button_style_normal_bg_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Background Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'separator' => '',
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer a' => 'background-color: {{VALUE}};',
],
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Normal box shadow.
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_button_style_normal_box_shadow',
'selector' => '{{WRAPPER}} .obfx-grid-footer a',
'separator' => '',
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
$this->end_controls_tab();
// Hover tab.
$this->start_controls_tab(
'grid_button_style_hover',
[
'label' => __( 'Hover', 'themeisle-companion' ),
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Hover text color.
$this->add_control(
'grid_button_style_hover_text_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Text Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'separator' => '',
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer a:hover' => 'color: {{VALUE}};',
],
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Hover background color.
$this->add_control(
'grid_button_style_hover_bg_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Background Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'separator' => '',
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer a:hover' => 'background-color: {{VALUE}};',
],
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Hover box shadow.
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_button_style_hover_box_shadow',
'selector' => '{{WRAPPER}} .obfx-grid-footer a:hover',
'separator' => '',
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
// Button padding.
$this->add_control(
'grid_button_style_padding',
[
'label' => __( 'Button padding', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
// Button border radius.
$this->add_control(
'grid_button_style_border_radius',
[
'label' => __( 'Button border radius', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-footer a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'section_grid_content.grid_content_default_btn!' => '',
'section_grid_content.grid_content_product_btn!' => '',
],
]
);
}
/**
* Style > Pagination.
*/
private function grid_pagination_style_section() {
// Tab.
$this->start_controls_section(
'section_grid_pagination_style',
[
'label' => __( 'Pagination', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
'condition' => [
'section_grid.grid_pagination' => 'yes',
],
]
);
// Image margin.
$this->add_responsive_control(
'grid_pagination_style_margin',
[
'label' => __( 'Margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-pagination .pagination' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
}
/**
* Render function to output the post type grid.
*/
protected function render() {
// Get settings.
$settings = $this->get_settings();
$this->maybe_load_widget_style();
// ensure the needed scripts
// Output.
echo '<div class="obfx-grid">';
echo '<div class="obfx-grid-container' . ( ! empty( $settings['grid_style'] ) && $settings['grid_style'] == 'list' ? ' obfx-grid-style-' . $settings['grid_style'] : '' ) . ( ! empty( $settings['grid_columns_mobile'] ) ? ' obfx-grid-mobile-' . $settings['grid_columns_mobile'] : '' ) . ( ! empty( $settings['grid_columns_tablet'] ) ? ' obfx-grid-tablet-' . $settings['grid_columns_tablet'] : '' ) . ( ! empty( $settings['grid_columns'] ) ? ' obfx-grid-desktop-' . $settings['grid_columns'] : '' ) . '">';
// Arguments for query.
$args = array();
// Display only published posts.
$args['post_status'] = 'publish';
// Ignore sticky posts.
$args['ignore_sticky_posts'] = 1;
// Check if post type exists.
if ( ! empty( $settings['grid_post_type'] ) && post_type_exists( $settings['grid_post_type'] ) ) {
$args['post_type'] = $settings['grid_post_type'];
}
// Display posts in category.
if ( ! empty( $settings['grid_post_categories'] ) && $settings['grid_post_type'] == 'post' ) {
$args['category_name'] = $settings['grid_post_categories'];
}
// Display products in category.
if ( ! empty( $settings['grid_product_categories'] ) && $settings['grid_post_type'] == 'product' ) {
$args['tax_query'] = array(
'relation' => 'AND',
array(
'taxonomy' => 'product_cat',
'field' => 'slug',
'terms' => $settings['grid_product_categories'],
),
);
}
// Items to display.
if ( ! empty( $settings['grid_items'] ) && intval( $settings['grid_items'] ) == $settings['grid_items'] ) {
$args['posts_per_page'] = $settings['grid_items'];
}
// Order by.
if ( ! empty( $settings['grid_order_by'] ) ) {
$args['orderby'] = $settings['grid_order_by'];
}
// Pagination.
if ( ! empty( $settings['grid_pagination'] ) ) {
$paged = get_query_var( 'paged' );
if ( empty( $paged ) ) {
$paged = get_query_var( 'page' );
}
$args['paged'] = $paged;
}
// Query.
$query = new \WP_Query( $args );
// Query results.
if ( $query->have_posts() ) {
while ( $query->have_posts() ) {
$query->the_post();
echo '<div class="obfx-grid-wrapper">';
echo '<article class="obfx-grid-col' . ( $settings['grid_image_hide'] == 'yes' || ! has_post_thumbnail() ? ' obfx-no-image' : '' ) . '">';
// Image.
$this->renderImage();
echo '<div class="obfx-grid-col-content">';
// Title.
$this->renderTitle();
// Meta.
$this->renderMeta();
// Content.
$this->renderContent();
// Price.
if ( class_exists( 'WooCommerce' ) ) {
$this->renderPrice();
}
// Button.
$this->renderButton();
echo '</div><!-- .obfx-grid-col-content -->';
echo '</article>';
echo '</div>';
} // End while().
// Pagination.
if ( ! empty( $settings['grid_pagination'] ) ) { ?>
<div class="obfx-grid-pagination">
<?php
$big = 999999999;
$totalpages = $query->max_num_pages;
$current = max( 1, $paged );
$paginate_args = array(
'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
'format' => '?paged=%#%',
'current' => $current,
'total' => $totalpages,
'show_all' => false,
'end_size' => 1,
'mid_size' => 3,
'prev_next' => true,
'prev_text' => esc_html__( 'Previous', 'themeisle-companion' ),
'next_text' => esc_html__( 'Next', 'themeisle-companion' ),
'type' => 'plain',
'add_args' => false,
);
$pagination = paginate_links( $paginate_args ); ?>
<nav class="pagination">
<?php echo $pagination; ?>
</nav>
</div>
<?php
}
} // End if().
// Restore original data.
wp_reset_postdata();
echo '</div><!-- .obfx-grid-container -->';
echo '</div><!-- .obfx-grid -->';
}
/**
* Render image of post type.
*/
protected function renderImage() {
$settings = $this->get_settings();
// Only in editor.
if ( $settings['grid_image_hide'] !== 'yes' ) {
// Check if post type has featured image.
if ( has_post_thumbnail() ) {
if ( $settings['grid_image_link'] == 'yes' ) {
?>
<div class="obfx-grid-col-image">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
<?php
the_post_thumbnail(
'full', array(
'class' => 'img-responsive',
'alt' => get_the_title( get_post_thumbnail_id() ),
)
); ?>
</a>
</div>
<?php } else { ?>
<div class="obfx-grid-col-image">
<?php
the_post_thumbnail(
'full', array(
'class' => 'img-responsive',
'alt' => get_the_title( get_post_thumbnail_id() ),
)
); ?>
</div>
<?php
}
}
}
}
/**
* Render title of post type.
*/
protected function renderTitle() {
$settings = $this->get_settings();
if ( $settings['grid_title_hide'] !== 'yes' ) { ?>
<<?php echo $settings['grid_title_tag']; ?> class="entry-title obfx-grid-title">
<?php if ( $settings['grid_title_link'] == 'yes' ) { ?>
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
<?php the_title(); ?>
</a>
<?php
} else {
the_title();
} ?>
</<?php echo $settings['grid_title_tag']; ?>>
<?php
}
}
/**
* Render meta of post type.
*/
protected function renderMeta() {
$settings = $this->get_settings();
if ( $settings['grid_meta_hide'] !== 'yes' ) {
if ( ! empty( $settings['grid_meta_display'] ) ) { ?>
<div class="entry-meta obfx-grid-meta">
<?php
foreach ( $settings['grid_meta_display'] as $meta ) {
switch ( $meta ) :
// Author
case 'author': ?>
<span class="obfx-grid-author">
<?php
echo ( $settings['grid_meta_remove_icons'] == '' ) ? '<i class="fa fa-user"></i>' : '';
echo get_the_author(); ?>
</span>
<?php
// Date
break;
case 'date': ?>
<span class="obfx-grid-date">
<?php
echo ( $settings['grid_meta_remove_icons'] == '' ) ? '<i class="fa fa-calendar"></i>' : '';
echo get_the_date(); ?>
</span>
<?php
// Category
break;
case 'category':
$this->renderMetaGridCategories();
// Tags
break;
case 'tags':
$this->renderMetaGridTags();
// Comments/Reviews
break;
case 'comments': ?>
<span class="obfx-grid-comments">
<?php
echo ( $settings['grid_meta_remove_icons'] == '' ) ? '<i class="fa fa-comment"></i>' : '';
if ( $settings['grid_post_type'] == 'product' ) {
echo comments_number( __( 'No reviews', 'themeisle-companion' ), __( '1 review', 'themeisle-companion' ), __( '% reviews', 'themeisle-companion' ) );
} else {
echo comments_number( __( 'No comments', 'themeisle-companion' ), __( '1 comment', 'themeisle-companion' ), __( '% comments', 'themeisle-companion' ) );
} ?>
</span>
<?php
break;
endswitch;
} // End foreach().?>
</div>
<?php
}// End if().
}// End if().
}
/**
* Display price if post type is product.
*/
protected function renderPrice() {
if ( ! function_exists( 'wc_get_product' ) ) {
return null;
}
$settings = $this->get_settings();
$product = wc_get_product( get_the_ID() );
if ( $settings['grid_post_type'] == 'product' && $settings['grid_content_price'] == 'yes' ) { ?>
<div class="obfx-grid-price">
<?php
$price = $product->get_price_html();
if ( ! empty( $price ) ) {
echo wp_kses(
$price, array(
'span' => array(
'class' => array(),
),
'del' => array(),
)
);
} ?>
</div>
<?php
}
}
/**
* Display Add to Cart button.
*/
protected function renderAddToCart() {
if ( ! function_exists( 'wc_get_product' ) ) {
return null;
}
$product = wc_get_product( get_the_ID() );
echo apply_filters(
'woocommerce_loop_add_to_cart_link',
sprintf(
'<a href="%s" title="%s" rel="nofollow">%s</a>',
esc_url( $product->add_to_cart_url() ),
esc_attr( $product->add_to_cart_text() ),
esc_html( $product->add_to_cart_text() )
), $product
);
}
/**
* Render content of post type.
*/
protected function renderContent() {
$settings = $this->get_settings();
if ( $settings['grid_content_hide'] !== 'yes' ) { ?>
<div class="entry-content obfx-grid-content">
<?php
if( $settings['grid_content_full_post'] === 'yes' ) {
the_content();
} else {
if ( empty( $settings['grid_content_length'] ) ) {
the_excerpt();
} else {
echo wp_trim_words( get_the_excerpt(), $settings['grid_content_length'] );
}
}?>
</div>
<?php
}
}
/**
* Render button of post type.
*/
protected function renderButton() {
$settings = $this->get_settings();
if ( $settings['grid_post_type'] == 'product' && $settings['grid_content_product_btn'] == 'yes' ) { ?>
<div class="obfx-grid-footer">
<?php $this->renderAddToCart(); ?>
</div>
<?php } elseif ( $settings['grid_content_default_btn'] == 'yes' && ! empty( $settings['grid_content_default_btn_text'] ) ) { ?>
<div class="obfx-grid-footer">
<a href="<?php echo get_the_permalink(); ?>"
title="<?php echo $settings['grid_content_default_btn_text']; ?>"><?php echo $settings['grid_content_default_btn_text']; ?></a>
</div>
<?php
}
}
/**
* Display categories in meta section.
*/
protected function renderMetaGridCategories() {
$settings = $this->get_settings();
$post_type_category = get_the_category();
$maxCategories = $settings['grid_meta_categories_max'] ? $settings['grid_meta_categories_max'] : '-1';
$i = 0; // counter
if ( $post_type_category ) { ?>
<span class="obfx-grid-categories">
<?php
echo ( $settings['grid_meta_remove_icons'] == '' ) ? '<i class="fa fa-bookmark"></i>' : '';
foreach ( $post_type_category as $category ) {
if ( $i == $maxCategories ) {
break;
} ?>
<span class="obfx-grid-categories-item">
<a href="<?php echo get_category_link( $category->term_id ); ?>"
title="<?php echo $category->name; ?>">
<?php echo $category->name; ?>
</a>
</span>
<?php
$i ++;
} ?>
</span>
<?php
}
}
/**
* Display tags in meta section.
*/
protected function renderMetaGridTags() {
$settings = $this->get_settings();
$post_type_tags = get_the_tags();
$maxTags = $settings['grid_meta_tags_max'] ? $settings['grid_meta_tags_max'] : '-1';
$i = 0; // counter
if ( $post_type_tags ) { ?>
<span class="obfx-grid-tags">
<?php
echo ( $settings['grid_meta_remove_icons'] == '' ) ? '<i class="fa fa-tags"></i>' : '';
foreach ( $post_type_tags as $tag ) {
if ( $i == $maxTags ) {
break;
} ?>
<span class="obfx-grid-tags-item">
<a href="<?php echo get_tag_link( $tag->term_id ); ?>" title="<?php echo $tag->name; ?>">
<?php echo $tag->name; ?>
</a>
</span>
<?php
$i ++;
} ?>
</span>
<?php
}
}
/**
* Load the widget style dynamically if it is a widget preview
* or enqueue style and scripts if not
*
* This way we are sure that the assets files are loaded only when this block is present in page.
*/
protected function maybe_load_widget_style() {
if ( \Elementor\Plugin::$instance->editor->is_edit_mode() === true && apply_filters( 'themeisle_content_forms_register_default_style', true ) ) { ?>
<style>
<?php echo file_get_contents( plugin_dir_path( dirname( dirname(__FILE__ ) ) ) . 'css/public.css' ) ?>
</style>
<?php
} else {
wp_enqueue_script( 'obfx-grid-js' );
wp_enqueue_style( 'eaw-elementor' );
}
}
}