­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ settings->get( 'add_default_compare_button' ), FILTER_VALIDATE_BOOLEAN ) ) { // Add compare buttons style controls to Archive Products widget from ElementorPro add_action( 'elementor/element/woocommerce-archive-products/section_design_box/after_section_end', array( $this, 'register_compare_button_style_controls' ), 10, 2 ); // Add compare button html to default WooCommerce content product template add_action( 'woocommerce_after_shop_loop_item', array( $this, 'add_compare_button_default' ), 11 ); add_action( 'woocommerce_single_product_summary', array( $this, 'add_compare_button_default' ), 31 ); } // Processing compare button icons add_filter( 'jet-woo-builder/jet-woo-products-grid/settings', array( $this, 'compare_button_icon' ), 10, 2 ); add_filter( 'jet-woo-builder/jet-woo-products-list/settings', array( $this, 'compare_button_icon' ), 10, 2 ); } /** * Add compare button. * * Renders the widget in JetWooBuilder plugin widgets. * * @since 1.0.0 * @since 1.5.8.1 Added style enqueue. * * @param array $settings List of widget settings. * * @return void */ public function add_compare_button( $settings = [] ) { $widget_settings = [ 'button_icon_position' => $settings['compare_button_icon_position'], 'use_button_icon' => $settings['compare_use_button_icon'], 'button_icon_normal' => $settings['selected_compare_button_icon_normal'], 'button_label_normal' => $settings['compare_button_label_normal'], 'use_as_remove_button' => $settings['compare_use_as_remove_button'], 'button_icon_added' => $settings['selected_compare_button_icon_added'], 'button_label_added' => $settings['compare_button_label_added'], '_widget_id' => $settings['_widget_id'], ]; jet_cw()->compare_render->render_compare_button( $widget_settings ); wp_enqueue_style( 'jet-cw-widget-cw-button' ); } /** * Returns wishlist button icon settings * * @param $settings * @param $widget * * @return mixed */ public function compare_button_icon( $settings, $widget ) { if ( isset( $settings['selected_compare_button_icon_normal'] ) || isset( $settings['compare_button_icon_normal'] ) ) { $settings['selected_compare_button_icon_normal'] = htmlspecialchars( $widget->__render_icon( 'compare_button_icon_normal', '%s', '', false ) ); } if ( isset( $settings['selected_compare_button_icon_added'] ) || isset( $settings['compare_button_icon_added'] ) ) { $settings['selected_compare_button_icon_added'] = htmlspecialchars( $widget->__render_icon( 'compare_button_icon_added', '%s', '', false ) ); } return $settings; } /** * Add compare button default. * * Renders the widget in default WooCommerce templates. * * @since 1.0.0 * @since 1.5.8 Added style enqueue. * * @return void */ public function add_compare_button_default() { $widget_settings = [ 'button_icon_position' => 'left', 'use_button_icon' => false, 'button_icon_normal' => '', 'button_label_normal' => __( 'Add To Compare', 'jet-cw' ), 'use_as_remove_button' => false, 'button_icon_added' => '', 'button_label_added' => __( 'View Compare', 'jet-cw' ), '_widget_id' => 'default', ]; jet_cw()->compare_render->render_compare_button( $widget_settings ); wp_enqueue_style( 'jet-cw-widget-cw-button' ); } /** * Register compare button content controls. * * Register compare button content controls in Elementor editor. * * @since 1.5.0 * @access public * * @param object $obj Widget instance. * @param array $args Specific widget arguments list. */ public function register_compare_button_content_controls( $obj = null, $args = [] ) { $obj->start_controls_section( 'section_compare_content', [ 'label' => __( 'Compare', 'jet-cw' ), ] ); if ( 'jet-woo-products' === $obj->get_name() || 'jet-woo-products-list' === $obj->get_name() ) { $obj->add_control( 'show_compare', [ 'label' => __( 'Compare Button', 'jet-cw' ), 'type' => Elementor\Controls_Manager::SWITCHER, 'label_on' => __( 'Show', 'jet-cw' ), 'label_off' => __( 'Hide', 'jet-cw' ), ] ); } else { $obj->add_control( 'show_compare', [ 'label' => __( 'Compare Button', 'jet-cw' ), 'type' => \Elementor\Controls_Manager::HIDDEN, 'default' => 'yes', ] ); } $obj->add_control( 'compare_use_button_icon', [ 'label' => __( 'Icon', 'jet-cw' ), 'type' => Elementor\Controls_Manager::SWITCHER, 'label_on' => __( 'Show', 'jet-cw' ), 'label_off' => __( 'Hide', 'jet-cw' ), 'default' => 'yes', 'condition' => [ 'show_compare!' => '', ], ] ); $obj->add_control( 'compare_button_icon_position', [ 'label' => __( 'Icon Position', 'jet-cw' ), 'type' => Elementor\Controls_Manager::SELECT, 'options' => [ 'left' => __( 'Left', 'jet-cw' ), 'top' => __( 'Top', 'jet-cw' ), 'right' => __( 'Right', 'jet-cw' ), 'bottom' => __( 'Bottom', 'jet-cw' ), ], 'default' => 'left', 'render_type' => 'template', 'condition' => [ 'compare_use_button_icon!' => '', 'show_compare!' => '', ], ] ); $obj->start_controls_tabs( 'tabs_compare_button_content', [ 'condition' => [ 'show_compare!' => '', ], ] ); $obj->start_controls_tab( 'tab_compare_button_content_normal', [ 'label' => __( 'Normal', 'jet-cw' ), ] ); $obj->__add_advanced_icon_control( 'compare_button_icon_normal', [ 'label' => __( 'Icon', 'jet-cw' ), 'type' => Elementor\Controls_Manager::ICON, 'label_block' => true, 'file' => '', 'default' => 'fa fa-compress', 'fa5_default' => [ 'value' => 'fas fa-compress', 'library' => 'fa-solid', ], 'condition' => [ 'compare_use_button_icon!' => '', ], ] ); $obj->add_control( 'compare_button_label_normal', [ 'label' => __( 'Label', 'jet-cw' ), 'type' => Elementor\Controls_Manager::TEXT, 'default' => __( 'Add To Compare', 'jet-cw' ), ] ); $obj->end_controls_tab(); $obj->start_controls_tab( 'tab_compare_button_content_added', [ 'label' => __( 'Added', 'jet-cw' ), ] ); $obj->add_control( 'compare_use_as_remove_button', [ 'label' => __( 'Use as Remove Button', 'jet-cw' ), 'type' => Elementor\Controls_Manager::SWITCHER, ] ); $obj->__add_advanced_icon_control( 'compare_button_icon_added', [ 'label' => __( 'Icon', 'jet-cw' ), 'type' => Elementor\Controls_Manager::ICON, 'label_block' => true, 'file' => '', 'default' => 'fa fa-check', 'fa5_default' => [ 'value' => 'fas fa-check', 'library' => 'fa-solid', ], 'condition' => [ 'compare_use_button_icon!' => '', ], ] ); $obj->add_control( 'compare_button_label_added', [ 'label' => __( 'Label', 'jet-cw' ), 'type' => Elementor\Controls_Manager::TEXT, 'default' => __( 'View Compare', 'jet-cw' ), ] ); $obj->end_controls_tab(); $obj->end_controls_tabs(); if ( 'jet-woo-products' === $obj->get_name() || 'jet-woo-products-list' === $obj->get_name() ) { $obj->add_responsive_control( 'compare_button_order', [ 'type' => Elementor\Controls_Manager::NUMBER, 'label' => __( 'Order', 'jet-cw' ), 'default' => 1, 'min' => 1, 'max' => 10, 'step' => 1, 'separator' => 'before', 'selectors' => [ '{{WRAPPER}} .jet-compare-button__container' => 'order: {{VALUE}}', ], 'condition' => [ 'show_compare!' => '', ], ] ); } $obj->end_controls_section(); } /** * Register compare button style controls. * * Register compare button style controls in Elementor editor. * * @since 1.5.0 * @access public * * @param object $obj Widget instance. * @param array $args Specific widget arguments list. */ public function register_compare_button_style_controls( $obj = null, $args = [] ) { $css_scheme = apply_filters( 'jet-compare-button/compare-button/css-scheme', [ 'added' => '.added-to-compare', 'container' => '.jet-compare-button__container', 'button' => '.jet-compare-button__link', 'plane_normal' => '.jet-compare-button__plane-normal', 'plane_added' => '.jet-compare-button__plane-added', 'state_normal' => '.jet-compare-button__state-normal', 'state_added' => '.jet-compare-button__state-added', 'icon_normal' => '.jet-compare-button__state-normal .jet-compare-button__icon', 'label_normal' => '.jet-compare-button__state-normal .jet-compare-button__label', 'icon_added' => '.jet-compare-button__state-added .jet-compare-button__icon', 'label_added' => '.jet-compare-button__state-added .jet-compare-button__label', ] ); $obj->start_controls_section( 'section_button_compare_general_style', [ 'label' => __( 'Compare', 'jet-cw' ), 'tab' => Elementor\Controls_Manager::TAB_STYLE, 'condition' => [ 'show_compare!' => '', ], ] ); $obj->add_control( 'compare_custom_size', [ 'label' => __( 'Custom Size', 'jet-cw' ), 'type' => Elementor\Controls_Manager::SWITCHER, ] ); $obj->add_responsive_control( 'compare_button_custom_width', [ 'type' => Elementor\Controls_Manager::SLIDER, 'label' => __( 'Width', 'jet-cw' ), 'size_units' => is_callable( [ $obj, 'set_custom_size_unit' ] ) ? $obj->set_custom_size_unit( [ 'px', 'em', '%' ] ) : [ 'px', 'em', '%' ], 'range' => [ 'px' => [ 'min' => 40, 'max' => 1000, ], '%' => [ 'min' => 0, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['button'] => 'width: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'compare_custom_size' => 'yes', ], ] ); $obj->add_responsive_control( 'compare_button_custom_height', [ 'type' => Elementor\Controls_Manager::SLIDER, 'label' => __( 'Height', 'jet-cw' ), 'size_units' => is_callable( [ $obj, 'set_custom_size_unit' ] ) ? $obj->set_custom_size_unit( [ 'px', 'em', '%' ] ) : [ 'px', 'em', '%' ], 'range' => [ 'px' => [ 'min' => 10, 'max' => 1000, ], '%' => [ 'min' => 0, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['button'] => 'height: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'compare_custom_size' => 'yes', ], ] ); $obj->add_group_control( Elementor\Group_Control_Typography::get_type(), [ 'name' => 'compare_button_typography', 'selector' => '{{WRAPPER}} ' . $css_scheme['button'] . ',{{WRAPPER}} ' . $css_scheme['label_normal'] . ',{{WRAPPER}} ' . $css_scheme['label_added'], ] ); $obj->start_controls_tabs( 'compare_button_style_tabs' ); $obj->start_controls_tab( 'compare_button_normal_styles', [ 'label' => __( 'Normal', 'jet-cw' ), ] ); $obj->add_control( 'compare_button_normal_color', [ 'label' => __( 'Color', 'jet-cw' ), 'type' => Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['label_normal'] => 'color: {{VALUE}}', '{{WRAPPER}} ' . $css_scheme['icon_normal'] => 'color: {{VALUE}}', ], ] ); $obj->add_control( 'compare_button_normal_background', [ 'label' => __( 'Background Color', 'jet-cw' ), 'type' => Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['button'] . ' ' . $css_scheme['plane_normal'] => 'background-color: {{VALUE}}', ], ] ); $obj->add_group_control( \Elementor\Group_Control_Box_Shadow::get_type(), [ 'name' => 'compare_button_normal_box_shadow', 'selector' => '{{WRAPPER}} ' . $css_scheme['button'], ] ); $obj->end_controls_tab(); $obj->start_controls_tab( 'compare_button_hover_styles', [ 'label' => __( 'Hover', 'jet-cw' ), ] ); $obj->add_control( 'compare_button_hover_color', [ 'label' => __( 'Color', 'jet-cw' ), 'type' => Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['button'] . ':hover ' . $css_scheme['label_normal'] => 'color: {{VALUE}}', '{{WRAPPER}} ' . $css_scheme['button'] . ':hover ' . $css_scheme['icon_normal'] => 'color: {{VALUE}}', ], ] ); $obj->add_control( 'compare_button_hover_background', [ 'label' => __( 'Background Color', 'jet-cw' ), 'type' => Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['button'] . ':hover ' . $css_scheme['plane_normal'] => 'background-color: {{VALUE}}', ], ] ); $obj->add_control( 'compare_button_border_hover_color', [ 'label' => __( 'Border Color', 'jet-cw' ), 'type' => Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['button'] . ':hover ' . $css_scheme['plane_normal'] => 'border-color: {{VALUE}}', ], 'condition' => [ 'compare_button_border_border!' => '', ], ] ); $obj->add_group_control( \Elementor\Group_Control_Box_Shadow::get_type(), [ 'name' => 'compare_button_hover_box_shadow', 'selector' => '{{WRAPPER}} ' . $css_scheme['button'] . ':hover', ] ); $obj->end_controls_tab(); $obj->start_controls_tab( 'compare_button_added_styles', [ 'label' => __( 'Added', 'jet-cw' ), ] ); $obj->add_control( 'compare_button_added_color', [ 'label' => __( 'Color', 'jet-cw' ), 'type' => Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['added'] . $css_scheme['button'] => 'color: {{VALUE}}', '{{WRAPPER}} ' . $css_scheme['added'] . $css_scheme['button'] . ' ' . $css_scheme['label_added'] => 'color: {{VALUE}}', '{{WRAPPER}} ' . $css_scheme['added'] . ' ' . $css_scheme['icon_added'] => 'color: {{VALUE}}', ], ] ); $obj->add_control( 'compare_button_added_background', [ 'label' => __( 'Background Color', 'jet-cw' ), 'type' => Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['added'] . ' ' . $css_scheme['plane_added'] => 'background-color: {{VALUE}}', ], ] ); $obj->add_control( 'compare_button_added_border_color', [ 'label' => __( 'Border Color', 'jet-cw' ), 'type' => Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['added'] . ' ' . $css_scheme['plane_added'] => 'border-color: {{VALUE}}', ], 'condition' => [ 'compare_button_border_border!' => '', ], ] ); $obj->add_group_control( \Elementor\Group_Control_Box_Shadow::get_type(), [ 'name' => 'compare_button_added_box_shadow', 'selector' => '{{WRAPPER}} ' . $css_scheme['added'], ] ); $obj->end_controls_tab(); $obj->end_controls_tabs(); $obj->add_group_control( Elementor\Group_Control_Border::get_type(), [ 'name' => 'compare_button_border', 'label' => __( 'Border', 'jet-cw' ), 'separator' => 'before', 'selector' => '{{WRAPPER}} ' . $css_scheme['plane_normal'] . ', ' . '{{WRAPPER}} ' . $css_scheme['plane_added'], ] ); $obj->add_control( 'compare_button_border_radius', [ 'type' => Elementor\Controls_Manager::DIMENSIONS, 'label' => __( 'Border Radius', 'jet-cw' ), 'size_units' => is_callable( [ $obj, 'set_custom_size_unit' ] ) ? $obj->set_custom_size_unit( [ 'px', 'em', '%' ] ) : [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['button'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} ' . $css_scheme['plane_normal'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} ' . $css_scheme['plane_added'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $obj->add_responsive_control( 'compare_button_margin', [ 'type' => Elementor\Controls_Manager::DIMENSIONS, 'label' => __( 'Margin', 'jet-cw' ), 'size_units' => is_callable( [ $obj, 'set_custom_size_unit' ] ) ? $obj->set_custom_size_unit( [ 'px', 'em', '%' ] ) : [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['container'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $obj->add_responsive_control( 'compare_button_padding', [ 'type' => Elementor\Controls_Manager::DIMENSIONS, 'label' => __( 'Padding', 'jet-cw' ), 'size_units' => is_callable( [ $obj, 'set_custom_size_unit' ] ) ? $obj->set_custom_size_unit( [ 'px', 'em', '%' ] ) : [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['button'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $obj->add_responsive_control( 'compare_button_alignment', [ 'label' => __( 'Alignment', 'jet-cw' ), 'type' => Elementor\Controls_Manager::CHOOSE, 'default' => 'center', 'options' => jet_cw_tools()->get_available_flex_horizontal_alignment(), 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['container'] => 'justify-content: {{VALUE}};', ], ] ); $obj->add_control( 'compare_button_icon_heading', [ 'label' => __( 'Icon', 'jet-cw' ), 'type' => Elementor\Controls_Manager::HEADING, 'separator' => 'before', ] ); $obj->start_controls_tabs( 'tabs_compare_icon_styles' ); $obj->start_controls_tab( 'tab_compare_icon_normal', [ 'label' => __( 'Normal', 'jet-cw' ), ] ); $obj->add_control( 'normal_compare_icon_color', [ 'label' => __( 'Color', 'jet-cw' ), 'type' => Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['icon_normal'] => 'color: {{VALUE}}', ], ] ); $obj->add_responsive_control( 'normal_compare_icon_font_size', [ 'type' => Elementor\Controls_Manager::SLIDER, 'label' => __( 'Font Size', 'jet-cw' ), 'size_units' => is_callable( [ $obj, 'set_custom_size_unit' ] ) ? $obj->set_custom_size_unit( [ 'px', '%', 'em', 'rem' ] ) : [ 'px', '%', 'em', 'rem' ], 'range' => [ 'px' => [ 'min' => 1, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['icon_normal'] => 'font-size: {{SIZE}}{{UNIT}}', ], ] ); $obj->add_responsive_control( 'normal_compare_icon_margin', [ 'type' => Elementor\Controls_Manager::DIMENSIONS, 'label' => __( 'Margin', 'jet-cw' ), 'size_units' => is_callable( [ $obj, 'set_custom_size_unit' ] ) ? $obj->set_custom_size_unit( [ 'px', 'em', '%' ] ) : [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['icon_normal'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $obj->end_controls_tab(); $obj->start_controls_tab( 'tab_compare_icon_hover', [ 'label' => __( 'Hover', 'jet-cw' ), ] ); $obj->add_control( 'compare_icon_color_hover', [ 'label' => __( 'Color', 'jet-cw' ), 'type' => Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['button'] . ':hover ' . $css_scheme['icon_normal'] => 'color: {{VALUE}}', ], ] ); $obj->end_controls_tab(); $obj->start_controls_tab( 'tab_compare_icon_added', [ 'label' => __( 'Added', 'jet-cw' ), ] ); $obj->add_control( 'compare_icon_color_added', [ 'label' => __( 'Color', 'jet-cw' ), 'type' => Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['added'] . $css_scheme['button'] . ' ' . $css_scheme['icon_added'] => 'color: {{VALUE}}', ], ] ); $obj->add_responsive_control( 'compare_icon_font_size_added', [ 'type' => Elementor\Controls_Manager::SLIDER, 'label' => __( 'Font Size', 'jet-cw' ), 'size_units' => is_callable( [ $obj, 'set_custom_size_unit' ] ) ? $obj->set_custom_size_unit( [ 'px', '%', 'em', 'rem' ] ) : [ 'px', '%', 'em', 'rem' ], 'range' => [ 'px' => [ 'min' => 1, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['icon_added'] => 'font-size: {{SIZE}}{{UNIT}}', ], ] ); $obj->add_responsive_control( 'compare_icon_margin_added', [ 'type' => Elementor\Controls_Manager::DIMENSIONS, 'label' => __( 'Margin', 'jet-cw' ), 'size_units' => is_callable( [ $obj, 'set_custom_size_unit' ] ) ? $obj->set_custom_size_unit( [ 'px', 'em', '%' ] ) : [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} ' . $css_scheme['icon_added'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $obj->end_controls_tab(); $obj->end_controls_tabs(); $obj->end_controls_section(); } } }