Your IP : 216.73.216.162
placeholders/typed-headline.php 0000666 00000000551 15112026701 0012616 0 ustar 00 <?php
namespace ThemeIsle\ElementorExtraWidgets;
class Typed_Headline_Placeholder extends Premium_Placeholder {
public function get_title() {
return 'Typed Headline';
}
public function get_pro_element_name() {
return 'typed-headline';
}
/**
* Widget icon.
*
* @return string
*/
public function get_icon() {
return 'fa fa-h-square';
}
} placeholders/flipcard.php 0000666 00000000626 15112026701 0011511 0 ustar 00 <?php
namespace ThemeIsle\ElementorExtraWidgets;
class Flipcard_Placeholder extends Premium_Placeholder {
public function get_title() {
return 'Flipcard';
}
public function get_name() {
return 'eaw_flipcard';
}
public function get_pro_element_name() {
return 'flipcard';
}
/**
* Widget icon.
*
* @return string
*/
public function get_icon() {
return 'fa fa-share-square';
}
} placeholders/review-box.php 0000666 00000000531 15112026701 0012007 0 ustar 00 <?php
namespace ThemeIsle\ElementorExtraWidgets;
class Review_Box_Placeholder extends Premium_Placeholder {
public function get_title() {
return 'Review Box';
}
public function get_pro_element_name() {
return 'review-box';
}
/**
* Widget icon.
*
* @return string
*/
public function get_icon() {
return 'fa fa-star';
}
} placeholders/share-buttons.php 0000666 00000000547 15112026701 0012525 0 ustar 00 <?php
namespace ThemeIsle\ElementorExtraWidgets;
class Share_Buttons_Placeholder extends Premium_Placeholder {
public function get_title() {
return 'Share Buttons';
}
public function get_pro_element_name() {
return 'share-buttons';
}
/**
* Widget icon.
*
* @return string
*/
public function get_icon() {
return 'fa fa-share-alt';
}
} premium-placeholder.php 0000666 00000005735 15112026701 0011224 0 ustar 00 <?php
namespace ThemeIsle\ElementorExtraWidgets;
/**
* Create an abstract class as a base for all the Premium Widgets
* This way, we'll configure the a Placeholder Widget in Lite plugins which will be overwritten in the Pro plugin.
*/
abstract class Premium_Placeholder extends \Elementor\Widget_Base {
/**
* Each Placeholder must declare for which Premium Widget will keep the place warm
* @return mixed
*/
abstract public function get_pro_element_name();
/**
* The widget's name will probably be the pro_element_name.
* @return mixed|string
*/
public function get_name() {
return 'eaw-' . $this->get_pro_element_name();
}
/**
* Returns the up-sell link for premium widgets.
* It should be overwritten in the extended class.
*
* @return string
*/
public function get_upsell_link() {
if ( ! defined( 'SIZZIFY_UPSELL_LINK' ) ) {
return 'https://themeisle.com/wordpress-plugins';
}
return SIZZIFY_UPSELL_LINK;
}
/**
* Get widget icon.
*
* @return string
*/
public function get_icon() {
return 'eicon-insert-image';
}
/**
* The Widget Category is filterable, so we need some extra logic to handle it better.
* Premium category is suffixed with `-pro` string.
*
* @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 array( $slug . '-pro' );
}
/**
* Register Elementor Controls.
*
* Because this is just a placeholder widget, we need to output this to the Lite users.
*/
protected function _register_controls() {
$this->start_controls_section(
'section_title',
[
'label' => $this->get_title()
]
);
$this->add_control(
'inform_about_placeholder',
[
'raw' => sprintf(
'<div><h3>%s</h3><a href="%s" target="_blank">%s</a></div>',
__( 'This widget is part of the pro version of Sizzify.', 'themeisle-companion' ),
$this->get_upsell_link(),
__( 'Upgrade Here!', 'themeisle-companion' )
),
'type' => \Elementor\Controls_Manager::RAW_HTML,
'content_classes' => 'elementor-panel-alert elementor-panel-alert-info',
]
);
$this->end_controls_section(); // end section-title
}
/**
* A placeholder should not output anything in front-end.
* Only on the editor side will output a message about it's type.
*/
public function render() {
if ( \Elementor\Plugin::$instance->editor->is_edit_mode() ) { ?>
<div class="elementor-premium-placeholder" role="tablist"
style="position: relative;
background: #fff;
color: red;
text-align: center;"
>
<h3 style="color:red"><?php echo $this->get_title(); ?></h3>
<i class="elementor-widget-empty-icon eicon-insert-image"
style="font-size: 100px;
vertical-align: middle;
color: grey"></i>
<p>This is a Premium widget. You need to buy it to use it.</p>
</div>
<?php }
}
} posts-grid.php 0000666 00000135253 15112026701 0007360 0 ustar 00 <?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' );
}
}
}
services.php 0000666 00000043117 15112026701 0007105 0 ustar 00 <?php
/**
* Services 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 Services
*
* @package ThemeIsle\ElementorExtraWidgets
*/
class Services extends \Elementor\Widget_Base {
/**
* Widget name.
*
* @return string
*/
public function get_name() {
return 'obfx-services';
}
/**
* Widget title.
*
* @return string
*/
public function get_title() {
return __( 'Services', 'themeisle-companion' );
}
/**
* Widget icon.
*
* @return string
*/
public function get_icon() {
return 'fa fa-diamond';
}
/**
* 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 ];
}
/**
* Register Elementor Controls
*/
protected function _register_controls() {
$this->services_content();
$this->style_icon();
$this->style_grid_options();
}
/**
* Content controls
*/
private function services_content() {
$this->start_controls_section(
'section_content',
[
'label' => __( 'Services', 'themeisle-companion' ),
]
);
$this->add_control(
'services_list',
[
'label' => __( 'Services', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::REPEATER,
'default' => [
[
'title' => __( 'Award-Winning', 'themeisle-companion' ),
'text' => __( 'Add some text here to describe your services to the page visitors.', 'themeisle-companion' ),
'icon' => 'fa fa-trophy',
'color' => '#333333',
'type' => 'icon',
],
[
'title' => __( 'Professional', 'themeisle-companion' ),
'text' => __( 'Add some text here to describe your services to the page visitors.', 'themeisle-companion' ),
'icon' => 'fa fa-suitcase',
'color' => '#333333',
'type' => 'icon',
],
[
'title' => __( 'Consulting', 'themeisle-companion' ),
'text' => __( 'Add some text here to describe your services to the page visitors.', 'themeisle-companion' ),
'icon' => 'fa fa-handshake-o',
'color' => '#333333',
'type' => 'icon',
],
],
'fields' => [
[
'type' => \Elementor\Controls_Manager::CHOOSE,
'name' => 'type',
'label_block' => true,
'label' => __( 'Type', 'themeisle-companion' ),
'default' => 'icon',
'options' => [
'icon' => [
'title' => __( 'Icon', 'themeisle-companion' ),
'icon' => 'fa fa-diamond',
],
'image' => [
'title' => __( 'Image', 'themeisle-companion' ),
'icon' => 'fa fa-photo',
],
],
],
[
'type' => \Elementor\Controls_Manager::TEXT,
'name' => 'title',
'label_block' => true,
'label' => __( 'Title & Description', 'themeisle-companion' ),
'default' => __( 'Service Title', 'themeisle-companion' ),
],
[
'type' => \Elementor\Controls_Manager::TEXTAREA,
'name' => 'text',
'placeholder' => __( 'Plan Features', 'themeisle-companion' ),
'default' => __( 'Feature', 'themeisle-companion' ),
],
[
'type' => \Elementor\Controls_Manager::ICON,
'name' => 'icon',
'label' => __( 'Icon', 'themeisle-companion' ),
'default' => 'fa fa-diamond',
'condition' => [
'type' => 'icon',
],
],
[
'type' => \Elementor\Controls_Manager::COLOR,
'name' => 'color',
'label_block' => false,
'label' => __( 'Icon Color', 'themeisle-companion' ),
'default' => '#333333',
'condition' => [
'type' => 'icon',
],
],
[
'type' => \Elementor\Controls_Manager::MEDIA,
'name' => 'image',
'label' => __( 'Image', 'themeisle-companion' ),
'condition' => [
'type' => 'image',
],
],
[
'type' => \Elementor\Controls_Manager::URL,
'name' => 'link',
'label' => __( 'Link to', 'themeisle-companion' ),
'separator' => 'before',
'placeholder' => __( 'https://example.com', 'themeisle-companion' ),
],
],
'title_field' => '{{title}}',
]
);
$this->add_control(
'align',
[
'label' => '<i class="fa fa-arrows"></i> ' . __( 'Icon Position', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'themeisle-companion' ),
'icon' => 'fa fa-angle-left',
],
'top' => [
'title' => __( 'Top', 'themeisle-companion' ),
'icon' => 'fa fa-angle-up',
],
'right' => [
'title' => __( 'Right', 'themeisle-companion' ),
'icon' => 'fa fa-angle-right',
],
],
'default' => 'top',
'prefix_class' => 'obfx-position-',
'toggle' => false,
]
);
// 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,
],
]
);
$this->end_controls_section();
}
/**
* Icon Style Controls
*/
private function style_icon() {
$this->start_controls_section(
'section_style_icon',
[
'label' => __( 'Icon / Image', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'icon_space',
[
'label' => __( 'Spacing', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 15,
],
'range' => [
'px' => [
'min' => 0,
'max' => 300,
],
],
'selectors' => [
'{{WRAPPER}}.obfx-position-right .obfx-icon, {{WRAPPER}}.obfx-position-right .obfx-image' => 'margin-left: {{SIZE}}{{UNIT}};',
'{{WRAPPER}}.obfx-position-left .obfx-icon, {{WRAPPER}}.obfx-position-left .obfx-image' => 'margin-right: {{SIZE}}{{UNIT}};',
'{{WRAPPER}}.obfx-position-top .obfx-icon, {{WRAPPER}}.obfx-position-top .obfx-image' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'icon_size',
[
'label' => __( 'Size', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 6,
'max' => 300,
],
],
'default' => [
'size' => 35,
],
'selectors' => [
'{{WRAPPER}} .obfx-icon' => 'font-size: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} .obfx-image' => 'max-width: {{SIZE}}{{UNIT}};',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_style_content',
[
'label' => __( 'Content', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_responsive_control(
'text_align',
[
'label' => __( 'Alignment', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'toggle' => false,
'default' => 'center',
'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',
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid .obfx-grid-container .obfx-grid-wrapper .obfx-service-box' => 'text-align: {{VALUE}}; justify-content: {{VALUE}};',
'{{WRAPPER}} .obfx-grid .obfx-grid-container .obfx-grid-wrapper .obfx-service-box .obfx-service-text' => 'text-align: {{VALUE}};',
],
]
);
$this->add_control(
'heading_title',
[
'label' => __( 'Title', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_responsive_control(
'title_bottom_space',
[
'label' => __( 'Spacing', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 0,
'max' => 300,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-service-title' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'title_color',
[
'label' => __( 'Color', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .obfx-service-title' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'title_typography',
'selector' => '{{WRAPPER}} .obfx-service-title',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
]
);
$this->add_control(
'heading_description',
[
'label' => __( 'Description', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'description_color',
[
'label' => __( 'Color', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .obfx-service-text' => 'color: {{VALUE}};',
],
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_3,
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'description_typography',
'selector' => '{{WRAPPER}} .obfx-service-text',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_3,
]
);
$this->end_controls_section();
}
/**
* Grid Style Controls
*/
private function style_grid_options() {
$this->start_controls_section(
'section_grid_style',
[
'label' => __( 'Grid', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
// Columns margin.
$this->add_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_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_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}};',
],
]
);
$this->items_style_tabs();
$this->end_controls_section();
}
/**
* Items Style Controls
*/
private function items_style_tabs() {
$this->start_controls_tabs( 'tabs_background' );
$this->start_controls_tab(
'tab_background_normal',
[
'label' => __( 'Normal', 'themeisle-companion' ),
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'grid_items_background',
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-service-box',
]
);
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_items_box_shadow',
'selector' => '{{WRAPPER}} .obfx-service-box',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_background_hover',
[
'label' => __( 'Hover', 'themeisle-companion' ),
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'grid_items_background_hover',
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-service-box:hover',
]
);
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_items_box_shadow_hover',
'selector' => '{{WRAPPER}} .obfx-service-box:hover',
]
);
$this->add_control(
'hover_transition',
[
'label' => __( 'Transition Duration', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 0.3,
],
'range' => [
'px' => [
'max' => 3,
'step' => 0.1,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-service-box' => 'transition: all {{SIZE}}s ease;',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
}
/**
* Render function to output the pricing table.
*/
protected function render() {
$settings = $this->get_settings();
$this->maybe_load_widget_style();
echo '<div class="obfx-grid"><div class="obfx-grid-container' . ( ! 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'] : '' ) . '">';
foreach ( $settings['services_list'] as $service ) {
$icon_tag = 'span';
if ( ! empty( $service['link']['url'] ) ) {
$this->add_render_attribute( 'link', 'href', $settings['link']['url'] );
$icon_tag = 'a';
if ( $service['link']['is_external'] ) {
$this->add_render_attribute( 'link', 'target', '_blank' );
}
if ( $service['link']['nofollow'] ) {
$this->add_render_attribute( 'link', 'rel', 'nofollow' );
}
} ?>
<div class="obfx-grid-wrapper">
<?php
if ( ! empty( $service['link']['url'] ) ) {
$link_props = ' href="' . esc_url( $service['link']['url'] ) . '" ';
if ( $service['link']['is_external'] === 'on' ) {
$link_props .= ' target="_blank" ';
}
if ( $service['link']['nofollow'] === 'on' ) {
$link_props .= ' rel="nofollow" ';
}
echo '<a' . $link_props . '>';
} ?>
<div class="obfx-service-box obfx-grid-col">
<?php
if ( $service['type'] === 'icon' && ! empty( $service['icon'] ) ) { ?>
<span class="obfx-icon-wrap"><i class="obfx-icon <?php echo esc_attr( $service['icon'] ); ?>" style="color: <?php echo esc_attr( $service['color'] ); ?>"></i></span>
<?php
} elseif ( $service['type'] === 'image' && ! empty( $service['image']['url'] ) ) { ?>
<span class="obfx-image-wrap"><img class="obfx-image" src="<?php echo esc_url( $service['image']['url'] ); ?>"/></span>
<?php
}
if ( ! empty( $service['title'] ) || ! empty( $service['text'] ) ) { ?>
<div class="obfx-service-box-content">
<?php if ( ! empty( $service['title'] ) ) { ?>
<h4 class="obfx-service-title"><?php echo esc_attr( $service['title'] ); ?></h4>
<?php
}
if ( ! empty( $service['text'] ) ) { ?>
<p class="obfx-service-text"><?php echo esc_attr( $service['text'] ); ?></p>
<?php } ?>
</div><!-- /.obfx-service-box-content -->
<?php } ?>
</div><!-- /.obfx-service-box -->
<?php
if ( ! empty( $service['link'] ) ) {
echo '</a>';
} ?>
</div><!-- /.obfx-grid-wrapper -->
<?php
}// End foreach().
echo '</div></div>';
}
/**
* 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_style('eaw-elementor');
}
}
}
pricing-table.php 0000666 00000073064 15112026701 0010006 0 ustar 00 <?php
/**
* Pricing Table 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 Pricing_Table
*
* @package ThemeIsle\ElementorExtraWidgets
*/
class Pricing_Table extends \Elementor\Widget_Base {
/**
* Widget title.
*
* @return string
*/
public function get_title() {
return __( 'Pricing Table', 'themeisle-companion' );
}
/**
* Widget icon.
*
* @return string
*/
public function get_icon() {
return 'eicon-price-table';
}
/**
* Widget name.
*
* @return string
*/
public function get_name() {
return 'obfx-pricing-table';
}
/**
* 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 ];
}
/**
* Register Elementor Controls
*/
protected function _register_controls() {
$this->plan_title_section();
$this->plan_price_tag_section();
$this->features_section();
$this->button_section();
$this->header_style_section();
$this->price_tag_style_section();
$this->features_style_section();
$this->button_style_section();
}
/**
* Content > Title section.
*/
private function plan_title_section() {
$this->start_controls_section(
'section_title',
[
'label' => __( 'Plan Title', 'themeisle-companion' ),
]
);
$this->add_control(
'title',
[
'type' => \Elementor\Controls_Manager::TEXT,
'label' => __( 'Title', 'themeisle-companion' ),
'placeholder' => __( 'Title', 'themeisle-companion' ),
'default' => __( 'Pricing Plan', 'themeisle-companion' ),
]
);
$this->add_control(
'title_tag',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => __( 'Title HTML tag', 'themeisle-companion' ),
'default' => 'h3',
'options' => [
'h1' => __( 'h1', 'themeisle-companion' ),
'h2' => __( 'h2', 'themeisle-companion' ),
'h3' => __( 'h3', 'themeisle-companion' ),
'h4' => __( 'h4', 'themeisle-companion' ),
'h5' => __( 'h5', 'themeisle-companion' ),
'h6' => __( 'h6', 'themeisle-companion' ),
'p' => __( 'p', 'themeisle-companion' ),
],
]
);
$this->add_control(
'subtitle',
[
'type' => \Elementor\Controls_Manager::TEXT,
'label' => __( 'Subtitle', 'themeisle-companion' ),
'placeholder' => __( 'Subtitle', 'themeisle-companion' ),
'default' => __( 'Description', 'themeisle-companion' ),
]
);
$this->add_control(
'subtitle_tag',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => __( 'Subtitle HTML Tag', 'themeisle-companion' ),
'default' => 'p',
'options' => [
'h1' => __( 'h1', 'themeisle-companion' ),
'h2' => __( 'h2', 'themeisle-companion' ),
'h3' => __( 'h3', 'themeisle-companion' ),
'h4' => __( 'h4', 'themeisle-companion' ),
'h5' => __( 'h5', 'themeisle-companion' ),
'h6' => __( 'h6', 'themeisle-companion' ),
'p' => __( 'p', 'themeisle-companion' ),
],
]
);
$this->end_controls_section(); // end section-title
}
/**
* Content > Price Tag section.
*/
private function plan_price_tag_section() {
$this->start_controls_section(
'section_price_tag',
[
'label' => __( 'Price Tag', 'themeisle-companion' ),
]
);
$this->add_control(
'price_tag_text',
[
'type' => \Elementor\Controls_Manager::TEXT,
'label' => __( 'Price', 'themeisle-companion' ),
'placeholder' => __( 'Price', 'themeisle-companion' ),
'default' => __( '50', 'themeisle-companion' ),
'separator' => 'after',
]
);
$this->add_control(
'price_tag_currency',
[
'type' => \Elementor\Controls_Manager::TEXT,
'label' => __( 'Currency', 'themeisle-companion' ),
'placeholder' => __( 'Currency', 'themeisle-companion' ),
'default' => __( '$', 'themeisle-companion' ),
]
);
$this->add_control(
'price_tag_currency_position',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => __( 'Currency Position', 'themeisle-companion' ),
'default' => 'left',
'options' => [
'left' => __( 'Before', 'themeisle-companion' ),
'right' => __( 'After', 'themeisle-companion' ),
],
]
);
$this->add_control(
'price_tag_period',
[
'type' => \Elementor\Controls_Manager::TEXT,
'label' => __( 'Period', 'themeisle-companion' ),
'placeholder' => __( '/month', 'themeisle-companion' ),
'default' => __( '/month', 'themeisle-companion' ),
'separator' => 'before',
]
);
$this->end_controls_section(); // end section-price-tag
}
/**
* Content > Features section.
*/
private function features_section() {
$this->start_controls_section(
'section_features',
[
'label' => __( 'Features', 'themeisle-companion' ),
]
);
$this->add_control(
'feature_list',
[
'label' => __( 'Plan Features', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::REPEATER,
'default' => [
[
'accent' => __( 'First', 'themeisle-companion' ),
'text' => __( 'Feature', 'themeisle-companion' ),
],
[
'accent' => __( 'Second', 'themeisle-companion' ),
'text' => __( 'Feature', 'themeisle-companion' ),
],
[
'accent' => __( 'Third', 'themeisle-companion' ),
'text' => __( 'Feature', 'themeisle-companion' ),
],
],
'fields' => [
[
'type' => \Elementor\Controls_Manager::TEXT,
'name' => 'accent',
'label' => __( 'Accented Text', 'themeisle-companion' ),
'description' => __( 'Appears before feature text', 'themeisle-companion' ),
'label_block' => true,
'default' => __( 'Accent', 'themeisle-companion' ),
],
[
'type' => \Elementor\Controls_Manager::TEXT,
'name' => 'text',
'label' => __( 'Text', 'themeisle-companion' ),
'label_block' => true,
'placeholder' => __( 'Plan Features', 'themeisle-companion' ),
'default' => __( 'Feature', 'themeisle-companion' ),
],
[
'type' => \Elementor\Controls_Manager::ICON,
'name' => 'feature_icon',
'label' => __( 'Icon', 'themeisle-companion' ),
'label_block' => true,
'default' => 'fa fa-star',
],
],
'title_field' => '{{ accent + " " + text }}',
]
);
$this->add_responsive_control(
'features_align',
[
'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',
],
'justify' => [
'title' => __( 'Justified', 'themeisle-companion' ),
'icon' => 'fa fa-align-justify',
],
],
'default' => 'center',
'selectors' => [
'{{WRAPPER}} .obfx-feature-list' => 'text-align: {{VALUE}};',
],
]
);
$this->end_controls_section(); // end section-features
}
/**
* Content > Button section.
*/
private function button_section() {
$this->start_controls_section(
'section_button',
[
'label' => __( 'Button', 'themeisle-companion' ),
]
);
$this->add_control(
'button_text',
[
'type' => \Elementor\Controls_Manager::TEXT,
'label' => __( 'Text', 'themeisle-companion' ),
'placeholder' => __( 'Buy Now', 'themeisle-companion' ),
'default' => __( 'Buy Now', 'themeisle-companion' ),
]
);
$this->add_control(
'button_link',
[
'type' => \Elementor\Controls_Manager::URL,
'label' => __( 'Link', 'themeisle-companion' ),
'placeholder' => __( 'https://example.com', 'themeisle-companion' ),
]
);
$this->add_control(
'button_icon',
[
'type' => \Elementor\Controls_Manager::ICON,
'label' => __( 'Icon', 'themeisle-companion' ),
'label_block' => true,
'default' => '',
]
);
$this->add_control(
'button_icon_align',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => __( 'Icon Position', 'themeisle-companion' ),
'default' => 'left',
'options' => [
'left' => __( 'Before', 'themeisle-companion' ),
'right' => __( 'After', 'themeisle-companion' ),
],
'condition' => [
'button_icon!' => '',
],
]
);
$this->add_control(
'button_icon_indent',
[
'type' => \Elementor\Controls_Manager::SLIDER,
'label' => __( 'Icon Spacing', 'themeisle-companion' ),
'range' => [
'px' => [
'max' => 50,
],
],
'condition' => [
'button_icon!' => '',
],
'selectors' => [
'{{WRAPPER}} .obfx-button-icon-align-right i' => 'margin-left: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} .obfx-button-icon-align-left i' => 'margin-right: {{SIZE}}{{UNIT}};',
],
]
);
$this->end_controls_section(); // end section_button
}
/**
* Style > Header section.
*/
private function header_style_section() {
$this->start_controls_section(
'section_header_style',
[
'label' => __( 'Header', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_responsive_control(
'header_padding',
[
'label' => __( 'Header Padding', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-title-wrapper' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_control(
'plan_title_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Title Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'default' => '#464959',
'selectors' => [
'{{WRAPPER}} .obfx-pricing-table-title' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'plan_title_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-pricing-table-title',
]
);
$this->add_control(
'plan_subtitle_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Subtitle Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'default' => '#60647d',
'selectors' => [
'{{WRAPPER}} .obfx-pricing-table-subtitle' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'plan_subtitle_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-pricing-table-subtitle',
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'heading_section_bg',
'label' => __( 'Section Background', 'themeisle-companion' ),
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-title-wrapper',
]
);
$this->end_controls_section(); // end section_header_style
}
/**
* Style > Price Tag section.
*/
private function price_tag_style_section() {
$this->start_controls_section(
'section_price_box',
[
'label' => __( 'Price Tag', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_responsive_control(
'price_box_padding',
[
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'label' => __( 'Price Box Padding', 'themeisle-companion' ),
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-price-wrapper' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'pricing_section_bg',
'label' => __( 'Section Background', 'themeisle-companion' ),
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-price-wrapper',
]
);
$this->add_control(
'price_tag_heading_currency',
[
'label' => __( 'Currency', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'currency_color',
[
'label' => __( 'Currency Color', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::COLOR,
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'default' => '#60647d',
'selectors' => [
'{{WRAPPER}} .obfx-price-currency' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'currency_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-price-currency',
]
);
$this->add_control(
'price_tag_heading_price',
[
'label' => __( 'Price', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'price_text_color',
[
'label' => __( 'Price Color', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::COLOR,
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'default' => '#60647d',
'selectors' => [
'{{WRAPPER}} .obfx-price' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'price_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-price',
]
);
$this->add_control(
'price_tag_heading_period',
[
'label' => __( 'Period', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'period_color',
[
'label' => __( 'Period Color', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::COLOR,
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'default' => '#60647d',
'selectors' => [
'{{WRAPPER}} .obfx-pricing-period' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'price_sub_text_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-pricing-period',
]
);
$this->end_controls_section(); // end pricing-section
}
/**
* Style > Features section.
*/
private function features_style_section() {
$this->start_controls_section(
'section_features_style',
[
'label' => __( 'Features', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'features_section_bg',
'label' => __( 'Section Background', 'themeisle-companion' ),
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-feature-list',
]
);
$this->add_responsive_control(
'features_box_padding',
[
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'label' => __( 'Features List Padding', 'themeisle-companion' ),
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-feature-list' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_control(
'features_accented_heading',
[
'label' => __( 'Accented', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'features_accented_text_color',
[
'type' => \Elementor\Controls_Manager::COLOR,
'label' => __( 'Accented Color', 'themeisle-companion' ),
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'default' => '#60647d',
'selectors' => [
'{{WRAPPER}} .obfx-pricing-table-accented' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'features_accented_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-pricing-table-accented',
]
);
$this->add_control(
'features_features_heading',
[
'label' => __( 'Features', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'features_text_color',
[
'label' => __( 'Features Color', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::COLOR,
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'default' => '#b1b3c0',
'selectors' => [
'{{WRAPPER}} .obfx-pricing-table-feature' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'features_features_typography',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
'selector' => '{{WRAPPER}} .obfx-pricing-table-feature',
]
);
$this->add_control(
'features_icons_heading',
[
'label' => __( 'Icons', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'features_icon_color',
[
'label' => __( 'Icon Color', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::COLOR,
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_1,
],
'default' => '#b1b3c0',
'selectors' => [
'{{WRAPPER}} .obfx-pricing-table-feature-icon' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'features_icon_indent',
[
'type' => \Elementor\Controls_Manager::SLIDER,
'label' => __( 'Icon Spacing', 'themeisle-companion' ),
'default' => [
'size' => 5,
],
'range' => [
'px' => [
'max' => 50,
],
],
'selectors' => [
'{{WRAPPER}} i.obfx-pricing-table-feature-icon' => 'margin-right: {{SIZE}}{{UNIT}};',
],
]
);
$this->end_controls_section(); // end section_features_style
}
/**
* Style > Button section.
*/
private function button_style_section() {
$this->start_controls_section(
'section_button_style',
[
'label' => __( 'Button', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(), [
'name' => 'button_section_bg',
'label' => __( 'Section Background', 'themeisle-companion' ),
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-pricing-table-button-wrapper',
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'typography',
'label' => __( 'Typography', 'themeisle-companion' ),
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_4,
'selector' => '{{WRAPPER}} .obfx-pricing-table-button-wrapper',
]
);
$this->add_control(
'border_radius',
[
'label' => __( 'Border Radius', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-pricing-table-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_control(
'text_padding',
[
'label' => __( 'Padding', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-pricing-table-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
// Add the tabbed control.
$this->tabbed_button_controls();
$this->end_controls_section(); // end section_button_style
}
/**
* Tabs for the Style > Button section.
*/
private function tabbed_button_controls() {
$this->start_controls_tabs( 'tabs_background' );
$this->start_controls_tab(
'tab_background_normal',
[
'label' => __( 'Normal', 'themeisle-companion' ),
]
);
$this->add_control(
'button_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,
],
'default' => '#fff',
'selectors' => [
'{{WRAPPER}} .obfx-pricing-table-button' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'button_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,
],
'default' => '#93c64f',
'selectors' => [
'{{WRAPPER}} .obfx-pricing-table-button' => 'background-color: {{VALUE}};',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'button_box_shadow',
'selector' => '{{WRAPPER}} .obfx-pricing-table-button',
'separator' => '',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_background_hover',
[
'label' => __( 'Hover', 'themeisle-companion' ),
]
);
$this->add_control(
'button_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,
],
'default' => '#fff',
'selectors' => [
'{{WRAPPER}} .obfx-pricing-table-button:hover' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'button_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,
],
'default' => '#74c600',
'selectors' => [
'{{WRAPPER}} .obfx-pricing-table-button:hover' => 'background-color: {{VALUE}};',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'button_hover_box_shadow',
'selector' => '{{WRAPPER}} .obfx-pricing-table-button:hover',
'separator' => '',
]
);
$this->add_control(
'background_hover_transition',
[
'label' => __( 'Transition Duration', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 0.3,
],
'range' => [
'px' => [
'max' => 3,
'step' => 0.1,
],
],
'render_type' => 'ui',
'selectors' => [
'{{WRAPPER}} .obfx-pricing-table-button' => 'transition: all {{SIZE}}s ease;',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
}
/**
* Render function to output the pricing table.
*/
protected function render() {
$settings = $this->get_settings();
$this->maybe_load_widget_style();
$this->add_render_attribute( 'title', 'class', 'obfx-pricing-table-title' );
$this->add_render_attribute( 'subtitle', 'class', 'obfx-pricing-table-subtitle' );
$this->add_render_attribute( 'button', 'class', 'obfx-pricing-table-button' );
$this->add_render_attribute( 'button_icon', 'class', $settings['button_icon'] );
$this->add_render_attribute( 'button_icon_align', 'class', 'obfx-button-icon-align-' . $settings['button_icon_align'] );
if ( ! empty( $settings['button_link']['url'] ) ) {
$this->add_render_attribute( 'button', 'href', $settings['button_link']['url'] );
if ( ! empty( $settings['button_link']['is_external'] ) ) {
$this->add_render_attribute( 'button', 'target', '_blank' );
}
if ( ! empty( $settings['button_link']['nofollow'] ) ) {
$this->add_render_attribute( 'button', 'rel', 'nofollow' );
}
}
$output = '';
$output .= '<div class="obfx-pricing-table-wrapper">';
if ( ! empty( $settings['title'] ) || ! empty( $settings['subtitle'] ) ) {
$output .= '<div class="obfx-title-wrapper">';
if ( ! empty( $settings['title'] ) ) {
// Start of title tag.
$output .= '<' . esc_html( $settings['title_tag'] ) . ' ' . $this->get_render_attribute_string( 'title' ) . '>';
// Title string.
$output .= esc_html( $settings['title'] );
// End of title tag.
$output .= '</' . esc_html( $settings['title_tag'] ) . '>';
}
if ( ! empty( $settings['subtitle'] ) ) {
// Start of subtitle tag.
$output .= '<' . esc_html( $settings['subtitle_tag'] ) . ' ' . $this->get_render_attribute_string( 'subtitle' ) . '>';
// Subtitle string.
$output .= esc_html( $settings['subtitle'] );
// End of subtitle tag.
$output .= '</' . esc_html( $settings['subtitle_tag'] ) . '>';
}
$output .= '</div> <!-- /.obfx-title-wrapper -->';
}
if ( ! empty( $settings['price_tag_text'] ) || ! empty( $settings['price_tag_currency'] ) || ! empty( $settings['price_tag_period'] ) ) {
$output .= '<div class="obfx-price-wrapper">';
if ( ! empty( $settings['price_tag_currency'] ) && ( $settings['price_tag_currency_position'] == 'left' ) ) {
$output .= '<span class="obfx-price-currency">' . esc_html( $settings['price_tag_currency'] ) . '</span>';
}
if ( ( isset( $settings['price_tag_text'] ) && $settings['price_tag_text'] === '0' ) || ! empty( $settings['price_tag_text'] ) ) {
$output .= '<span class="obfx-price">' . esc_html( $settings['price_tag_text'] ) . '</span>';
}
if ( ! empty( $settings['price_tag_currency'] ) && ( $settings['price_tag_currency_position'] == 'right' ) ) {
$output .= '<span class="obfx-price-currency">' . esc_html( $settings['price_tag_currency'] ) . '</span>';
}
if ( ! empty( $settings['price_tag_period'] ) ) {
$output .= '<span class="obfx-pricing-period">' . esc_html( $settings['price_tag_period'] ) . '</span>';
}
$output .= '</div> <!-- /.obfx-price-wrapper -->';
}
if ( count( $settings['feature_list'] ) ) {
$output .= '<ul class="obfx-feature-list">';
foreach ( $settings['feature_list'] as $feature ) {
$output .= '<li>';
if ( ! empty( $feature['feature_icon'] ) ) {
$output .= '<i class="obfx-pricing-table-feature-icon ' . esc_attr( $feature['feature_icon'] ) . '"></i>';
}
if ( ! empty( $feature['accent'] ) ) {
$output .= '<span class="obfx-pricing-table-accented">' . esc_html( $feature['accent'] ) . '</span>';
$output .= ' ';
}
if ( ! empty( $feature['text'] ) ) {
$output .= '<span class="obfx-pricing-table-feature">' . esc_html( $feature['text'] ) . '</span>';
}
$output .= '</li>';
}
$output .= '</ul>';
}
if ( ! empty( $settings['button_text'] ) ) {
$output .= '<div class="obfx-pricing-table-button-wrapper">';
$output .= '<a ' . $this->get_render_attribute_string( 'button' ) . '>';
if ( ! empty( $settings['button_icon'] ) && ( $settings['button_icon_align'] == 'left' ) ) {
$output .= '<span ' . $this->get_render_attribute_string( 'button_icon_align' ) . ' >';
$output .= '<i ' . $this->get_render_attribute_string( 'button_icon' ) . '></i>';
}
$output .= '<span class="elementor-button-text">' . esc_html( $settings['button_text'] ) . '</span>';
if ( ! empty( $settings['button_icon'] ) && ( $settings['button_icon_align'] == 'right' ) ) {
$output .= '<span ' . $this->get_render_attribute_string( 'button_icon_align' ) . ' >';
$output .= '<i ' . $this->get_render_attribute_string( 'button_icon' ) . '></i>';
}
$output .= '</a>';
$output .= '</div> <!-- /.obfx-pricing-table-button-wrapper -->';
}
$output .= '</div> <!-- /.obfx-pricing-table-wrapper -->';
echo $output;
}
/**
* 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_style('eaw-elementor');
}
}
}
class-hestia-elementor-compatibility.php 0000666 00000010636 15112031646 0014505 0 ustar 00 <?php
/**
* Elementor Compatibility class.
*
* @package Hestia
*/
/**
* Class Hestia_Elementor_Compatibility
*/
class Hestia_Elementor_Compatibility extends Hestia_Abstract_Main {
/**
* Initialize features.
*/
public function init() {
add_action( 'after_switch_theme', array( $this, 'set_elementor_flag' ) );
if ( ! $this->should_load_feature() ) {
return;
}
add_action( 'elementor/frontend/after_enqueue_styles', array( $this, 'enqueue_elementor_styles' ) );
add_action( 'wp_enqueue_scripts', array( $this, 'page_builder_enqueue' ) );
add_action( 'wp_ajax_hestia_pagebuilder_hide_frontpage_section', array( $this, 'hestia_pagebuilder_hide_frontpage_section' ) );
add_action( 'wp_ajax_hestia_elementor_deactivate_default_styles', array( $this, 'hestia_elementor_deactivate_default_styles' ) );
}
/**
* Section deactivation
*/
function hestia_pagebuilder_hide_frontpage_section() {
$nonce = $_POST['nonce'];
if ( ! wp_verify_nonce( $nonce, 'hestia-pagebuilder-nonce' ) ) {
return;
}
$section = $_POST['section'];
if ( ! empty( $section ) ) {
if ( $section == 'products' ) {
$theme_mod = esc_html( 'hestia_shop_hide' );
} else {
$theme_mod = esc_html( 'hestia_' . $section . '_hide' );
}
if ( ! empty( $theme_mod ) ) {
set_theme_mod( $theme_mod, 1 );
}
}
die();
}
/**
* Elementor default styles disabling.
*/
function hestia_elementor_deactivate_default_styles() {
$nonce = $_POST['nonce'];
if ( ! wp_verify_nonce( $nonce, 'hestia-elementor-notice-nonce' ) ) {
return;
}
$reply = $_POST['reply'];
if ( ! empty( $reply ) ) {
if ( $reply == 'yes' ) {
update_option( 'elementor_disable_color_schemes', 'yes' );
update_option( 'elementor_disable_typography_schemes', 'yes' );
}
update_option( 'hestia_had_elementor', 'yes' );
}
die();
}
/**
* Set flag for elementor.
*/
public function set_elementor_flag() {
if ( ! defined( 'ELEMENTOR_VERSION' ) ) {
update_option( 'hestia_had_elementor', 'no' );
}
}
/**
* Enqueue page builder scripts.
*/
public function page_builder_enqueue() {
if ( ( $this->is_beaver_preview() || $this->is_elementor_preview() ) && is_front_page() ) {
wp_enqueue_script( 'hestia-builder-integration', get_template_directory_uri() . '/assets/js/admin/hestia-pagebuilder.js', array(), HESTIA_VERSION );
wp_localize_script(
'hestia-builder-integration', 'hestiaBuilderIntegration', array(
'ajaxurl' => admin_url( 'admin-ajax.php' ),
'nonce' => wp_create_nonce( 'hestia-pagebuilder-nonce' ),
'hideString' => esc_html__( 'Disable section', 'hestia' ),
)
);
}
$had_elementor = get_option( 'hestia_had_elementor' );
// Ask user if he wants to disable default styling for plugin.
if ( $had_elementor == 'no' && $this->is_elementor_preview() ) {
wp_enqueue_script( 'hestia-elementor-notice', get_template_directory_uri() . '/assets/js/admin/hestia-elementor-notice.js', array(), HESTIA_VERSION );
wp_localize_script(
'hestia-elementor-notice', 'hestiaElementorNotice', array(
'ajaxurl' => admin_url( 'admin-ajax.php' ),
'nonce' => wp_create_nonce( 'hestia-elementor-notice-nonce' ),
)
);
}
}
/**
* Enqueue styles for elementor.
*/
public function enqueue_elementor_styles() {
$disabled_color_schemes = get_option( 'elementor_disable_color_schemes' );
$disabled_typography_schemes = get_option( 'elementor_disable_typography_schemes' );
if ( $disabled_color_schemes === 'yes' && $disabled_typography_schemes === 'yes' ) {
wp_enqueue_style( 'hestia-elementor-style', get_template_directory_uri() . '/assets/css/page-builder-style.css', array(), HESTIA_VERSION );
}
}
/**
* Utility to check if feature should be loaded.
*
* @return bool
*/
private function should_load_feature() {
if ( ! defined( 'ELEMENTOR_VERSION' ) && ! defined( 'FL_BUILDER_VERSION' ) ) {
return false;
}
return true;
}
/**
* Check if we're in Elementor Preview.
*
* @return bool
*/
function is_elementor_preview() {
if ( class_exists( 'Elementor\Plugin' ) ) {
if ( Elementor\Plugin::$instance->preview->is_preview_mode() == true ) {
return true;
}
}
return false;
}
/**
* Check if we're in Beaver Builder Preview.
*
* @return bool
*/
function is_beaver_preview() {
if ( class_exists( 'FLBuilderModel' ) ) {
if ( FLBuilderModel::is_builder_active() == true ) {
return true;
}
}
return false;
}
}