experiments->is_feature_active( 'e_optimized_markup' );
}
protected function register_controls() {
// Tab: Content ==============
// Section: Settings ------------
$this->start_controls_section(
'section_compare_settings',
[
'label' => esc_html__( 'Settings', 'wpr-addons' ),
'tab' => Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'compare_notice_video_tutorial',
[
'type' => Controls_Manager::RAW_HTML,
'raw' => __( 'Build Wishlist & Compare features completely with Elementor and Royal Elementor Addons ! ', 'wpr-addons' ),
'separator' => 'after',
'content_classes' => 'elementor-panel-alert elementor-panel-alert-info',
]
);
$this->add_control(
'remove_from_compare_text',
[
'label' => esc_html__( 'Remove Text', 'wpr-addons' ),
'type' => Controls_Manager::TEXT,
'default' => 'Remove from Compare'
]
);
$this->add_control(
'compare_empty_text',
[
'label' => esc_html__( 'Empty Text', 'wpr-addons' ),
'type' => Controls_Manager::TEXT,
'placeholder' => esc_html__( 'No Products in the Compare', 'wpr-addons' ),
'default' => esc_html__( 'No Products in the Compare', 'wpr-addons' )
]
);
// Add to Cart
$this->add_control(
'layout_list_media_section',
[
'label' => esc_html__( 'Add to Cart', 'wpr-addons' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before'
]
);
$this->add_control(
'element_addcart_simple_txt',
[
'label' => esc_html__( 'Simple Item Text', 'wpr-addons' ),
'type' => Controls_Manager::TEXT,
'default' => 'Add to Cart'
]
);
$this->add_control(
'element_addcart_grouped_txt',
[
'label' => esc_html__( 'Grouped Item Text', 'wpr-addons' ),
'type' => Controls_Manager::TEXT,
'default' => 'Select Options'
]
);
$this->add_control(
'element_addcart_variable_txt',
[
'label' => esc_html__( 'Variable Item Text', 'wpr-addons' ),
'type' => Controls_Manager::TEXT,
'default' => 'View Products',
'separator' => 'after'
]
);
$this->end_controls_section();
// Tab: Style ==============
// Section: General ------------
$this->start_controls_section(
'section_compare_styles_general',
[
'label' => esc_html__( 'General', 'wpr-addons' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'compare_table_border_style',
[
'label' => esc_html__('Border', 'wpr-addons' ),
'type' => Controls_Manager::SELECT,
'options' => [
'none' => esc_html__( 'None', 'wpr-addons' ),
'solid' => esc_html__( 'Solid', 'wpr-addons' ),
'double' => esc_html__( 'Double', 'wpr-addons' ),
'dotted' => esc_html__( 'Dotted', 'wpr-addons' ),
'dashed' => esc_html__( 'Dashed', 'wpr-addons' ),
'groove' => esc_html__( 'Groove', 'wpr-addons' ),
],
'default' => 'solid',
'selectors' => [
// '{{WRAPPER}} .wpr-compare-table' => 'border-style: {{VALUE}};',
'{{WRAPPER}} .wpr-compare-products' => 'border-style: {{VALUE}};',
'{{WRAPPER}} .wpr-compare-table th' => 'border-style: {{VALUE}};',
'{{WRAPPER}} .wpr-compare-table td' => 'border-style: {{VALUE}};'
],
'separator' => 'before'
]
);
$this->add_control(
'compare_table_border_color',
[
'label' => esc_html__( 'Border Color', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'default' => '#E4E4E4',
'selectors' => [
// '{{WRAPPER}} .wpr-compare-table' => 'border-color: {{VALUE}};',
'{{WRAPPER}} .wpr-compare-products' => 'border-color: {{VALUE}};',
'{{WRAPPER}} .wpr-compare-table th' => 'border-color: {{VALUE}};',
'{{WRAPPER}} .wpr-compare-table td' => 'border-color: {{VALUE}};'
]
]
);
$this->add_control(
'compare_table_border_width',
[
'label' => esc_html__( 'Border Width', 'wpr-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'default' => [
'top' => 1,
'right' => 1,
'bottom' => 1,
'left' => 1,
'unit' => 'px'
],
'selectors' => [
// '{{WRAPPER}} .wpr-compare-table' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
'{{WRAPPER}} .wpr-compare-products' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
'{{WRAPPER}} .wpr-compare-table th' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
'{{WRAPPER}} .wpr-compare-table td' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'compare_table_border_color!' => 'none',
]
]
);
$this->add_control(
'compare_table_border_radius',
[
'label' => esc_html__( 'Border Radius', 'wpr-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'default' => [
'top' => 4,
'right' => 4,
'bottom' => 4,
'left' => 4,
],
'selectors' => [
'{{WRAPPER}} table tr:first-of-type th:first-of-type' => 'border-top-left-radius: {{TOP}}{{UNIT}} !important;',
'{{WRAPPER}} table tr:first-of-type th:last-of-type' => 'border-top-right-radius: {{RIGHT}}{{UNIT}} !important;',
'{{WRAPPER}} table tr:last-of-type th:first-of-type' => 'border-bottom-left-radius: {{BOTTOM}}{{UNIT}} !important;',
'{{WRAPPER}} table tr:last-of-type td:last-of-type' => 'border-bottom-right-radius: {{BOTTOM}}{{UNIT}} !important;',
// '{{WRAPPER}} .wpr-compare-table' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;'
'{{WRAPPER}} .wpr-compare-products' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;'
]
]
);
$this->end_controls_section();
// Styles ====================
// Section: Headings ------
$this->start_controls_section(
'section_style_headings',
[
'label' => esc_html__( 'Headings', 'wpr-addons' ),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
]
);
$this->add_control(
'table_headings_color',
[
'label' => esc_html__( 'Headings Color', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'default' => '#222',
'selectors' => [
'{{WRAPPER}} .wpr-compare-table tr th' => 'color: {{VALUE}}'
]
]
);
$this->add_control(
'table_headings_bg_color',
[
'label' => esc_html__( 'Headings Bg Color', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .wpr-compare-table tr th:first-child' => 'background-color: {{VALUE}} !important'
]
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'headings_typography',
'selector' => '{{WRAPPER}} .wpr-compare-table tr th'
]
);
$this->add_responsive_control(
'headings_padding',
[
'label' => esc_html__( 'Padding', 'wpr-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'default' => [
'top' => 10,
'right' => 10,
'bottom' => 10,
'left' => 10,
],
'selectors' => [
'{{WRAPPER}} .wpr-compare-table th:first-child' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'separator' => 'before',
]
);
$this->add_responsive_control(
'compare_headings_alignment_hr',
[
'label' => esc_html__( 'Horizontal Align', 'wpr-addons' ),
'type' => Controls_Manager::CHOOSE,
'default' => 'left',
'options' => [
'left' => [
'title' => esc_html__( 'Start', 'wpr-addons' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => esc_html__( 'Center', 'wpr-addons' ),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' => esc_html__( 'End', 'wpr-addons' ),
'icon' => 'eicon-text-align-right',
],
],
'separator' => 'before',
'selectors' => [
'{{WRAPPER}} .wpr-compare-table th:first-child' => 'text-align: {{VALUE}};',
]
]
);
$this->add_responsive_control(
'compare_headings_alignment_vr',
[
'label' => esc_html__( 'Vertical Align', 'wpr-addons' ),
'type' => Controls_Manager::CHOOSE,
'default' => 'top',
'options' => [
'top' => [
'title' => esc_html__( 'Top', 'wpr-addons' ),
'icon' => 'eicon-v-align-top',
],
'middle' => [
'title' => esc_html__( 'Middle', 'wpr-addons' ),
'icon' => 'eicon-v-align-middle',
],
'bottom' => [
'title' => esc_html__( 'Bottom', 'wpr-addons' ),
'icon' => 'eicon-v-align-bottom',
],
],
'separator' => 'after',
'selectors' => [
'{{WRAPPER}} .wpr-compare-table th:first-child' => 'vertical-align: {{VALUE}};',
]
]
);
$this->end_controls_section();
// Styles ====================
// Section: Content ------
$this->start_controls_section(
'section_style_content',
[
'label' => esc_html__( 'Content', 'wpr-addons' ),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
]
);
$this->add_control(
'table_content_odd_color',
[
'label' => esc_html__( 'Color (Odd)', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'default' => '#222',
'selectors' => [
'{{WRAPPER}} .wpr-compare-table tr:nth-child(odd) td' => 'color: {{VALUE}}'
]
]
);
$this->add_control(
'table_row_odd_bg_color',
[
'label' => esc_html__( 'Bg Color (Odd)', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'default' => '#FFF',
'selectors' => [
'{{WRAPPER}} .wpr-compare-table tr:nth-child(odd) th' => 'background-color: {{VALUE}}',
'{{WRAPPER}} .wpr-compare-table tr:nth-child(odd) td' => 'background-color: {{VALUE}}'
]
]
);
$this->add_control(
'table_content_even_color',
[
'label' => esc_html__( 'Content Color', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'default' => '#222',
'selectors' => [
'{{WRAPPER}} .wpr-compare-table tr:nth-child(even) td' => 'color: {{VALUE}}'
]
]
);
$this->add_control(
'table_row_even_bg_color',
[
'label' => esc_html__( 'Bg Color (Even)', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'default' => '#FFF',
'selectors' => [
'{{WRAPPER}} .wpr-compare-table tr:nth-child(even) th' => 'background-color: {{VALUE}}',
'{{WRAPPER}} .wpr-compare-table tr:nth-child(even) td' => 'background-color: {{VALUE}}'
]
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'content_typography',
'selector' => '{{WRAPPER}} .wpr-compare-table tr td'
]
);
$this->add_responsive_control(
'content_padding',
[
'label' => esc_html__( 'Padding', 'wpr-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'default' => [
'top' => 10,
'right' => 10,
'bottom' => 10,
'left' => 10,
],
'selectors' => [
'{{WRAPPER}} .wpr-compare-table th' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
'{{WRAPPER}} .wpr-compare-table td' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
],
'separator' => 'before',
]
);
$this->add_responsive_control(
'compare_content_alignment_hr',
[
'label' => esc_html__( 'Horizontal Align', 'wpr-addons' ),
'type' => Controls_Manager::CHOOSE,
'default' => 'left',
'options' => [
'left' => [
'title' => esc_html__( 'Start', 'wpr-addons' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => esc_html__( 'Center', 'wpr-addons' ),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' => esc_html__( 'End', 'wpr-addons' ),
'icon' => 'eicon-text-align-right',
],
],
'separator' => 'before',
'selectors' => [
'{{WRAPPER}} .wpr-compare-table th' => 'text-align: {{VALUE}};',
'{{WRAPPER}} .wpr-compare-table td' => 'text-align: {{VALUE}};'
]
]
);
$this->add_responsive_control(
'compare_content_alignment_vr',
[
'label' => esc_html__( 'Vertical Align', 'wpr-addons' ),
'type' => Controls_Manager::CHOOSE,
'default' => 'top',
'options' => [
'top' => [
'title' => esc_html__( 'Top', 'wpr-addons' ),
'icon' => 'eicon-v-align-top',
],
'middle' => [
'title' => esc_html__( 'Middle', 'wpr-addons' ),
'icon' => 'eicon-v-align-middle',
],
'bottom' => [
'title' => esc_html__( 'Bottom', 'wpr-addons' ),
'icon' => 'eicon-v-align-bottom',
],
],
'separator' => 'after',
'selectors' => [
'{{WRAPPER}} .wpr-compare-table th' => 'vertical-align: {{VALUE}};',
'{{WRAPPER}} .wpr-compare-table td' => 'vertical-align: {{VALUE}};'
]
]
);
$this->add_control(
'compare_product_name_heading',
[
'type' => Controls_Manager::HEADING,
'label' => esc_html__( 'Product Title', 'wpr-addons' ),
]
);
$this->add_control(
'compare_product_name_color',
[
'label' => esc_html__( 'Color', 'wpr-addons' ),
'default' => '#787878',
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .wpr-compare-product-name' => 'color: {{VALUE}}',
],
'separator' => 'after'
]
);
$this->add_control(
'compare_product_image_heading',
[
'type' => Controls_Manager::HEADING,
'label' => esc_html__( 'Product Image', 'wpr-addons' ),
]
);
$this->add_responsive_control(
'product_image_size',
[
'label' => esc_html__( 'Size', 'wpr-addons' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 0,
'max' => 300,
],
],
'size_units' => [ 'px' ],
'default' => [
'unit' => 'px',
'size' => 70,
],
'selectors' => [
'{{WRAPPER}} .wpr-compare-img-wrap' => 'width: {{SIZE}}{{UNIT}};',
],
]
);
$this->end_controls_section();
// Styles ====================
// Section: Add to Cart ------
$this->start_controls_section(
'section_style_add_to_cart',
[
'label' => esc_html__( 'Add to Cart', 'wpr-addons' ),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
]
);
$this->start_controls_tabs( 'tabs_add_to_cart_style' );
$this->start_controls_tab(
'tab_add_to_cart_normal',
[
'label' => esc_html__( 'Normal', 'wpr-addons' ),
]
);
$this->add_control(
'add_to_cart_color',
[
'label' => esc_html__( 'Color', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'default' => '#333333',
'selectors' => [
'{{WRAPPER}} .wpr-compare-product-atc a' => 'color: {{VALUE}}',
],
]
);
$this->add_control(
'add_to_cart_bg_color',
[
'label' => esc_html__( 'Background Color', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .wpr-compare-product-atc a' => 'background-color: {{VALUE}}',
]
]
);
$this->add_control(
'add_to_cart_border_color',
[
'label' => esc_html__( 'Border Color', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'default' => '#E8E8E8',
'selectors' => [
'{{WRAPPER}} .wpr-compare-product-atc a' => 'border-color: {{VALUE}}',
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'add_to_cart_box_shadow',
'selector' => '{{WRAPPER}} .wpr-compare-product-atc a',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_add_to_cart_hover',
[
'label' => esc_html__( 'Hover', 'wpr-addons' ),
]
);
$this->add_control(
'add_to_cart_color_hr',
[
'label' => esc_html__( 'Color', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'default' => '#605BE5',
'selectors' => [
'{{WRAPPER}} .wpr-compare-product-atc a:hover' => 'color: {{VALUE}}',
],
]
);
$this->add_control(
'add_to_cart_bg_color_hr',
[
'label' => esc_html__( 'Background Color', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .wpr-compare-product-atc a.wpr-button-none:hover' => 'background-color: {{VALUE}}',
'{{WRAPPER}} .wpr-compare-product-atc a.added_to_cart:hover' => 'background-color: {{VALUE}}',
'{{WRAPPER}} .wpr-compare-product-atc a:hover' => 'background-color: {{VALUE}}',
'{{WRAPPER}} .wpr-compare-product-atc a:before' => 'background-color: {{VALUE}}',
'{{WRAPPER}} .wpr-compare-product-atc a:after' => 'background-color: {{VALUE}}',
]
]
);
$this->add_control(
'add_to_cart_border_color_hr',
[
'label' => esc_html__( 'Border Color', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'default' => '#605BE5',
'selectors' => [
'{{WRAPPER}} .wpr-compare-product-atc a:hover' => 'border-color: {{VALUE}}',
]
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'add_to_cart_box_shadow_hr',
'selector' => '{{WRAPPER}} .wpr-compare-product-atc :hover a',
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->add_control(
'add_to_cart_divider',
[
'type' => Controls_Manager::DIVIDER,
'style' => 'thick',
]
);
// $this->add_control_add_to_cart_animation();
$this->add_control(
'add_to_cart_transition_duration',
[
'label' => esc_html__( 'Transition Duration', 'wpr-addons' ),
'type' => Controls_Manager::NUMBER,
'default' => 0.1,
'min' => 0,
'max' => 5,
'step' => 0.1,
'selectors' => [
'{{WRAPPER}} .wpr-compare-product-atc a' => 'transition-duration: {{VALUE}}s',
'{{WRAPPER}} .wpr-compare-product-atc a:before' => 'transition-duration: {{VALUE}}s',
'{{WRAPPER}} .wpr-compare-product-atc a:after' => 'transition-duration: {{VALUE}}s',
],
]
);
// $this->add_control_add_to_cart_animation_height();
$this->add_control(
'add_to_cart_typo_divider',
[
'type' => Controls_Manager::DIVIDER,
'style' => 'thick',
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'add_to_cart_typography',
'selector' => '{{WRAPPER}} .wpr-compare-product-atc a'
]
);
$this->add_control(
'add_to_cart_border_type',
[
'label' => esc_html__( 'Border Type', 'wpr-addons' ),
'type' => Controls_Manager::SELECT,
'options' => [
'none' => esc_html__( 'None', 'wpr-addons' ),
'solid' => esc_html__( 'Solid', 'wpr-addons' ),
'double' => esc_html__( 'Double', 'wpr-addons' ),
'dotted' => esc_html__( 'Dotted', 'wpr-addons' ),
'dashed' => esc_html__( 'Dashed', 'wpr-addons' ),
'groove' => esc_html__( 'Groove', 'wpr-addons' ),
],
'default' => 'solid',
'selectors' => [
'{{WRAPPER}} .wpr-compare-product-atc a' => 'border-style: {{VALUE}};',
],
'render_type' => 'template',
'separator' => 'before',
]
);
$this->add_control(
'add_to_cart_border_width',
[
'label' => esc_html__( 'Border Width', 'wpr-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'default' => [
'top' => 2,
'right' => 2,
'bottom' => 2,
'left' => 2,
],
'selectors' => [
'{{WRAPPER}} .wpr-compare-product-atc a' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'render_type' => 'template',
'condition' => [
'add_to_cart_border_type!' => 'none',
],
]
);
$this->add_responsive_control(
'add_to_cart_padding',
[
'label' => esc_html__( 'Padding', 'wpr-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'default' => [
'top' => 5,
'right' => 15,
'bottom' => 5,
'left' => 15,
],
'selectors' => [
'{{WRAPPER}} .wpr-compare-product-atc a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'separator' => 'before',
]
);
$this->add_responsive_control(
'add_to_cart_margin',
[
'label' => esc_html__( 'Margin', 'wpr-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'default' => [
'top' => 15,
'right' => 0,
'bottom' => 0,
'left' => 0,
],
'selectors' => [
'{{WRAPPER}} .wpr-compare-product-atc' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'render_type' => 'template',
]
);
$this->add_control(
'add_to_cart_radius',
[
'label' => esc_html__( 'Border Radius', 'wpr-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'default' => [
'top' => 2,
'right' => 2,
'bottom' => 2,
'left' => 2,
],
'selectors' => [
'{{WRAPPER}} .wpr-compare-product-atc a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'render_type' => 'template',
'separator' => 'before',
]
);
$this->end_controls_section();
// Tab: Style ==============
// Section: Buttons ------------
$this->start_controls_section(
'section_compare_button_styles',
[
'label' => esc_html__( 'Remove Button', 'wpr-addons' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->start_controls_tabs( 'btn_styles' );
$this->start_controls_tab(
'tab_btn_normal_style',
[
'label' => esc_html__( 'Normal', 'wpr-addons' )
]
);
$this->add_control(
'table_button_color',
[
'label' => esc_html__( 'Color', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'default' => '#605be5',
'selectors' => [
'{{WRAPPER}} .wpr-compare-remove' => 'color: {{VALUE}}'
]
]
);
$this->add_control(
'table_button_bg_color',
[
'label' => esc_html__( 'Bg Color', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'default' => '#FFF',
'selectors' => [
'{{WRAPPER}} .wpr-compare-remove' => 'background-color: {{VALUE}}'
]
]
);
$this->add_control(
'table_button_border_color',
[
'label' => esc_html__( 'Border Color', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'default' => '#605be5',
'selectors' => [
'{{WRAPPER}} .wpr-compare-remove' => 'border-color: {{VALUE}}'
]
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'btn_typography',
'selector' => '{{WRAPPER}} .wpr-compare-remove'
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_btn_hover_style',
[
'label' => esc_html__( 'Hover', 'wpr-addons' )
]
);
$this->add_control(
'table_button_color_hr',
[
'label' => esc_html__( 'Color', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'default' => '#FFF',
'selectors' => [
'{{WRAPPER}} .wpr-compare-remove:hover' => 'color: {{VALUE}}'
]
]
);
$this->add_control(
'table_button_bg_color_hr',
[
'label' => esc_html__( 'Bg Color', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'default' => '#605be5',
'selectors' => [
'{{WRAPPER}} .wpr-compare-remove:hover' => 'background-color: {{VALUE}}'
]
]
);
$this->add_control(
'table_button_border_color_hr',
[
'label' => esc_html__( 'Border Color', 'wpr-addons' ),
'type' => Controls_Manager::COLOR,
'default' => '#605be5',
'selectors' => [
'{{WRAPPER}} .wpr-compare-remove:hover' => 'border-color: {{VALUE}}'
]
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->add_responsive_control(
'button_padding',
[
'label' => esc_html__( 'Padding', 'wpr-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'default' => [
'top' => 5,
'right' => 15,
'bottom' => 5,
'left' => 15,
'isLinked' => true,
],
'selectors' => [
'{{WRAPPER}} .wpr-compare-remove' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'separator' => 'before',
]
);
$this->add_control(
'button_border_type',
[
'label' => esc_html__( 'Border Type', 'wpr-addons' ),
'type' => Controls_Manager::SELECT,
'options' => [
'none' => esc_html__( 'None', 'wpr-addons' ),
'solid' => esc_html__( 'Solid', 'wpr-addons' ),
'double' => esc_html__( 'Double', 'wpr-addons' ),
'dotted' => esc_html__( 'Dotted', 'wpr-addons' ),
'dashed' => esc_html__( 'Dashed', 'wpr-addons' ),
'groove' => esc_html__( 'Groove', 'wpr-addons' ),
],
'default' => 'none',
'selectors' => [
'{{WRAPPER}} .wpr-compare-remove' => 'border-style: {{VALUE}};',
],
'separator' => 'before',
]
);
$this->add_responsive_control(
'button_border_width',
[
'label' => esc_html__( 'Border Width', 'wpr-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'default' => [
'top' => 2,
'right' => 2,
'bottom' => 2,
'left' => 2,
],
'selectors' => [
'{{WRAPPER}} .wpr-compare-remove' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'button_border_type!' => 'none',
],
]
);
$this->add_responsive_control(
'button_border_radius',
[
'label' => esc_html__( 'Border Radius', 'wpr-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'default' => [
'top' => 2,
'right' => 2,
'bottom' => 2,
'left' => 2,
],
'selectors' => [
'{{WRAPPER}} .wpr-compare-remove' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
]
]
);
$this->end_controls_section();
}
public function render_product_rating($product) {
// $rating_count = $product->get_rating_count();
// $rating_amount = floatval( $product->get_average_rating() );
// $round_rating = (int)$rating_amount;
// $rating_icon = '☆';
// echo '';
// for ( $i = 1; $i <= 5; $i++ ) {
// if ( $i <= $rating_amount ) {
// echo ''. $rating_icon .'';
// } elseif ( $i === $round_rating + 1 && $rating_amount !== $round_rating ) {
// echo ''. $rating_icon .'';
// } else {
// echo ''. $rating_icon .'';
// }
// }
// echo '
';
// Another option
$rating = $product->get_average_rating();
$count = $product->get_rating_count();
echo wc_get_rating_html( $rating, $count );
}
// Render Add To Cart
public function render_product_add_to_cart( $settings, $product ) {
// If NOT a Product
if ( is_null( $product ) ) {
return;
}
ob_start();
// Get Button Class
$button_class = implode( ' ', array_filter( [
'product_type_'. $product->get_type(),
$product->is_purchasable() && $product->is_in_stock() ? 'add_to_cart_button' : '',
$product->supports( 'ajax_add_to_cart' ) ? 'ajax_add_to_cart' : '',
] ) );
$attributes = [
'rel="nofollow"',
'class="'. esc_attr($button_class) .' wpr-button-effect '. (!$product->is_in_stock() && 'simple' === $product->get_type() ? 'wpr-atc-not-clickable' : '').'"',
'aria-label="'. esc_attr($product->add_to_cart_description()) .'"',
'data-product_id="'. esc_attr($product->get_id()) .'"',
'data-product_sku="'. esc_attr($product->get_sku()) .'"',
];
$button_HTML = '';
$page_id = get_queried_object_id();
// Button Text
if ( 'simple' === $product->get_type() ) {
$button_HTML .= $settings['element_addcart_simple_txt'];
if ( 'yes' === get_option('woocommerce_enable_ajax_add_to_cart') ) {
array_push( $attributes, 'href="'. esc_url( get_permalink( $page_id ) .'/?add-to-cart='. get_the_ID() ) .'"' );
} else {
array_push( $attributes, 'href="'. esc_url( get_permalink() ) .'"' );
}
} elseif ( 'grouped' === $product->get_type() ) {
$button_HTML .= $settings['element_addcart_grouped_txt'];
array_push( $attributes, 'href="'. esc_url( $product->get_permalink() ) .'"' );
} elseif ( 'variable' === $product->get_type() ) {
$button_HTML .= $settings['element_addcart_variable_txt'];
array_push( $attributes, 'href="'. esc_url( $product->get_permalink() ) .'"' );
} else {
array_push( $attributes, 'href="'. esc_url( $product->get_product_url() ) .'"' );
$button_HTML .= get_post_meta( get_the_ID(), '_button_text', true ) ? get_post_meta( get_the_ID(), '_button_text', true ) : 'Buy Product';
}
// Button HTML
echo ''. $button_HTML .''; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
return \ob_get_clean();
}
// Add two new functions for handling cookies
public function get_compare_from_cookie() {
if (isset($_COOKIE['wpr_compare'])) {
return json_decode(stripslashes($_COOKIE['wpr_compare']), true);
} else if ( isset($_COOKIE['wpr_compare_'. get_current_blog_id() .'']) ) {
return json_decode(stripslashes($_COOKIE['wpr_compare_'. get_current_blog_id() .'']), true);
}
return array();
}
protected function render() {
$settings = $this->get_settings_for_display();
$this->add_render_attribute(
'wrapper',
[
'class' => [ 'wpr-compare-table-wrap' ],
'remove_from_compare_text' => $settings['remove_from_compare_text'],
'compare_empty_text' => $settings['compare_empty_text'],
'element_addcart_simple_txt' => $settings['element_addcart_simple_txt'],
'element_addcart_grouped_txt' => $settings['element_addcart_grouped_txt'],
'element_addcart_variable_txt' => $settings['element_addcart_variable_txt']
]
);
echo 'get_render_attribute_string( 'wrapper' ) .'>';
echo ''. esc_html__('Loading...') .'';
echo '
';
}
}