| Linux hkvL61zh9Vexzf 3.10.0-957.1.3.el7.x86_64 #1 SMP Thu Nov 29 14:49:43 UTC 2018 x86_64 Path : /www/wwwroot/fashion-kingdom.com/wp-content/plugins/kitify/inc/base/ |
| Current File : /www/wwwroot/fashion-kingdom.com/wp-content/plugins/kitify/inc/base/class-widget-base.php |
<?php
namespace Elementor;
if (!defined('ABSPATH')) exit; // Exit if accessed directly
use KitifyExtensions\Elementor\Controls\Group_Control_Box_Style;
abstract class Kitify_Base extends Widget_Base
{
public $_context = 'render';
public $_processed_item = false;
public $_processed_index = 0;
public $_load_level = 100;
public $_include_controls = [];
public $_exclude_controls = [];
public $_new_icon_prefix = 'selected_';
/**
* [__construct description]
* @param array $data [description]
* @param [type] $args [description]
*/
public function __construct($data = [], $args = null)
{
parent::__construct($data, $args);
$this->_load_level = (int)kitify_settings()->get('widgets_load_level', 100);
$widget_name = $this->get_name();
$this->_include_controls = apply_filters("kitify/editor/{$widget_name}/include-controls", [], $widget_name, $this);
$this->_exclude_controls = apply_filters("kitify/editor/{$widget_name}/exclude-controls", [], $widget_name, $this);
$this->enqueue_addon_resources();
}
protected function enqueue_addon_resources()
{
}
protected function get_html_wrapper_class()
{
return 'kitify elementor-' . $this->get_name();
}
protected function get_widget_title()
{
return '';
}
protected function get_kitify_name(){
return str_replace('kitify-', '', $this->get_name());
}
public function get_title()
{
return 'Kitify ' . $this->get_widget_title();
}
public function get_categories()
{
return ['kitify'];
}
/**
* [get_kit_help_url description]
* @return [type] [description]
*/
public function get_kit_help_url()
{
return false;
}
/**
* [get_help_url description]
* @return [type] [description]
*/
public function get_help_url()
{
$url = $this->get_kit_help_url();
$style_parent_theme = wp_get_theme(get_template());
$author_slug = strtolower(preg_replace('/\s+/', '', $style_parent_theme->get('Author')));
if (!empty($url)) {
return add_query_arg(
array(
'utm_source' => $author_slug,
'utm_medium' => 'kitify' . '_' . $this->get_name(),
'utm_campaign' => 'need-help',
),
esc_url($url)
);
}
return false;
}
/**
* Get globaly affected template
*
* @param [type] $name [description]
* @return [type] [description]
*/
public function _get_global_template($name = null)
{
$widget_name = str_replace(['kitify-', 'kitify-'], '', $this->get_name());
$template = call_user_func(array($this, sprintf('_get_%s_template', $this->_context)), $name);
if (!$template) {
$template = kitify()->get_template($widget_name . '/global/' . $name . '.php');
}
return $template;
}
/**
* Get front-end template
* @param [type] $name [description]
* @return [type] [description]
*/
public function _get_render_template($name = null)
{
$widget_name = str_replace(['kitify-', 'kitify-'], '', $this->get_name());
return kitify()->get_template($widget_name . '/render/' . $name . '.php');
}
/**
* Get editor template
* @param [type] $name [description]
* @return [type] [description]
*/
public function _get_edit_template($name = null)
{
$widget_name = str_replace(['kitify-', 'kitify-'], '', $this->get_name());
return kitify()->get_template($widget_name . '/edit/' . $name . '.php');
}
/**
* Load template directly
* @param $template
* @access protected
*/
protected function _load_template($template)
{
include $template;
}
/**
* Get global looped template for settings
* Required only to process repeater settings.
*
* @param string $name Base template name.
* @param string $setting Repeater setting that provide data for template.
* @param string $callback Callback for preparing a loop array
* @return void
*/
public function _get_global_looped_template($name = null, $setting = null, $callback = null)
{
$templates = array(
'start' => $this->_get_global_template($name . '-loop-start'),
'loop' => $this->_get_global_template($name . '-loop-item'),
'end' => $this->_get_global_template($name . '-loop-end'),
);
call_user_func(
array($this, sprintf('_get_%s_looped_template', $this->_context)), $templates, $setting, $callback
);
}
/**
* Get render mode looped template
*
* @param array $templates [description]
* @param string $setting [description]
* @param string $callback Callback for preparing a loop array
* @return void
*/
public function _get_render_looped_template($templates = array(), $setting = null, $callback = null)
{
$loop = $this->get_settings_for_display($setting);
$loop = apply_filters('kitify/widget/loop-items', $loop, $setting, $this);
if (empty($loop)) {
return;
}
if ($callback && is_callable($callback)) {
$loop = call_user_func($callback, $loop);
}
if (!empty($templates['start'])) {
include $templates['start'];
}
foreach ($loop as $item) {
$this->_processed_item = $item;
if (!empty($templates['loop'])) {
include $templates['loop'];
}
$this->_processed_index++;
}
$this->_processed_item = false;
$this->_processed_index = 0;
if (!empty($templates['end'])) {
include $templates['end'];
}
}
/**
* Get edit mode looped template
*
* @param array $templates [description]
* @param [type] $setting [description]
* @return [type] [description]
*/
public function _get_edit_looped_template($templates = array(), $setting = null)
{
?>
<# if ( settings.<?php echo $setting; ?> ) { #>
<?php
if (!empty($templates['start'])) {
include $templates['start'];
}
?>
<# _.each( settings.<?php echo $setting; ?>, function( item ) { #>
<?php
if (!empty($templates['loop'])) {
include $templates['loop'];
}
?>
<# } ); #>
<?php
if (!empty($templates['end'])) {
include $templates['end'];
}
?>
<# } #>
<?php
}
/**
* Get current looped item dependends from context.
*
* @param string $key Key to get from processed item
* @return mixed
*/
public function _loop_item($keys = array(), $format = '%s')
{
return call_user_func(array($this, sprintf('_%s_loop_item', $this->_context)), $keys, $format);
}
/**
* Loop edit item
*
* @param [type] $keys [description]
* @param string $format [description]
* @param boolean $nested_key [description]
* @return [type] [description]
*/
public function _edit_loop_item($keys = array(), $format = '%s')
{
$settings = $keys[0];
if (isset($keys[1])) {
$settings .= '.' . $keys[1];
}
ob_start();
echo '<# if ( item.' . $settings . ' ) { #>';
printf($format, '{{{ item.' . $settings . ' }}}');
echo '<# } #>';
return ob_get_clean();
}
/**
* Loop render item
*
* @param string $format [description]
* @param [type] $key [description]
* @param boolean $nested_key [description]
* @return [type] [description]
*/
public function _render_loop_item($keys = array(), $format = '%s')
{
$item = $this->_processed_item;
$key = $keys[0];
$nested_key = isset($keys[1]) ? $keys[1] : false;
if (empty($item) || !isset($item[$key])) {
return false;
}
if (false === $nested_key || !is_array($item[$key])) {
$value = $item[$key];
} else {
$value = isset($item[$key][$nested_key]) ? $item[$key][$nested_key] : false;
}
if (!empty($value)) {
return sprintf($format, $value);
}
}
/**
* Include global template if any of passed settings is defined
*
* @param [type] $name [description]
* @param [type] $settings [description]
* @return [type] [description]
*/
public function _glob_inc_if($name = null, $settings = array())
{
$template = $this->_get_global_template($name);
call_user_func(array($this, sprintf('_%s_inc_if', $this->_context)), $template, $settings);
}
/**
* Include render template if any of passed setting is not empty
*
* @param [type] $file [description]
* @param [type] $settings [description]
* @return [type] [description]
*/
public function _render_inc_if($file = null, $settings = array())
{
foreach ($settings as $setting) {
$val = $this->get_settings_for_display($setting);
if (!empty($val)) {
include $file;
return;
}
}
}
/**
* Include render template if any of passed setting is not empty
*
* @param [type] $file [description]
* @param [type] $settings [description]
* @return [type] [description]
*/
public function _edit_inc_if($file = null, $settings = array())
{
$condition = null;
$sep = null;
foreach ($settings as $setting) {
$condition .= $sep . 'settings.' . $setting;
$sep = ' || ';
}
?>
<# if ( <?php echo $condition; ?> ) { #>
<?php include $file; ?>
<# } #>
<?php
}
/**
* Open standard wrapper
*
* @return void
*/
public function _open_wrap()
{
}
/**
* Close standard wrapper
*
* @return void
*/
public function _close_wrap()
{
}
/**
* Print HTML markup if passed setting not empty.
*
* @param string $setting Passed setting.
* @param string $format Required markup.
* @param array $args Additional variables to pass into format string.
* @param bool $echo Echo or return.
* @return string|void
*/
public function _html($setting = null, $format = '%s')
{
call_user_func(array($this, sprintf('_%s_html', $this->_context)), $setting, $format);
}
/**
* Returns HTML markup if passed setting not empty.
*
* @param string $setting Passed setting.
* @param string $format Required markup.
* @param array $args Additional variables to pass into format string.
* @param bool $echo Echo or return.
* @return string|void
*/
public function _get_html($setting = null, $format = '%s')
{
ob_start();
$this->_html($setting, $format);
return ob_get_clean();
}
/**
* Print HTML template
*
* @param [type] $setting [description]
* @param [type] $format [description]
* @return [type] [description]
*/
public function _render_html($setting = null, $format = '%s')
{
if (is_array($setting)) {
$key = $setting[1];
$setting = $setting[0];
}
$val = $this->get_settings_for_display($setting);
if (!is_array($val) && '0' === $val) {
printf($format, $val);
}
if (is_array($val) && empty($val[$key])) {
return '';
}
if (!is_array($val) && empty($val)) {
return '';
}
if (is_array($val)) {
printf($format, $val[$key]);
} else {
printf($format, $val);
}
}
/**
* Print underscore template
*
* @param [type] $setting [description]
* @param [type] $format [description]
* @return [type] [description]
*/
public function _edit_html($setting = null, $format = '%s')
{
if (is_array($setting)) {
$setting = $setting[0] . '.' . $setting[1];
}
echo '<# if ( settings.' . $setting . ' ) { #>';
printf($format, '{{{ settings.' . $setting . ' }}}');
echo '<# } #>';
}
/**
* Add icon control
*
* @param string $id
* @param array $args
* @param object $instance
*/
public function _add_advanced_icon_control($id, array $args = array(), $instance = null)
{
if (defined('ELEMENTOR_VERSION') && version_compare(ELEMENTOR_VERSION, '2.6.0', '>=')) {
$_id = $id; // old control id
$id = $this->_new_icon_prefix . $id;
$args['type'] = Controls_Manager::ICONS;
$args['fa4compatibility'] = $_id;
unset($args['file']);
unset($args['default']);
if (isset($args['fa5_default'])) {
$args['default'] = $args['fa5_default'];
unset($args['fa5_default']);
}
} else {
$args['type'] = Controls_Manager::ICON;
unset($args['fa5_default']);
}
if (null !== $instance) {
$instance->add_control($id, $args);
} else {
$this->add_control($id, $args);
}
}
/**
* Prepare icon control ID for condition.
*
* @param string $id Old icon control ID.
* @return string
*/
public function _prepare_icon_id_for_condition($id)
{
if (defined('ELEMENTOR_VERSION') && version_compare(ELEMENTOR_VERSION, '2.6.0', '>=')) {
return $this->_new_icon_prefix . $id . '[value]';
}
return $id;
}
/**
* Print HTML icon markup
*
* @param array $setting
* @param string $format
* @param string $icon_class
* @return void
*/
public function _icon($setting = null, $format = '%s', $icon_class = '')
{
call_user_func(array($this, sprintf('_%s_icon', $this->_context)), $setting, $format, $icon_class);
}
/**
* Returns HTML icon markup
*
* @param array $setting
* @param string $format
* @param string $icon_class
* @return string
*/
public function _get_icon($setting = null, $format = '%s', $icon_class = '')
{
return $this->_render_icon($setting, $format, $icon_class, false);
}
/**
* Print HTML icon template
*
* @param array $setting
* @param string $format
* @param string $icon_class
* @param bool $echo
*
* @return void|string
*/
public function _render_icon($setting = null, $format = '%s', $icon_class = '', $echo = true)
{
if (false === $this->_processed_item) {
$settings = $this->get_settings_for_display();
} else {
$settings = $this->_processed_item;
}
$new_setting = $this->_new_icon_prefix . $setting;
$migrated = isset($settings['__fa4_migrated'][$new_setting]);
$is_new = empty($settings[$setting]) && class_exists('Elementor\Icons_Manager') && Icons_Manager::is_migration_allowed();
$icon_html = '';
if ($is_new || $migrated) {
$attr = array('aria-hidden' => 'true');
if (!empty($icon_class)) {
$attr['class'] = $icon_class;
}
if (isset($settings[$new_setting])) {
ob_start();
Icons_Manager::render_icon($settings[$new_setting], $attr);
$icon_html = ob_get_clean();
}
} else if (!empty($settings[$setting])) {
if (empty($icon_class)) {
$icon_class = $settings[$setting];
} else {
$icon_class .= ' ' . $settings[$setting];
}
$icon_html = sprintf('<i class="%s" aria-hidden="true"></i>', $icon_class);
}
if (empty($icon_html)) {
return;
}
if (!$echo) {
return sprintf($format, $icon_html);
}
printf($format, $icon_html);
}
/**
* [__add_control description]
* @param boolean $control_id [description]
* @param array $control_args [description]
* @param integer $load_level [description]
* @return [type] [description]
*/
public function _add_control($control_id = false, $control_args = [], $load_level = 100)
{
if (
($this->_load_level < $load_level
|| 0 === $this->_load_level
|| in_array($control_id, $this->_exclude_controls)
) && !in_array($control_id, $this->_include_controls)
) {
return false;
}
$this->add_control($control_id, $control_args);
}
/**
* [__add_responsive_control description]
* @param boolean $control_id [description]
* @param array $control_args [description]
* @param integer $load_level [description]
* @return [type] [description]
*/
public function _add_responsive_control($control_id = false, $control_args = [], $load_level = 100)
{
if (
($this->_load_level < $load_level
|| 0 === $this->_load_level
|| in_array($control_id, $this->_exclude_controls)
) && !in_array($control_id, $this->_include_controls)
) {
return false;
}
$this->add_responsive_control($control_id, $control_args);
}
/**
* [__add_group_control description]
* @param boolean $group_control_type [description]
* @param array $group_control_args [description]
* @param integer $load_level [description]
* @return [type] [description]
*/
public function _add_group_control($group_control_type = false, $group_control_args = [], $load_level = 100)
{
if (
($this->_load_level < $load_level
|| 0 === $this->_load_level
|| in_array($group_control_args['name'], $this->_exclude_controls)
) && !in_array($group_control_args['name'], $this->_include_controls)
) {
return false;
}
$this->add_group_control($group_control_type, $group_control_args);
}
/**
* [__add_icon_control description]
* @param [type] $id [description]
* @param array $args [description]
* @return [type] [description]
*/
public function _add_icon_control($id, array $args = array(), $load_level = 100)
{
if (
($this->_load_level < $load_level
|| 0 === $this->_load_level
|| in_array($id, $this->_exclude_controls)
) && !in_array($id, $this->_include_controls)
) {
return false;
}
$this->_add_advanced_icon_control($id, $args);
}
/**
* [__start_controls_section description]
* @param boolean $controls_section_id [description]
* @param array $controls_section_args [description]
* @param integer $load_level [description]
* @return [type] [description]
*/
public function _start_controls_section($controls_section_id = false, $controls_section_args = [], $load_level = 25)
{
if (!$controls_section_id || $this->_load_level < $load_level || 0 === $this->_load_level) {
return false;
}
$this->start_controls_section($controls_section_id, $controls_section_args);
}
/**
* [__end_controls_section description]
* @param integer $load_level [description]
* @return [type] [description]
*/
public function _end_controls_section($load_level = 25)
{
if ($this->_load_level < $load_level || 0 === $this->_load_level) {
return false;
}
$this->end_controls_section();
}
/**
* [__start_controls_tabs description]
* @param boolean $tabs_id [description]
* @param integer $load_level [description]
* @return [type] [description]
*/
public function _start_controls_tabs($tabs_id = false, $tab_args = [], $load_level = 25)
{
if (!$tabs_id || $this->_load_level < $load_level || 0 === $this->_load_level) {
return false;
}
$this->start_controls_tabs($tabs_id, $tab_args);
}
/**
* [__end_controls_tabs description]
* @param integer $load_level [description]
* @return [type] [description]
*/
public function _end_controls_tabs($load_level = 25)
{
if ($this->_load_level < $load_level || 0 === $this->_load_level) {
return false;
}
$this->end_controls_tabs();
}
/**
* [__start_controls_tab description]
* @param boolean $tab_id [description]
* @param array $tab_args [description]
* @param integer $load_level [description]
* @return [type] [description]
*/
public function _start_controls_tab($tab_id = false, $tab_args = [], $load_level = 25)
{
if (!$tab_id || $this->_load_level < $load_level || 0 === $this->_load_level) {
return false;
}
$this->start_controls_tab($tab_id, $tab_args);
}
/**
* [__end_controls_tab description]
* @param integer $load_level [description]
* @return [type] [description]
*/
public function _end_controls_tab($load_level = 25)
{
if ($this->_load_level < $load_level || 0 === $this->_load_level) {
return false;
}
$this->end_controls_tab();
}
/**
* Start popover
*
* @param int $load_level
* @return void|bool
*/
public function _start_popover($load_level = 25)
{
if ($this->_load_level < $load_level || 0 === $this->_load_level) {
return false;
}
$this->start_popover();
}
/**
* End popover
*
* @param int $load_level
* @return void|bool
*/
public function _end_popover($load_level = 25)
{
if ($this->_load_level < $load_level || 0 === $this->_load_level) {
return false;
}
$this->end_popover();
}
public function _get_icon_setting($setting = null, $format = '%s', $icon_class = '', $echo = false)
{
$icon_html = '';
$attr = array('aria-hidden' => 'true');
if (!empty($icon_class)) {
$attr['class'] = $icon_class;
}
if (!empty($setting)) {
ob_start();
Icons_Manager::render_icon($setting, $attr);
$icon_html = ob_get_clean();
}
if (empty($icon_html)) {
return '';
}
if (!$echo) {
return sprintf($format, $icon_html);
}
printf($format, $icon_html);
}
public function _add_link_attributes($element, array $url_control, $overwrite = false)
{
if (method_exists($this, 'add_link_attributes')) {
return $this->add_link_attributes($element, $url_control, $overwrite);
}
$attributes = array();
if (!empty($url_control['url'])) {
$attributes['href'] = esc_url($url_control['url']);
}
if (!empty($url_control['is_external'])) {
$attributes['target'] = '_blank';
}
if (!empty($url_control['nofollow'])) {
$attributes['rel'] = 'nofollow';
}
if ($attributes) {
$this->add_render_attribute($element, $attributes, $overwrite);
}
return $this;
}
protected function register_carousel_section($carousel_condition = [], $carousel_columns = false, $enable_carousel = true)
{
$this->_start_controls_section(
'carousel_section',
array(
'label' => esc_html__('Carousel Settings', 'kitify'),
'condition' => $carousel_condition
)
);
if ($enable_carousel) {
$this->_add_control(
'enable_carousel',
array(
'label' => esc_html__('Enable Carousel', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'return_value' => 'yes',
'default' => '',
)
);
}
$this->_add_control(
'carousel_direction',
array(
'label' => esc_html__('Carousel Type', 'kitify'),
'type' => Controls_Manager::SELECT,
'default' => 'horizontal',
'options' => [
'horizontal' => esc_html__('Horizontal', 'kitify'),
'vertical' => esc_html__('Vertical', 'kitify'),
],
)
);
$this->_add_control(
'carousel_preset',
array(
'label' => esc_html__('Carousel Preset', 'kitify'),
'type' => Controls_Manager::SELECT,
'default' => 'default',
'options' => apply_filters('kitify/carousel_base/preset', [
'default' => esc_html__( 'Default', 'kitify' ),
'style-01' => esc_html__( 'Style 01', 'kitify' ),
]),
'prefix_class' => 'custom-carousel-preset-',
)
);
$this->_add_responsive_control(
'carousel_height',
array(
'label' => esc_html__('Carousel Height', 'kitify'),
'type' => Controls_Manager::SLIDER,
'size_units' => array('%', 'px', 'em', 'vw', 'vh'),
'selectors' => array(
'{{WRAPPER}} .kitify-carousel .swiper-container-vertical' => 'height: {{SIZE}}{{UNIT}};',
),
'condition' => array(
'carousel_direction' => 'vertical',
),
)
);
if ($carousel_columns === false) {
$column_dependency = 'carousel_columns!';
$this->_add_responsive_control(
'carousel_columns',
array(
'label' => esc_html__('Slides to Show', 'kitify'),
'type' => Controls_Manager::SELECT,
'default' => '1',
'options' => kitify_helper()->get_select_range(10),
)
);
} else {
$column_dependency = "{$carousel_columns}!";
}
$this->_add_responsive_control(
'carousel_to_scroll',
array(
'label' => esc_html__('Slides to Scroll', 'kitify'),
'type' => Controls_Manager::SELECT,
'default' => '1',
'options' => kitify_helper()->get_select_range(6),
'condition' => array(
$column_dependency => '1',
),
)
);
$this->_add_responsive_control(
'carousel_rows',
array(
'label' => esc_html__('Rows', 'kitify'),
'type' => Controls_Manager::SELECT,
'default' => '1',
'options' => kitify_helper()->get_select_range(6),
'condition' => array(
'carousel_direction' => 'horizontal',
),
)
);
$this->_add_control(
'carousel_overflow',
array(
'label' => esc_html__('Show Hidden Items', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'return_value' => 'yes',
'default' => '',
'selectors' => array(
'{{WRAPPER}} .swiper-container' => 'overflow: inherit',
),
)
);
$this->_add_control(
'carousel_fluid_width',
array(
'label' => esc_html__('Fluid Items Width', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'return_value' => 'yes',
'default' => '',
)
);
$this->_add_control(
'carousel_arrows',
array(
'label' => esc_html__('Show Arrows Navigation', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'return_value' => 'true',
'default' => 'true',
)
);
$this->_add_icon_control(
'carousel_prev_arrow',
array(
'label' => esc_html__('Prev Arrow Icon', 'kitify'),
'label_block' => true,
'default' => 'novaicon-arrow-left',
'fa5_default' => array(
'value' => 'novaicon-arrow-left',
'library' => 'novaicon',
),
'condition' => array(
'carousel_arrows' => 'true',
),
)
);
$this->_add_icon_control(
'carousel_next_arrow',
array(
'label' => esc_html__('Next Arrow Icon', 'kitify'),
'label_block' => true,
'default' => 'novaicon-arrow-right',
'fa5_default' => array(
'value' => 'novaicon-arrow-right',
'library' => 'novaicon'
),
'condition' => array(
'carousel_arrows' => 'true',
),
)
);
$this->_add_control(
'carousel_dots',
array(
'label' => esc_html__('Show Dots Pagination', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'return_value' => 'true',
'default' => '',
)
);
$this->_add_control(
'carousel_dot_type',
array(
'label' => esc_html__('Dots Pagination Type', 'kitify'),
'type' => Controls_Manager::SELECT,
'default' => 'bullets',
'options' => [
'bullets' => esc_html__('Bullets', 'kitify'),
'fraction' => esc_html__('Fraction', 'kitify'),
'progressbar' => esc_html__('Progressbar', 'kitify'),
'custom' => esc_html__('Custom', 'kitify'),
],
'condition' => array(
'carousel_dots' => 'true',
),
)
);
$this->_add_control(
'carousel_autoplay',
array(
'label' => esc_html__('Autoplay', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'return_value' => 'true',
'default' => 'true',
)
);
$this->_add_control(
'carousel_pause_on_hover',
array(
'label' => esc_html__('Pause on Hover', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'return_value' => 'true',
'default' => '',
'condition' => array(
'carousel_autoplay' => 'true',
),
)
);
$this->_add_control(
'carousel_pause_on_interaction',
array(
'label' => esc_html__('Disable on Interaction', 'kitify'),
'description' => esc_html__('Set to no and autoplay will not be disabled after user interactions (swipes), it will be restarted every time after interaction', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'return_value' => 'true',
'default' => '',
'condition' => array(
'carousel_autoplay' => 'true',
),
)
);
$this->_add_control(
'carousel_reverse_direction',
array(
'label' => esc_html__('Reverse Direction', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'return_value' => 'true',
'default' => '',
'condition' => array(
'carousel_autoplay' => 'true',
),
)
);
$this->_add_control(
'carousel_autoplay_speed',
array(
'label' => esc_html__('Autoplay Speed', 'kitify'),
'type' => Controls_Manager::NUMBER,
'default' => 5000,
'condition' => array(
'carousel_autoplay' => 'true',
),
)
);
$this->_add_control(
'carousel_loop',
array(
'label' => esc_html__('Infinite Loop', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'return_value' => 'true',
'default' => 'true',
)
);
$this->_add_control(
'carousel_autoheight',
array(
'label' => esc_html__('Item AutoHeight', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'return_value' => 'true',
'default' => 'false',
)
);
$this->_add_control(
'carousel_equality',
array(
'label' => esc_html__('Item Equality', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'return_value' => 'kitify-carousel-equalheight',
'default' => '',
'prefix_class' => ''
)
);
$this->_add_control(
'carousel_effect',
array(
'label' => esc_html__('Effect', 'kitify'),
'type' => Controls_Manager::SELECT,
'description' => esc_html__('The `Fade` option does not work if `slides to show` option is `1`', 'kitify'),
'default' => 'slide',
'options' => array(
'slide' => esc_html__('Slide', 'kitify'),
'fade' => esc_html__('Fade', 'kitify'),
'cube' => esc_html__('Cube', 'kitify'),
'coverflow' => esc_html__('Coverflow', 'kitify'),
'flip' => esc_html__('Flip', 'kitify'),
),
'prefix_class' => 'kitify-carousel-item-effect-',
)
);
$coverflow_conditions = [
'carousel_effect' => 'coverflow'
];
if ($enable_carousel) {
$coverflow_conditions['enable_carousel'] = 'yes';
}
$this->_add_control(
'carousel_coverflow__depth',
array(
'label' => esc_html__('Coverflow Deep', 'kitify'),
'description' => esc_html__('Depth offset in px (slides translate in Z axis)', 'kitify'),
'type' => Controls_Manager::NUMBER,
'separator' => 'before',
'min' => 0,
'max' => 500,
'step' => 1,
'default' => 100,
'condition' => $coverflow_conditions,
)
);
$this->_add_control(
'carousel_coverflow__modifier',
array(
'label' => esc_html__('Coverflow Modifier', 'kitify'),
'description' => esc_html__('Effect multiplier', 'kitify'),
'type' => Controls_Manager::NUMBER,
'min' => 0,
'max' => 10,
'step' => 0.1,
'default' => 1,
'condition' => $coverflow_conditions,
)
);
$this->_add_control(
'carousel_coverflow__stretch',
array(
'label' => esc_html__('Coverflow Stretch', 'kitify'),
'description' => esc_html__('Stretch space between slides (in px)', 'kitify'),
'type' => Controls_Manager::NUMBER,
'min' => 0,
'max' => 500,
'step' => 1,
'default' => 100,
'condition' => $coverflow_conditions,
)
);
$this->_add_control(
'carousel_coverflow__rotate',
array(
'label' => esc_html__('Coverflow Rotate', 'kitify'),
'description' => esc_html__('Slide rotate in degrees', 'kitify'),
'type' => Controls_Manager::NUMBER,
'min' => 0,
'max' => 360,
'step' => 1,
'default' => 0,
'condition' => $coverflow_conditions,
)
);
$this->_add_control(
'carousel_coverflow__slideshadows',
array(
'label' => esc_html__('Side Shadow', 'kitify'),
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'default' => 'yes',
'separator' => 'after',
'condition' => $coverflow_conditions
)
);
$disable_content_effect_c = [];
if($enable_carousel){
$disable_content_effect_c = [
'enable_carousel' => 'yes'
];
}
$this->_add_control(
'carousel_disable_content_effect',
array(
'label' => esc_html__('Disable Content Effect', 'kitify'),
'description' => esc_html__('If available', 'kitify'),
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'slide-no-animation',
'prefix_class' => '',
'condition' => $disable_content_effect_c
)
);
$this->_add_control(
'carousel_enable_linear_effect',
array(
'label' => esc_html__('Enable Linear Effect', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'return_value' => 'true',
'default' => '',
'condition' => array(
'carousel_autoplay' => 'true',
'carousel_effect' => 'slide',
),
)
);
$this->_add_responsive_control(
'carousel_item_width',
array(
'label' => esc_html__('Custom Item Width', 'kitify'),
'type' => Controls_Manager::SLIDER,
'default' => array(
'size' => 300,
'unit' => 'px',
),
'size_units' => ['px', 'em', 'vw', 'vh', '%'],
'selectors' => array(
'{{WRAPPER}} .kitify-carousel .kitify-carousel__item' => 'width: {{SIZE}}{{UNIT}};',
),
'separator' => 'before',
'condition' => array(
'carousel_effect' => ['flip', 'cube', 'coverflow'],
),
)
);
$this->_add_control(
'carousel_speed',
array(
'label' => esc_html__('Animation Speed', 'kitify'),
'type' => Controls_Manager::NUMBER,
'default' => 500,
)
);
$this->_add_control(
'carousel_center_mode',
array(
'label' => esc_html__('Center Mode', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'return_value' => 'yes',
'default' => ''
)
);
$this->_add_responsive_control(
'carousel_padding_left',
array(
'label' => esc_html__('Padding Left', 'kitify'),
'type' => Controls_Manager::SLIDER,
'size_units' => array('%', 'px', 'em', 'vw', 'vh'),
'range' => array(
'px' => array(
'min' => 0,
'max' => 500,
),
'%' => array(
'min' => 0,
'max' => 50,
),
'em' => array(
'min' => 0,
'max' => 20,
),
),
'selectors' => array(
'{{WRAPPER}}' => '--kitify-carousel-padding-left: {{SIZE}}{{UNIT}};',
),
)
);
$this->_add_responsive_control(
'carousel_padding_right',
array(
'label' => esc_html__('Padding Right', 'kitify'),
'type' => Controls_Manager::SLIDER,
'size_units' => array('%', 'px', 'em', 'vw', 'vh'),
'range' => array(
'px' => array(
'min' => 0,
'max' => 500,
),
'%' => array(
'min' => 0,
'max' => 50,
),
'em' => array(
'min' => 0,
'max' => 20,
),
),
'selectors' => array(
'{{WRAPPER}}' => '--kitify-carousel-padding-right: {{SIZE}}{{UNIT}}',
),
)
);
$this->_add_control(
'carousel_id',
array(
'label' => esc_html__('Carousel UniqueID', 'kitify'),
'type' => Controls_Manager::TEXT,
'separator' => 'before',
'label_block' => true,
)
);
$this->_add_control(
'carousel_as_for',
array(
'label' => esc_html__('Custom Thumbs ID', 'kitify'),
'label_block' => true,
'description' => esc_html__('Enter uniqueID of carousel', 'kitify'),
'type' => Controls_Manager::TEXT,
)
);
$this->_end_controls_section();
}
protected function register_carousel_arrows_style_section($carousel_condition = []){
/**
* Arrow Sections
*/
$this->_start_controls_section(
'carousel_arrow_style_section',
array(
'label' => esc_html__('Carousel Arrows', 'kitify'),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
'condition' => $carousel_condition
)
);
$this->_add_control(
'carousel_arrow_show_on_hover',
array(
'label' => esc_html__('Display on hover', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'return_value' => 'yes',
'default' => 'no',
'prefix_class' => 'kitify-arrow--showonhover-',
)
);
$this->_start_controls_tabs('carousel_arrow_tabs');
$this->_start_controls_tab(
'carousel_tab_arrow_normal',
array(
'label' => esc_html__('Normal', 'kitify'),
)
);
$this->_add_group_control(
Group_Control_Box_Style::get_type(),
array(
'name' => 'carousel_arrow_normal_style',
'label' => esc_html__('Arrows Style', 'kitify'),
'selector' => '{{WRAPPER}} .kitify-carousel .kitify-arrow'
)
);
$this->_end_controls_tab();
$this->_start_controls_tab(
'carousel_tab_arrow_hover',
array(
'label' => esc_html__('Hover', 'kitify'),
)
);
$this->_add_group_control(
Group_Control_Box_Style::get_type(),
array(
'name' => 'carousel_arrow_hover_style',
'label' => esc_html__('Arrows Style', 'kitify'),
'selector' => '{{WRAPPER}} .kitify-carousel .kitify-arrow:hover'
)
);
$this->_end_controls_tab();
$this->_end_controls_tabs();
$this->_add_control(
'carousel_prev_arrow_position',
array(
'label' => esc_html__('Prev Arrow Position', 'kitify'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
)
);
$this->_add_control(
'carousel_prev_arrow_v_position_by',
array(
'label' => esc_html__('Vertical Position by', 'kitify'),
'type' => Controls_Manager::SELECT,
'default' => 'top',
'options' => array(
'top' => esc_html__('Top', 'kitify'),
'bottom' => esc_html__('Bottom', 'kitify'),
),
)
);
$this->_add_responsive_control(
'carousel_prev_arrow_top_position',
array(
'label' => esc_html__('Top Indent', 'kitify'),
'type' => Controls_Manager::SLIDER,
'size_units' => array('px', '%', 'em', 'custom'),
'range' => array(
'px' => array(
'min' => -400,
'max' => 400,
),
'%' => array(
'min' => -100,
'max' => 100,
),
'em' => array(
'min' => -50,
'max' => 50,
),
),
'condition' => array(
'carousel_prev_arrow_v_position_by' => 'top',
),
'selectors' => array(
'{{WRAPPER}} .kitify-carousel .kitify-arrow.prev-arrow' => 'top: {{SIZE}}{{UNIT}}; bottom: auto;',
),
)
);
$this->_add_responsive_control(
'carousel_prev_arrow_bottom_position',
array(
'label' => esc_html__('Bottom Indent', 'kitify'),
'type' => Controls_Manager::SLIDER,
'size_units' => array('px', '%', 'em', 'custom'),
'range' => array(
'px' => array(
'min' => -400,
'max' => 400,
),
'%' => array(
'min' => -100,
'max' => 100,
),
'em' => array(
'min' => -50,
'max' => 50,
),
),
'condition' => array(
'carousel_prev_arrow_v_position_by' => 'bottom',
),
'selectors' => array(
'{{WRAPPER}} .kitify-carousel .kitify-arrow.prev-arrow' => 'bottom: {{SIZE}}{{UNIT}}; top: auto;',
),
)
);
$this->_add_control(
'carousel_prev_arrow_h_position_by',
array(
'label' => esc_html__('Horizontal Position by', 'kitify'),
'type' => Controls_Manager::SELECT,
'default' => 'left',
'options' => array(
'left' => esc_html__('Left', 'kitify'),
'right' => esc_html__('Right', 'kitify'),
),
)
);
$this->_add_responsive_control(
'carousel_prev_arrow_left_position',
array(
'label' => esc_html__('Left Indent', 'kitify'),
'type' => Controls_Manager::SLIDER,
'size_units' => array('px', '%', 'em', 'custom'),
'range' => array(
'px' => array(
'min' => -400,
'max' => 400,
),
'%' => array(
'min' => -100,
'max' => 100,
),
'em' => array(
'min' => -50,
'max' => 50,
),
),
'condition' => array(
'carousel_prev_arrow_h_position_by' => 'left',
),
'selectors' => array(
'{{WRAPPER}} .kitify-carousel .kitify-arrow.prev-arrow' => 'left: {{SIZE}}{{UNIT}}; right: auto;',
),
)
);
$this->_add_responsive_control(
'carousel_prev_arrow_right_position',
array(
'label' => esc_html__('Right Indent', 'kitify'),
'type' => Controls_Manager::SLIDER,
'size_units' => array('px', '%', 'em', 'custom'),
'range' => array(
'px' => array(
'min' => -400,
'max' => 400,
),
'%' => array(
'min' => -100,
'max' => 100,
),
'em' => array(
'min' => -50,
'max' => 50,
),
),
'condition' => array(
'carousel_prev_arrow_h_position_by' => 'right',
),
'selectors' => array(
'{{WRAPPER}} .kitify-carousel .kitify-arrow.prev-arrow' => 'right: {{SIZE}}{{UNIT}}; left: auto;',
),
)
);
$this->_add_control(
'carousel_next_arrow_position',
array(
'label' => esc_html__('Next Arrow Position', 'kitify'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
)
);
$this->_add_control(
'carousel_next_arrow_v_position_by',
array(
'label' => esc_html__('Vertical Position by', 'kitify'),
'type' => Controls_Manager::SELECT,
'default' => 'top',
'options' => array(
'top' => esc_html__('Top', 'kitify'),
'bottom' => esc_html__('Bottom', 'kitify'),
),
)
);
$this->_add_responsive_control(
'carousel_next_arrow_top_position',
array(
'label' => esc_html__('Top Indent', 'kitify'),
'type' => Controls_Manager::SLIDER,
'size_units' => array('px', '%', 'em', 'custom'),
'range' => array(
'px' => array(
'min' => -400,
'max' => 400,
),
'%' => array(
'min' => -100,
'max' => 100,
),
'em' => array(
'min' => -50,
'max' => 50,
),
),
'condition' => array(
'carousel_next_arrow_v_position_by' => 'top',
),
'selectors' => array(
'{{WRAPPER}} .kitify-carousel .kitify-arrow.next-arrow' => 'top: {{SIZE}}{{UNIT}}; bottom: auto;',
),
)
);
$this->_add_responsive_control(
'carousel_next_arrow_bottom_position',
array(
'label' => esc_html__('Bottom Indent', 'kitify'),
'type' => Controls_Manager::SLIDER,
'size_units' => array('px', '%', 'em', 'custom'),
'range' => array(
'px' => array(
'min' => -400,
'max' => 400,
),
'%' => array(
'min' => -100,
'max' => 100,
),
'em' => array(
'min' => -50,
'max' => 50,
),
),
'condition' => array(
'carousel_next_arrow_v_position_by' => 'bottom',
),
'selectors' => array(
'{{WRAPPER}} .kitify-carousel .kitify-arrow.next-arrow' => 'bottom: {{SIZE}}{{UNIT}}; top: auto;',
),
)
);
$this->_add_control(
'carousel_next_arrow_h_position_by',
array(
'label' => esc_html__('Horizontal Position by', 'kitify'),
'type' => Controls_Manager::SELECT,
'default' => 'right',
'options' => array(
'left' => esc_html__('Left', 'kitify'),
'right' => esc_html__('Right', 'kitify'),
),
)
);
$this->_add_responsive_control(
'carousel_next_arrow_left_position',
array(
'label' => esc_html__('Left Indent', 'kitify'),
'type' => Controls_Manager::SLIDER,
'size_units' => array('px', '%', 'em', 'custom'),
'range' => array(
'px' => array(
'min' => -400,
'max' => 400,
),
'%' => array(
'min' => -100,
'max' => 100,
),
'em' => array(
'min' => -50,
'max' => 50,
),
),
'condition' => array(
'carousel_next_arrow_h_position_by' => 'left',
),
'selectors' => array(
'{{WRAPPER}} .kitify-carousel .kitify-arrow.next-arrow' => 'left: {{SIZE}}{{UNIT}}; right: auto;',
),
)
);
$this->_add_responsive_control(
'carousel_next_arrow_right_position',
array(
'label' => esc_html__('Right Indent', 'kitify'),
'type' => Controls_Manager::SLIDER,
'size_units' => array('px', '%', 'em', 'custom'),
'range' => array(
'px' => array(
'min' => -400,
'max' => 400,
),
'%' => array(
'min' => -100,
'max' => 100,
),
'em' => array(
'min' => -50,
'max' => 50,
),
),
'condition' => array(
'carousel_next_arrow_h_position_by' => 'right',
),
'selectors' => array(
'{{WRAPPER}} .kitify-carousel .kitify-arrow.next-arrow' => 'right: {{SIZE}}{{UNIT}}; left: auto;',
),
)
);
$this->_end_controls_section();
}
protected function register_carousel_dots_style_section($carousel_condition = []){
$this->_start_controls_section(
'carousel_dot_style_section',
array(
'label' => esc_html__('Carousel Dots', 'kitify'),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
'condition' => $carousel_condition
)
);
$this->_start_controls_tabs('carousel_dot_tabs');
$this->_start_controls_tab(
'carousel_tab_dot_normal',
array(
'label' => esc_html__('Normal', 'kitify'),
)
);
$this->_add_group_control(
Group_Control_Box_Style::get_type(),
array(
'name' => 'carousel_dot_normal_style',
'label' => esc_html__('Dots Style', 'kitify'),
'selector' => '{{WRAPPER}} .kitify-carousel .swiper-pagination-bullet',
'condition' => [
'carousel_dot_type!' => ['progressbar', 'custom', 'fraction']
]
)
);
$this->_add_control(
'_carousel_dot__color1',
array(
'label' => esc_html__('Color Normal', 'kitify'),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .kitify-carousel__dots' => '--kitify-carousel__dots-color-1: {{VALUE}}',
),
'condition' => [
'carousel_dot_type' => ['progressbar', 'custom', 'fraction']
]
)
);
$this->_end_controls_tab();
$this->_start_controls_tab(
'carousel_tab_dot_hover',
array(
'label' => esc_html__('Active', 'kitify'),
)
);
$this->_add_group_control(
Group_Control_Box_Style::get_type(),
array(
'name' => 'carousel_dot_hover_style',
'label' => esc_html__('Dots Style', 'kitify'),
'selector' => '{{WRAPPER}} .kitify-carousel .swiper-pagination-bullet-active,{{WRAPPER}} .kitify-carousel .swiper-pagination-bullet:hover',
'condition' => [
'carousel_dot_type!' => ['progressbar', 'custom', 'fraction']
]
)
);
$this->_add_control(
'_carousel_dot__color2',
array(
'label' => esc_html__('Color Active', 'kitify'),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .kitify-carousel__dots' => '--kitify-carousel__dots-color-2: {{VALUE}}',
),
'condition' => [
'carousel_dot_type' => ['progressbar', 'custom', 'fraction']
]
)
);
$this->_end_controls_tab();
$this->_end_controls_tabs();
$this->_add_control(
'carousel_dot_vertical',
array(
'label' => esc_html__('Enable Vertical Dots', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'return_value' => 'yes',
'default' => 'no',
'prefix_class' => 'kitify-dots--vertical-',
'condition' => [
'carousel_dot_type!' => 'progressbar'
],
'separator' => 'before',
)
);
$this->_add_responsive_control(
'carousel_dots_gap',
array(
'label' => esc_html__('Gap', 'kitify'),
'type' => Controls_Manager::SLIDER,
'default' => array(
'size' => 5,
'unit' => 'px',
),
'range' => array(
'px' => array(
'min' => 0,
'max' => 50,
),
),
'selectors' => array(
'{{WRAPPER}}' => '--kitify-carousel-dot-item-space: {{SIZE}}{{UNIT}};',
),
'separator' => 'before',
'condition' => [
'carousel_dot_type!' => ['progressbar', 'custom', 'fraction']
]
)
);
$this->_add_responsive_control(
'carousel_dots_margin',
array(
'label' => esc_html__('Dots Box Margin', 'kitify'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%', 'em'),
'selectors' => array(
'{{WRAPPER}} .kitify-carousel .kitify-carousel__dots' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->_add_control(
'carousel_dots_h_alignment',
array(
'label' => esc_html__('Horizontal Position', 'kitify'),
'type' => Controls_Manager::CHOOSE,
'options' => array(
'left' => array(
'title' => esc_html__('Left', 'kitify'),
'icon' => 'eicon-h-align-left',
),
'center' => array(
'title' => esc_html__('Center', 'kitify'),
'icon' => 'eicon-h-align-center',
),
'right' => array(
'title' => esc_html__('Right', 'kitify'),
'icon' => 'eicon-h-align-right',
)
),
'prefix_class' => 'kitify-dots-h-align-',
)
);
$this->_add_control(
'carousel_dots_v_alignment',
array(
'label' => esc_html__('Vertical Position', 'kitify'),
'type' => Controls_Manager::CHOOSE,
'options' => array(
'top' => array(
'title' => esc_html__('Top', 'kitify'),
'icon' => 'eicon-v-align-top',
),
'middle' => array(
'title' => esc_html__('Middle', 'kitify'),
'icon' => 'eicon-v-align-middle',
),
'bottom' => array(
'title' => esc_html__('Bottom', 'kitify'),
'icon' => 'eicon-v-align-bottom',
)
),
'prefix_class' => 'kitify-dots-v-align-',
)
);
$this->_add_control(
'carousel_dots_alignment',
array(
'label' => esc_html__('Text Alignment', 'kitify'),
'type' => Controls_Manager::CHOOSE,
'options' => array(
'left' => array(
'title' => esc_html__('Left', 'kitify'),
'icon' => 'eicon-text-align-left',
),
'center' => array(
'title' => esc_html__('Center', 'kitify'),
'icon' => 'eicon-text-align-center',
),
'right' => array(
'title' => esc_html__('Right', 'kitify'),
'icon' => 'eicon-text-align-right',
)
),
'prefix_class' => 'kitify-dots-text-',
)
);
$this->_end_controls_section();
$bar_conditions = $carousel_condition;
$bar_conditions['carousel_scrollbar'] = 'true';
$this->_start_controls_section(
'carousel_scrollbar_style_section',
array(
'label' => esc_html__('Carousel Scrollbar', 'kitify'),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
'condition' => $bar_conditions
)
);
$this->_add_responsive_control(
'_carousel_scrollbar__width',
array(
'label' => esc_html__('Width', 'kitify'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', 'em', '%', 'custom'],
'selectors' => array(
'{{WRAPPER}}' => '--swiper-scrollbar-width: {{SIZE}}{{UNIT}};',
),
)
);
$this->_add_responsive_control(
'_carousel_scrollbar__height',
array(
'label' => esc_html__('Height', 'kitify'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', 'em', '%', 'custom'],
'selectors' => array(
'{{WRAPPER}}' => '--swiper-scrollbar-height: {{SIZE}}{{UNIT}};',
),
)
);
$this->_add_responsive_control(
'_carousel_scrollbar_drag__width',
array(
'label' => esc_html__('Draggable Width', 'kitify'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', 'em', '%', 'custom'],
'selectors' => array(
'{{WRAPPER}}' => '--swiper-scrollbar-drag-width: {{SIZE}}{{UNIT}};',
),
)
);
$this->_add_responsive_control(
'_carousel_scrollbar_drag__height',
array(
'label' => esc_html__('Draggable Height', 'kitify'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', 'em', '%', 'custom'],
'selectors' => array(
'{{WRAPPER}}' => '--swiper-scrollbar-drag-height: {{SIZE}}{{UNIT}};',
),
)
);
$this->_add_control(
'_carousel_scrollbar__color1',
array(
'label' => esc_html__('Color Normal', 'kitify'),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .kitify-carousel__scrollbar' => 'background: {{VALUE}}',
),
)
);
$this->_add_control(
'_carousel_scrollbar__color2',
array(
'label' => esc_html__('Color Active', 'kitify'),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .swiper-scrollbar-drag' => 'background: {{VALUE}}',
),
)
);
$this->_add_responsive_control(
'_carousel_scrollbar__margin',
array(
'label' => __('Margin', 'kitify'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%', 'em', 'vw', 'vh', 'custom'),
'selectors' => array(
'{{WRAPPER}} .kitify-carousel__scrollbar' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->_add_responsive_control(
'_carousel_scrollbar__radius',
array(
'label' => __('Border Radius', 'kitify'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%'),
'selectors' => array(
'{{WRAPPER}} .kitify-carousel__scrollbar, {{WRAPPER}} .swiper-scrollbar-drag' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->_end_controls_section();
}
protected function register_carousel_arrows_dots_style_section($carousel_condition = [])
{
$this->register_carousel_arrows_style_section($carousel_condition);
$this->register_carousel_dots_style_section($carousel_condition);
}
public function get_kitify_id()
{
return $this->get_id();
}
public function get_advanced_carousel_options($carousel_columns = false, $widget_id = '', $settings = null)
{
if(empty($settings)){
$settings = $this->get_settings();
}
if(empty($widget_id)){
$widget_id = $this->get_kitify_id();
}
$rows = kitify_helper()->get_attribute_with_all_breakpoints('carousel_rows', $settings);
$carousel_direction = (!empty($settings['carousel_direction']) && $settings['carousel_direction'] == 'vertical') ? 'vertical' : 'horizontal';
if ($carousel_direction == 'vertical') {
$rows = kitify_helper()->get_attribute_with_all_breakpoints('carousel_rows', []);
}
$carousel_id = $this->get_settings_for_display('carousel_id');
if (empty($carousel_id)) {
$carousel_id = 'kitify_carousel_' . $widget_id;
}
$carousel_autoheight = isset($settings['carousel_autoheight']) ? $settings['carousel_autoheight'] : false;
$options = array(
'slidesToScroll' => kitify_helper()->get_attribute_with_all_breakpoints('carousel_to_scroll', $settings),
'rows' => $rows,
'autoplaySpeed' => absint($settings['carousel_autoplay_speed']),
'autoplay' => filter_var($settings['carousel_autoplay'], FILTER_VALIDATE_BOOLEAN),
'infinite' => filter_var($settings['carousel_loop'], FILTER_VALIDATE_BOOLEAN),
'centerMode' => filter_var($settings['carousel_center_mode'], FILTER_VALIDATE_BOOLEAN),
'pauseOnHover' => filter_var($settings['carousel_pause_on_hover'], FILTER_VALIDATE_BOOLEAN),
'pauseOnInteraction' => filter_var($settings['carousel_pause_on_interaction'], FILTER_VALIDATE_BOOLEAN),
'reverseDirection' => filter_var($settings['carousel_reverse_direction'], FILTER_VALIDATE_BOOLEAN),
'infiniteEffect' => filter_var($settings['carousel_enable_linear_effect'], FILTER_VALIDATE_BOOLEAN),
'speed' => absint($settings['carousel_speed']),
'arrows' => filter_var($settings['carousel_arrows'], FILTER_VALIDATE_BOOLEAN),
'dots' => filter_var($settings['carousel_dots'], FILTER_VALIDATE_BOOLEAN),
'variableWidth' => filter_var($settings['carousel_fluid_width'], FILTER_VALIDATE_BOOLEAN),
'prevArrow' => '.kitify-carousel__prev-arrow-' . $widget_id,
'nextArrow' => '.kitify-carousel__next-arrow-' . $widget_id,
'dotsElm' => '.kitify-carousel__dots_' . $widget_id,
'rtl' => is_rtl(),
'effect' => $settings['carousel_effect'],
'coverflowEffect' => [
'rotate' => $this->get_settings_for_display('carousel_coverflow__rotate'),
'stretch' => $this->get_settings_for_display('carousel_coverflow__stretch'),
'depth' => $this->get_settings_for_display('carousel_coverflow__depth'),
'modifier' => $this->get_settings_for_display('carousel_coverflow__modifier'),
'slideShadows' => $this->get_settings_for_display('carousel_coverflow__slideshadows'),
],
'dotType' => $settings['carousel_dot_type'],
'direction' => $carousel_direction,
'uniqueID' => $carousel_id,
'asFor' => $settings['carousel_as_for'],
'autoHeight' => filter_var($carousel_autoheight, FILTER_VALIDATE_BOOLEAN),
);
if ($carousel_columns === false) {
$options['slidesToShow'] = kitify_helper()->get_attribute_with_all_breakpoints('carousel_columns', $settings);
} else {
$options['slidesToShow'] = kitify_helper()->get_attribute_with_all_breakpoints($carousel_columns, $settings);
}
return $options;
}
public function register_masonry_setting_section($condition = [], $show_filter = true)
{
$css_scheme = [
'filters_wrap' => '.kitify-masonry_filter',
'filters' => '.kitify-masonry_filter-list',
'filter_item' => '.kitify-masonry_filter-item',
];
$this->_start_controls_section(
'section_masonry_layout',
array(
'label' => esc_html__('Masonry Settings', 'kitify'),
'condition' => $condition
)
);
$this->_add_control(
'masonry_enable_custom_layout',
array(
'label' => esc_html__('Enable Custom Layout', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'return_value' => 'true',
'default' => '',
)
);
$this->_add_control(
'masonry_container_width',
array(
'label' => esc_html__('Container Width', 'kitify'),
'type' => Controls_Manager::SLIDER,
'range' => array(
'px' => array(
'min' => 500,
'max' => 2000,
),
),
'default' => [
'size' => 1170,
],
'condition' => array(
'masonry_enable_custom_layout' => 'true'
)
)
);
$this->_add_control(
'masonry_item_width',
array(
'label' => esc_html__('Item Width', 'kitify'),
'type' => Controls_Manager::SLIDER,
'range' => array(
'px' => array(
'min' => 100,
'max' => 2000,
),
),
'default' => [
'size' => 300,
],
'condition' => array(
'masonry_enable_custom_layout' => 'true'
)
)
);
$this->_add_control(
'masonry_item_height',
array(
'label' => esc_html__('Masonry Item Height', 'kitify'),
'type' => Controls_Manager::SLIDER,
'range' => array(
'px' => array(
'min' => 100,
'max' => 2000,
),
),
'default' => [
'size' => 300,
],
'condition' => array(
'masonry_enable_custom_layout' => 'true'
)
)
);
$repeater = new Repeater();
$repeater->add_control(
'item_width',
array(
'label' => esc_html__('Item Width', 'kitify'),
'type' => Controls_Manager::SELECT,
'default' => '1',
'options' => array(
'1' => '1 width',
'2' => '2 width',
'3' => '3 width',
'4' => '4 width',
'5' => '5 width',
'6' => '6 width',
'0-5' => '1/2 width'
),
)
);
$repeater->add_control(
'item_height',
array(
'label' => esc_html__('Item Height', 'kitify'),
'type' => Controls_Manager::SELECT,
'default' => '1',
'options' => array(
'1' => '1 height',
'2' => '2 height',
'3' => '3 height',
'0-5' => '1/2 height',
'0-75' => '3/4 height',
'0-40' => '2/5 height',
'0-60' => '3/5 height',
'0-80' => '4/5 height',
'1-2' => '1.2 height',
'1-3' => '1.3 height',
'1-4' => '1.4 height',
'1-5' => '1.5 height',
'1-6' => '1.6 height',
'1-8' => '1.7 height',
)
)
);
$this->_add_control(
'masonry_custom_layouts',
array(
'type' => Controls_Manager::REPEATER,
'fields' => $repeater->get_controls(),
'prevent_empty' => false,
'title_field' => '{{{ item_width }}}x{{{ item_height }}}',
'condition' => array(
'masonry_enable_custom_layout' => 'true'
)
)
);
$this->_end_controls_section();
if($show_filter) {
$this->_start_controls_section(
'section_masonry_filters',
array(
'label' => esc_html__('Masonry Filters', 'kitify'),
'condition' => $condition
)
);
$this->_add_control(
'masonry_enable_filter',
array(
'label' => esc_html__('Enable Filters ?', 'kitify'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__('Yes', 'kitify'),
'label_off' => esc_html__('No', 'kitify'),
'return_value' => 'true',
'default' => '',
)
);
$this->_add_control(
'masonry_filer_label_all',
array(
'label' => esc_html__('`All` Filter Label', 'kitify'),
'type' => Controls_Manager::TEXT,
'default' => esc_html__('All', 'kitify')
)
);
$this->_add_control(
'masonry_filters',
[
'label' => __('Filters', 'kitify'),
'type' => 'kitify-query',
'post_type' => '',
'options' => [],
'label_block' => true,
'multiple' => true,
'filter_type' => 'taxonomy',
'include_type' => true,
'condition' => [
'masonry_enable_filter' => 'true'
],
]
);
$this->_end_controls_section();
/**
* Filter Style Section
*/
$this->_start_controls_section(
'section_filters_style',
array(
'label' => esc_html__('Filter Bar', 'kitify'),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
'condition' => [
'masonry_enable_filter' => 'true'
],
)
);
$this->_add_control(
'filters_container_styles_heading',
array(
'label' => esc_html__('Filters Container Styles', 'kitify'),
'type' => Controls_Manager::HEADING,
)
);
$this->_add_control(
'filters_background_color',
array(
'label' => esc_html__('Background Color', 'kitify'),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['filters'] => 'background-color: {{VALUE}}',
),
)
);
$this->_add_responsive_control(
'filters_padding',
array(
'label' => __('Padding', 'kitify'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%'),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['filters'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->_add_responsive_control(
'filters_margin',
array(
'label' => __('Margin', 'kitify'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%'),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['filters'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->_add_group_control(
Group_Control_Border::get_type(),
array(
'name' => 'filters_border',
'label' => esc_html__('Border', 'kitify'),
'placeholder' => '1px',
'default' => '1px',
'selector' => '{{WRAPPER}} ' . $css_scheme['filters'],
)
);
$this->_add_responsive_control(
'filters_border_radius',
array(
'label' => __('Border Radius', 'kitify'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%'),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['filters'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->_add_group_control(
Group_Control_Box_Shadow::get_type(),
array(
'name' => 'filters_box_shadow',
'selector' => '{{WRAPPER}} ' . $css_scheme['filters'],
)
);
$this->_add_control(
'filters_items_styles_heading',
array(
'label' => esc_html__('Filters Items Styles', 'kitify'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
)
);
$this->_add_responsive_control(
'filters_items_aligment',
array(
'label' => esc_html__('Alignment', 'kitify'),
'type' => Controls_Manager::CHOOSE,
'default' => 'center',
'label_block' => false,
'options' => array(
'flex-start' => array(
'title' => esc_html__('Left', 'kitify'),
'icon' => 'eicon-h-align-left',
),
'center' => array(
'title' => esc_html__('Center', 'kitify'),
'icon' => 'eicon-h-align-center',
),
'flex-end' => array(
'title' => esc_html__('Right', 'kitify'),
'icon' => 'eicon-h-align-right',
),
),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['filters_wrap'] => 'justify-content: {{VALUE}};',
),
)
);
$this->_start_controls_tabs('tabs_filter_item');
$this->_start_controls_tab(
'tab_filter_item_normal',
array(
'label' => esc_html__('Normal', 'kitify'),
)
);
$this->_add_control(
'filter_background_color',
array(
'label' => esc_html__('Background Color', 'kitify'),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['filter_item'] => 'background-color: {{VALUE}}',
),
)
);
$this->_add_control(
'filter_color',
array(
'label' => esc_html__('Color', 'kitify'),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['filter_item'] => 'color: {{VALUE}}',
),
)
);
$this->_add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'filter_typography',
'selector' => '{{WRAPPER}} ' . $css_scheme['filter_item'],
)
);
$this->_add_responsive_control(
'filter_padding',
array(
'label' => __('Padding', 'kitify'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%'),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['filter_item'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->_add_responsive_control(
'filter_margin',
array(
'label' => __('Margin', 'kitify'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%'),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['filter_item'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->_add_group_control(
Group_Control_Border::get_type(),
array(
'name' => 'filter_border',
'label' => esc_html__('Border', 'kitify'),
'placeholder' => '1px',
'default' => '1px',
'selector' => '{{WRAPPER}} ' . $css_scheme['filter_item'],
)
);
$this->_add_responsive_control(
'filter_border_radius',
array(
'label' => __('Border Radius', 'kitify'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%'),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['filter_item'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->_add_group_control(
Group_Control_Box_Shadow::get_type(),
array(
'name' => 'filter_box_shadow',
'selector' => '{{WRAPPER}} ' . $css_scheme['filter_item'],
)
);
$this->_end_controls_tab();
$this->_start_controls_tab(
'tab_filter_item_active',
array(
'label' => esc_html__('Hover/Active', 'kitify'),
)
);
$this->_add_control(
'filter_color_active',
array(
'label' => esc_html__('Color', 'kitify'),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['filter_item'] . ':hover' => 'color: {{VALUE}}',
'{{WRAPPER}} ' . $css_scheme['filter_item'] . '.active' => 'color: {{VALUE}}',
),
)
);
$this->_add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'filter_typography_active',
'selector' => '{{WRAPPER}} ' . $css_scheme['filter_item'] . '.active, {{WRAPPER}}' . $css_scheme['filter_item'] . ':hover',
)
);
$this->_add_group_control(
Group_Control_Background::get_type(),
array(
'name' => 'filter_background_active',
'selector' => '{{WRAPPER}} ' . $css_scheme['filter_item'] . '.active, {{WRAPPER}}' . $css_scheme['filter_item'] . ':hover',
)
);
$this->_add_responsive_control(
'filter_padding_active',
array(
'label' => __('Padding', 'kitify'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%'),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['filter_item'] . ':hover' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
'{{WRAPPER}} ' . $css_scheme['filter_item'] . '.active' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->_add_responsive_control(
'filter_margin_active',
array(
'label' => __('Margin', 'kitify'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%'),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['filter_item'] . ':hover' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
'{{WRAPPER}} ' . $css_scheme['filter_item'] . '.active' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->_add_group_control(
Group_Control_Border::get_type(),
array(
'name' => 'filter_border_active',
'label' => esc_html__('Border', 'kitify'),
'placeholder' => '1px',
'default' => '1px',
'selector' => '{{WRAPPER}} ' . $css_scheme['filter_item'] . '.active, {{WRAPPER}}' . $css_scheme['filter_item'] . ':hover',
)
);
$this->_add_responsive_control(
'filter_border_radius_active',
array(
'label' => __('Border Radius', 'kitify'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%'),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['filter_item'] . ':hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
'{{WRAPPER}} ' . $css_scheme['filter_item'] . '.active' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->_add_group_control(
Group_Control_Box_Shadow::get_type(),
array(
'name' => 'filter_box_shadow_active',
'selector' => '{{WRAPPER}} ' . $css_scheme['filter_item'] . '.active, {{WRAPPER}}' . $css_scheme['filter_item'] . ':hover',
)
);
$this->_end_controls_tab();
$this->_end_controls_tabs();
$this->_end_controls_section();
}
}
/**
* @param string $item_selector
* @param string $masonry_wrap
* @param array $extra
* @param string $return_type accept value `string`, `raw`, `attr`
* @return string
*/
public function get_masonry_options($item_selector = '', $masonry_wrap = '', $extra = [], $return_type = 'string')
{
$options = [
'kitifymasonry_itemselector' => $item_selector,
'kitifymasonry_wrap' => $masonry_wrap,
];
$masonryadvance = [];
if (filter_var($this->get_settings_for_display('masonry_enable_custom_layout'), FILTER_VALIDATE_BOOLEAN)) {
$masonry_container_width = $this->get_settings_for_display('masonry_container_width');
$masonry_item_width = $this->get_settings_for_display('masonry_item_width');
$masonry_item_height = $this->get_settings_for_display('masonry_item_height');
$masonry_custom_layouts = $this->get_settings_for_display('masonry_custom_layouts');
$masonryadvance['container_width'] = $masonry_container_width['size'];
$masonryadvance['item_width'] = $masonry_item_width['size'];
$masonryadvance['item_height'] = $masonry_item_height['size'];
$custom_layout = [];
foreach ($masonry_custom_layouts as $idx => $layout) {
$custom_layout[$idx] = [
'w' => floatval(str_replace('-', '.', $layout['item_width'])),
'h' => floatval(str_replace('-', '.', $layout['item_height']))
];
}
if (!empty($custom_layout)) {
$masonryadvance['layout'] = $custom_layout;
}
}
if (!empty($masonryadvance)) {
$options['kitifymasonry_layouts'] = $masonryadvance;
}
$options = array_merge($options, $extra);
if ($return_type == 'attr') {
$new_opts = [];
foreach ($options as $option => $value) {
$new_opts['data-' . $option] = $value;
}
return $new_opts;
}
elseif ($return_type == 'raw') {
return $options;
}
else {
$atts = '';
foreach ($options as $option => $value) {
$atts .= ' data-' . esc_attr($option) . '="';
if (is_scalar($value)) {
$atts .= esc_attr($value);
} else {
$atts .= esc_attr(wp_json_encode($value));
}
$atts .= '"';
}
return $atts;
}
}
public function render_variable($var)
{
echo $var;
}
public function render_masonry_filters($container = 'parent', $echo = true)
{
$enable_filter = filter_var($this->get_settings_for_display('masonry_enable_filter'), FILTER_VALIDATE_BOOLEAN);
$filters = $this->get_settings_for_display('masonry_filters');
$all = $this->get_settings_for_display('masonry_filer_label_all');
if (empty($all)) {
$all = __('All', 'kitify');
}
$output = '';
if ($enable_filter && !empty($filters)) {
$output .= '<div class="kitify-masonry_filter" data-kitifymasonry_container="'.esc_attr($container).'">';
$output .= '<div class="kitify-masonry_filter-list">';
$output .= sprintf('<div class="kitify-masonry_filter-item active" data-filter="*">%1$s</div>', esc_html($all));
foreach ($filters as $filter_id) {
$termObj = get_term($filter_id);
if(!is_wp_error($termObj)){
$output .= sprintf('<div class="kitify-masonry_filter-item" data-filter="term-%1$s">%2$s</div>', esc_attr($filter_id), $termObj->name);
}
}
$output .= '</div>';
$output .= '</div>';
}
if($echo){
echo $output;
return;
}
return $output;
}
public static function get_labrandicon( $key_only = false ){
$icons = array (
'novaicon-b-dribbble' => 'Dribbble',
'novaicon-b-facebook' => 'Facebook',
'novaicon-b-flickr' => 'Flickr',
'novaicon-b-foursquare' => 'Foursquare',
'novaicon-b-github-circled' => 'Github',
'novaicon-b-instagram' => 'Instagram',
'novaicon-b-lastfm' => 'Lastfm',
'novaicon-b-linkedin' => 'LinkedIn',
'novaicon-b-pinterest' => 'Pinterest',
'novaicon-b-reddit' => 'Reddit',
'novaicon-b-soundcloud' => 'Soundcloud',
'novaicon-b-spotify' => 'Spotify',
'novaicon-b-tumblr' => 'Tumblr',
'novaicon-b-twitter' => 'Twitter',
'novaicon-b-vimeo' => 'Vimeo',
'novaicon-b-vine' => 'Vine',
'novaicon-b-yelp' => 'Yelp',
'novaicon-b-yahoo-1' => 'Yahoo',
'novaicon-b-youtube-play' => 'Youtube',
'novaicon-b-wordpress' => 'WordPress',
'novaicon-b-dropbox' => 'Dropbox',
'novaicon-b-evernote' => 'Evernote',
'novaicon-b-skype' => 'Skype',
'novaicon-b-telegram' => 'Telegram',
'novaicon-mail' => 'Email',
'novaicon-phone-1' => 'Phone',
);
if($key_only){
return array_keys($icons);
}
return $icons;
}
protected function dotv2_register_pagination_controls( $conditions = [] ){
$start_logical = is_rtl() ? 'right' : 'left';
$end_logical = is_rtl() ? 'left' : 'right';
$this->_start_controls_section(
'section_carousel_pagination_style',
array(
'label' => esc_html__( 'Carousel Pagination', 'lastudio-kit' ),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
'condition' => $conditions
)
);
$this->add_responsive_control(
'dots_direction',
[
'label' => esc_html__( 'Direction', 'lastudio-kit' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'row' => [
'title' => esc_html__( 'Row', 'lastudio-kit' ),
'icon' => 'eicon-arrow-right',
],
'column' => [
'title' => esc_html__( 'Column', 'lastudio-kit' ),
'icon' => 'eicon-arrow-down',
],
'none' => [
'title' => esc_html__( 'None', 'lastudio-kit' ),
'icon' => 'eicon-ban',
],
],
'default' => 'row',
'selectors' => [
'{{WRAPPER}}' => '{{VALUE}}',
],
'selectors_dictionary' => [
'row' => '--e-dot-direction: row;--e-dot-display: flex',
'column' => '--e-dot-direction: column;--e-dot-display: flex',
'none' => '--e-dot-display: none',
]
]
);
$this->add_control(
'heading_dots_pagination_horizontal',
[
'type' => Controls_Manager::HEADING,
'label' => esc_html__( 'Horizontal', 'lastudio-kit' ),
]
);
$this->add_responsive_control(
'dots_h_orientation',
[
'label' => esc_html__( 'Orientation', 'lastudio-kit' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'start' => [
'title' => esc_html__( 'Start', 'lastudio-kit' ),
'icon' => 'eicon-h-align-' . $start_logical,
],
'center' => [
'title' => esc_html__( 'Center', 'lastudio-kit' ),
'icon' => 'eicon-h-align-center',
],
'end' => [
'title' => esc_html__( 'End', 'lastudio-kit' ),
'icon' => 'eicon-h-align-' . $end_logical,
],
],
'default' => 'center',
'selectors' => [
'{{WRAPPER}}' => '{{VALUE}}',
],
'selectors_dictionary' => [
'start' => '--e-dot-h-position:0px;--e-dot-h-transform:0%;',
'center' => '--e-dot-h-position:50%;--e-dot-h-transform:-50%;',
'end' => '--e-dot-h-position:100%;--e-dot-h-transform:-100%;',
]
]
);
$this->add_responsive_control(
'dots_h_offset',
array_merge( $this->dotv2_get_position_slider_initial_configuration(), [
'selectors' => [
'{{WRAPPER}}' => '--e-dot-h-offset: {{SIZE}}{{UNIT}};',
],
'default' => [
'size' => 0,
],
] )
);
$this->add_control(
'heading_dots_pagination_vertical',
[
'type' => Controls_Manager::HEADING,
'label' => esc_html__( 'Vertical', 'lastudio-kit' ),
]
);
$this->add_responsive_control(
'dots_v_orientation',
[
'label' => esc_html__( 'Orientation', 'lastudio-kit' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'start' => [
'title' => esc_html__( 'Start', 'lastudio-kit' ),
'icon' => 'eicon-v-align-top',
],
'center' => [
'title' => esc_html__( 'Center', 'lastudio-kit' ),
'icon' => 'eicon-v-align-middle',
],
'end' => [
'title' => esc_html__( 'End', 'lastudio-kit' ),
'icon' => 'eicon-v-align-bottom',
],
],
'default' => 'end',
'selectors' => [
'{{WRAPPER}}' => '{{VALUE}}',
],
'selectors_dictionary' => [
'start' => '--e-dot-v-position: 0%;--e-dot-v-transform: 0%;',
'center' => '--e-dot-v-position: 50%;--e-dot-v-transform: -50%;',
'end' => '--e-dot-v-position: 100%;--e-dot-v-transform: -100%;',
]
]
);
$this->add_responsive_control(
'dots_v_offset',
array_merge( $this->dotv2_get_position_slider_initial_configuration(), [
'selectors' => [
'{{WRAPPER}}' => '--e-dot-v-offset: {{SIZE}}{{UNIT}};',
],
'default' => [
'size' => 0,
],
'separator' => 'after',
] )
);
$this->add_control(
'heading_dots_pagination_label',
[
'type' => Controls_Manager::HEADING,
'label' => esc_html__( 'Dot Item', 'lastudio-kit' ),
]
);
$this->add_responsive_control(
'dot_space',
[
'label' => esc_html__( 'Item space', 'lastudio-kit' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem', 'custom' ],
'selectors' => [
'{{WRAPPER}}' => '--e-dot-gap: {{SIZE}}{{UNIT}}',
],
]
);
$this->start_controls_tabs( 'pg_tabs' );
$this->start_controls_tab( 'pg_tab_normal', [
'label' => esc_html__( 'Normal', 'lastudio-kit' ),
] );
$this->add_control(
'dot_color',
[
'label' => esc_html__( 'Color', 'lastudio-kit' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}' => '--e-dot-color: {{VALUE}}',
],
]
);
$this->add_responsive_control(
'dot_width',
[
'label' => esc_html__( 'Width', 'lastudio-kit' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem', 'custom' ],
'selectors' => [
'{{WRAPPER}}' => '--e-dot-width: {{SIZE}}{{UNIT}}',
],
]
);
$this->add_responsive_control(
'dot_height',
[
'label' => esc_html__( 'Height', 'lastudio-kit' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem', 'custom' ],
'selectors' => [
'{{WRAPPER}}' => '--e-dot-height: {{SIZE}}{{UNIT}}',
],
]
);
$this->add_responsive_control(
'dot_radius',
[
'label' => esc_html__( 'Radius', 'lastudio-kit' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem', 'custom' ],
'selectors' => [
'{{WRAPPER}}' => '--e-dot-radius: {{SIZE}}{{UNIT}}',
],
]
);
$this->add_responsive_control(
'dot_scale',
[
'label' => esc_html__( 'Scale', 'lastudio-kit' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'max' => 3,
'min' => 0,
'step' => 0.01,
],
],
'selectors' => [
'{{WRAPPER}}' => '--e-dot-scale: {{SIZE}}',
],
]
);
$this->end_controls_tab();
$this->start_controls_tab( 'pg_tab_hover', [
'label' => esc_html__( 'Active', 'lastudio-kit' ),
] );
$this->add_control(
'dot_active_color',
[
'label' => esc_html__( 'Color', 'lastudio-kit' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}' => '--e-dot-active-color: {{VALUE}}',
],
]
);
$this->add_responsive_control(
'dot_active_width',
[
'label' => esc_html__( 'Width', 'lastudio-kit' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem', 'custom' ],
'selectors' => [
'{{WRAPPER}}' => '--e-dot-active-width: {{SIZE}}{{UNIT}}',
],
]
);
$this->add_responsive_control(
'dot_active_height',
[
'label' => esc_html__( 'Height', 'lastudio-kit' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem', 'custom' ],
'selectors' => [
'{{WRAPPER}}' => '--e-dot-active-height: {{SIZE}}{{UNIT}}',
],
]
);
$this->add_responsive_control(
'dot_active_scale',
[
'label' => esc_html__( 'Scale', 'lastudio-kit' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'max' => 3,
'min' => 0,
'step' => 0.01,
],
],
'selectors' => [
'{{WRAPPER}}' => '--e-dot-active-scale: {{SIZE}}',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->_end_controls_section();
$bar_conditions = [
'carousel_scrollbar!' => '',
'enable_carousel!' => '',
];
$this->_start_controls_section(
'carousel_scrollbar_style_section',
array(
'label' => esc_html__('Carousel Scrollbar', 'lastudio-kit'),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
'condition' => $bar_conditions
)
);
$this->_add_responsive_control(
'_carousel_scrollbar__width',
array(
'label' => esc_html__('Width', 'lastudio-kit'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', 'em', '%', 'custom'],
'selectors' => array(
'{{WRAPPER}}' => '--swiper-scrollbar-width: {{SIZE}}{{UNIT}};',
),
)
);
$this->_add_responsive_control(
'_carousel_scrollbar__height',
array(
'label' => esc_html__('Height', 'lastudio-kit'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', 'em', '%', 'custom'],
'selectors' => array(
'{{WRAPPER}}' => '--swiper-scrollbar-height: {{SIZE}}{{UNIT}};',
),
)
);
$this->_add_responsive_control(
'_carousel_scrollbar_drag__width',
array(
'label' => esc_html__('Draggable Width', 'lastudio-kit'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', 'em', '%', 'custom'],
'selectors' => array(
'{{WRAPPER}}' => '--swiper-scrollbar-drag-width: {{SIZE}}{{UNIT}};',
),
)
);
$this->_add_responsive_control(
'_carousel_scrollbar_drag__height',
array(
'label' => esc_html__('Draggable Height', 'lastudio-kit'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', 'em', '%', 'custom'],
'selectors' => array(
'{{WRAPPER}}' => '--swiper-scrollbar-drag-height: {{SIZE}}{{UNIT}};',
),
)
);
$this->_add_control(
'_carousel_scrollbar__color1',
array(
'label' => esc_html__('Color Normal', 'lastudio-kit'),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .kitify-carousel__scrollbar' => 'background: {{VALUE}}',
),
)
);
$this->_add_control(
'_carousel_scrollbar__color2',
array(
'label' => esc_html__('Color Active', 'lastudio-kit'),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .swiper-scrollbar-drag' => 'background: {{VALUE}}',
),
)
);
$this->_add_responsive_control(
'_carousel_scrollbar__margin',
array(
'label' => __('Margin', 'lastudio-kit'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%', 'em', 'vw', 'vh', 'custom'),
'selectors' => array(
'{{WRAPPER}} .kitify-carousel__scrollbar' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->_add_responsive_control(
'_carousel_scrollbar__radius',
array(
'label' => __('Border Radius', 'lastudio-kit'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%'),
'selectors' => array(
'{{WRAPPER}} .kitify-carousel__scrollbar, {{WRAPPER}} .swiper-scrollbar-drag' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->_end_controls_section();
}
protected function dotv2_get_position_slider_initial_configuration(){
return [
'label' => esc_html__( 'Position', 'lastudio-kit' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'vh', 'custom' ],
'range' => [
'px' => [
'min' => -1000,
'max' => 1000,
],
'%' => [
'min' => -200,
'max' => 200,
],
'em' => [
'min' => -50,
'max' => 50,
],
'rem' => [
'min' => -50,
'max' => 50,
],
'vw' => [
'min' => -200,
'max' => 200,
],
'vh' => [
'min' => -200,
'max' => 200,
],
],
];
}
public static function get_novaicon_default( $key_only = false ){
$icon_list = array(
"b-dribbble",
"b-vkontakte",
"b-line",
"b-twitter-squared",
"b-yahoo-1",
"b-skype-outline",
"globe",
"shield",
"phone-call",
"menu-6",
"support248",
"f-comment-1",
"ic_mail_outline_24px",
"ic_compare_arrows_24px",
"ic_compare_24px",
"ic_share_24px",
"bath-tub-1",
"shopping-cart-1",
"contrast",
"heart-1",
"sort-tool",
"list-bullet-1",
"menu-8-1",
"menu-4-1",
"menu-3-1",
"menu-1",
"down-arrow",
"left-arrow",
"right-arrow",
"up-arrow",
"phone-1",
"pin-3-1",
"search-content",
"single-01-1",
"i-delete",
"zoom-1",
"b-meeting",
"bag-20",
"bath-tub-2",
"web-link",
"shopping-cart-2",
"cart-return",
"check",
"g-check",
"d-check",
"circle-10",
"circle-simple-left",
"circle-simple-right",
"compare",
"letter",
"mail",
"email",
"eye",
"heart-2",
"shopping-cart-3",
"list-bullet-2",
"marker-3",
"measure-17",
"menu-8-2",
"menu-7",
"menu-4-2",
"menu-3-2",
"menu-2",
"microsoft",
"phone-2",
"phone-call-1",
"pin-3-2",
"pin-check",
"e-remove",
"single-01-2",
"i-add",
"small-triangle-down",
"small-triangle-left",
"small-triangle-right",
"tag-check",
"tag",
"clock",
"time-clock",
"triangle-left",
"triangle-right",
"business-agent",
"zoom-2",
"zoom-88",
"search-zoom-in",
"search-zoom-out",
"small-triangle-up",
"phone-call-2",
"full-screen",
"car-parking",
"transparent",
"bedroom-1",
"bedroom-2",
"search-property",
"menu-5",
"circle-simple-right-2",
"detached-property",
"armchair",
"measure-big",
"b-meeting-2",
"bulb-63",
"new-construction",
"quite-happy",
"shape-star-1",
"shape-star-2",
"star-rate-1",
"star-rate-2",
"home-2",
"home-3",
"home",
"home-2-2",
"home-3-2",
"home-4",
"home-search",
"e-add",
"e-delete",
"i-delete-2",
"i-add-2",
"arrow-right",
"arrow-left",
"arrow-up",
"arrow-down",
"a-check",
"a-add",
"chart-bar-32",
"chart-bar-32-2",
"cart-simple-add",
"cart-add",
"cart-add-2",
"cart-speed-1",
"cart-speed-2",
"cart-refresh",
"ic_format_quote_24px",
"quote-1",
"quote-2",
"a-chat",
"b-comment",
"chat",
"b-chat",
"f-comment",
"f-chat",
"subtitles",
"voice-recognition",
"n-edit",
"d-edit",
"globe-1",
"b-twitter",
"b-facebook",
"b-github-circled",
"b-pinterest-circled",
"b-pinterest-squared",
"b-linkedin",
"b-github",
"b-youtube-squared",
"b-youtube",
"b-youtube-play",
"b-dropbox",
"b-instagram",
"b-tumblr",
"b-tumblr-squared",
"b-skype",
"b-foursquare",
"b-vimeo-squared",
"b-wordpress",
"b-yahoo",
"b-reddit",
"b-reddit-squared",
"language",
"b-spotify-1",
"b-soundcloud",
"b-vine",
"b-yelp",
"b-lastfm",
"b-lastfm-squared",
"b-pinterest",
"b-whatsapp",
"b-vimeo",
"b-reddit-alien",
"b-telegram",
"b-github-squared",
"b-flickr",
"b-flickr-circled",
"b-vimeo-circled",
"b-twitter-circled",
"b-linkedin-squared",
"b-spotify",
"b-instagram-1",
"b-evernote",
"b-soundcloud-1",
"dot-3",
"envato",
"letter-1",
"mail-2",
"mail-1",
"circle-1",
"bag-2",
"bag-3"
);
$icons = array();
foreach ($icon_list as $value){
$icons['novaicon-'.$value] = str_replace(array('-', '_'), ' ', $value);
}
if($key_only){
return array_keys($icons);
}
return $icons;
}
/**
* @param $icon
* @param $attributes
* @param $tag
* @return bool|mixed|string
*/
public static function try_get_icon_html( $icon, $attributes = [], $tag = 'i' ) {
$output = '';
if ( empty( $icon['library'] ) ) {
return $output;
}
if ( 'svg' === $icon['library'] ) {
$output = Icons_Manager::render_uploaded_svg_icon( $icon['value'] );
} else {
$output = Icons_Manager::render_font_icon( $icon, $attributes, $tag );
}
return $output;
}
}