ep_is_edit_mode()) {
return [ 'ep-font', 'ep-styles' ];
} else {
return [ 'ep-font', 'ep-wc-elements' ];
}
}
public function get_custom_help_url() {
return 'https://youtu.be/9IoAw7MUomA?si=LGU9PzwZ1Wx4Jm5k';
}
public function on_export($element) {
unset($element['settings']['product_id']);
return $element;
}
public function has_widget_inner_wrapper(): bool {
return ! \Elementor\Plugin::$instance->experiments->is_feature_active( 'e_optimized_markup' );
}
protected function register_controls() {
$this->start_controls_section(
'section_product',
[
'label' => esc_html__('Element', 'bdthemes-element-pack'),
]
);
$this->add_control(
'element',
[
'label' => esc_html__('Element', 'bdthemes-element-pack'),
'type' => Controls_Manager::SELECT,
'options' => [
'' => esc_html__('Select', 'bdthemes-element-pack'),
'woocommerce_cart' => esc_html__('Cart Page', 'bdthemes-element-pack'),
'product_page' => esc_html__('Single Product Page', 'bdthemes-element-pack'),
'woocommerce_checkout' => esc_html__('Checkout Page', 'bdthemes-element-pack'),
'woocommerce_order_tracking' => esc_html__('Order Tracking Form', 'bdthemes-element-pack'),
'woocommerce_my_account' => esc_html__('My Account', 'bdthemes-element-pack'),
],
]
);
$this->add_control(
'product_id',
[
'label' => esc_html__('Product ID', 'bdthemes-element-pack'),
'description' => esc_html__('Leave empty to use the current product (single product template or archives loop). Optionally enter an ID or use dynamic tags.', 'bdthemes-element-pack'),
'type' => Controls_Manager::NUMBER,
'dynamic' => [
'active' => true,
],
'min' => 1,
'condition' => [
'element' => ['product_page'],
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_checkout_style_label',
[
'label' => esc_html__('Label', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['woocommerce_checkout'],
],
]
);
$this->add_control(
'label_color',
[
'label' => esc_html__('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce form .form-row label' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'required_color',
[
'label' => esc_html__('Required Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce form .form-row .required' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'label_typography',
'label' => esc_html__('Typography', 'bdthemes-element-pack'),
//'scheme' => Schemes\Typography::TYPOGRAPHY_4,
'selector' => '{{WRAPPER}} .woocommerce form .form-row label',
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_checkout_style_input',
[
'label' => esc_html__('Input', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['woocommerce_checkout'],
],
]
);
$this->add_control(
'input_placeholder_color',
[
'label' => esc_html__('Placeholder Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce .input-text::placeholder' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'input_text_color',
[
'label' => esc_html__('Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce .input-text' => 'color: {{VALUE}};',
'{{WRAPPER}} .woocommerce select' => 'color: {{VALUE}};',
'{{WRAPPER}} .woocommerce textarea.input-text' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'input_text_background',
[
'label' => esc_html__('Background Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce .input-text' => 'background-color: {{VALUE}};',
'{{WRAPPER}} .woocommerce select' => 'background-color: {{VALUE}};',
'{{WRAPPER}} .woocommerce textarea.input-text' => 'background-color: {{VALUE}};',
],
]
);
$this->add_responsive_control(
'textarea_height',
[
'label' => esc_html__('Textarea Height', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 125,
],
'range' => [
'px' => [
'min' => 30,
'max' => 500,
],
],
'selectors' => [
'{{WRAPPER}} .woocommerce textarea.input-text' => 'height: {{SIZE}}{{UNIT}}; display: block;',
],
'separator' => 'before',
]
);
$this->add_control(
'input_padding',
[
'label' => esc_html__('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce .input-text,
{{WRAPPER}} .woocommerce textarea.input-text,
{{WRAPPER}} .select2-container--default .select2-selection--single,
{{WRAPPER}} .woocommerce select' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
'{{WRAPPER}} .select2-container--default .select2-selection--single' => 'height: auto; min-height: 37px;',
'{{WRAPPER}} .select2-container--default .select2-selection--single .select2-selection__rendered' => 'line-height: initial;',
],
]
);
$this->add_responsive_control(
'input_space',
[
'label' => esc_html__('Element Space', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 25,
],
'range' => [
'px' => [
'min' => 0,
'max' => 50,
],
],
'selectors' => [
'{{WRAPPER}} .woocommerce form .form-row' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'input_border_show',
[
'label' => esc_html__('Border Style', 'bdthemes-element-pack'),
'type' => Controls_Manager::SWITCHER,
'default' => 'no',
'label_on' => 'Hide',
'label_off' => 'Show',
'return_value' => 'yes',
'separator' => 'before',
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'input_border',
'label' => esc_html__('Border', 'bdthemes-element-pack'),
'placeholder' => '1px',
'default' => '1px',
'selector' => '
{{WRAPPER}} .woocommerce .input-text,
{{WRAPPER}} .woocommerce select,
{{WRAPPER}} .select2-container--default .select2-selection--single',
'condition' => [
'input_border_show' => 'yes',
],
]
);
$this->add_control(
'input_border_radius',
[
'label' => esc_html__('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce .input-text,
{{WRAPPER}} .select2-container--default .select2-selection--single,
{{WRAPPER}} .woocommerce select' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_checkout_style_order_table',
[
'label' => esc_html__('Order Table', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['woocommerce_checkout'],
],
]
);
$this->add_control(
'order_table_padding',
[
'label' => esc_html__('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce table.shop_table th,
{{WRAPPER}} .woocommerce table.shop_table td' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_control(
'order_table_border_show',
[
'label' => esc_html__('Border Style', 'bdthemes-element-pack'),
'type' => Controls_Manager::SWITCHER,
'default' => 'no',
'label_on' => 'Hide',
'label_off' => 'Show',
'return_value' => 'yes',
'separator' => 'before',
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'order_table_border',
'label' => esc_html__('Border', 'bdthemes-element-pack'),
'placeholder' => '1px',
'default' => '1px',
'selector' => '{{WRAPPER}} .woocommerce table.shop_table',
'condition' => [
'order_table_border_show' => 'yes',
],
]
);
$this->add_control(
'order_table_border_radius',
[
'label' => esc_html__('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce table.shop_table' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
// Payment section
$this->start_controls_section(
'section_style_checkout_payment',
[
'label' => esc_html__('Payment', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['woocommerce_checkout'],
],
]
);
$this->add_control(
'checkout_payment_color',
[
'label' => esc_html__('Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce-checkout #payment, {{WRAPPER}} .woocommerce-checkout #payment div.payment_box' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'checkout_payment_background',
[
'label' => esc_html__('Background Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce-checkout #payment' => 'background-color: {{VALUE}};',
'{{WRAPPER}} .woocommerce-checkout #payment div.payment_box' => 'opacity:0.5;',
'{{WRAPPER}} .woocommerce-checkout #payment div.payment_box::before' => 'opacity:0.5;',
],
]
);
$this->add_control(
'checkout_payment_button_heading',
[
'label' => esc_html__('Button Style', 'bdthemes-element-pack'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->start_controls_tabs('tabs_payment_button_style');
$this->start_controls_tab(
'tab_payment_button_normal',
[
'label' => esc_html__('Normal', 'bdthemes-element-pack'),
]
);
$this->add_control(
'payment_button_text_color',
[
'label' => esc_html__('Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .woocommerce input.button' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'payment_button_background_color',
[
'label' => esc_html__('Background Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce input.button' => 'background-color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'payment_button_border',
'label' => esc_html__('Border', 'bdthemes-element-pack'),
'placeholder' => '1px',
'default' => '1px',
'selector' => '{{WRAPPER}} .woocommerce input.button',
'separator' => 'before',
]
);
$this->add_control(
'payment_button_border_radius',
[
'label' => esc_html__('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce input.button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'payment_button_box_shadow',
'selector' => '{{WRAPPER}} .wpcf7-submit',
]
);
$this->add_control(
'payment_button_text_padding',
[
'label' => esc_html__('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce input.button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'separator' => 'before',
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'payment_button_typography',
'label' => esc_html__('Typography', 'bdthemes-element-pack'),
//'scheme' => Schemes\Typography::TYPOGRAPHY_4,
'selector' => '{{WRAPPER}} .woocommerce input.button',
'separator' => 'before',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_payment_button_hover',
[
'label' => esc_html__('Hover', 'bdthemes-element-pack'),
]
);
$this->add_control(
'payment_button_hover_color',
[
'label' => esc_html__('Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce input.button:hover' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'payment_button_background_hover_color',
[
'label' => esc_html__('Background Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce input.button:hover' => 'background-color: {{VALUE}};',
],
]
);
$this->add_control(
'payment_button_hover_border_color',
[
'label' => esc_html__('Border Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'condition' => [
'border_border!' => '',
],
'selectors' => [
'{{WRAPPER}} .woocommerce input.button:hover' => 'border-color: {{VALUE}};',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
// TRacking section
$this->start_controls_section(
'section_tracking_style_label',
[
'label' => esc_html__('Label', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['woocommerce_order_tracking'],
],
]
);
$this->add_control(
'tracking_label_color',
[
'label' => esc_html__('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce form .form-row label' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'tracking_label_typography',
'label' => esc_html__('Typography', 'bdthemes-element-pack'),
//'scheme' => Schemes\Typography::TYPOGRAPHY_4,
'selector' => '{{WRAPPER}} .woocommerce form .form-row label',
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_tracking_style_input',
[
'label' => esc_html__('Input', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['woocommerce_order_tracking'],
],
]
);
$this->add_control(
'tracking_input_placeholder_color',
[
'label' => esc_html__('Placeholder Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce .input-text::placeholder' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'tracking_input_text_color',
[
'label' => esc_html__('Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce .input-text' => 'color: {{VALUE}};',
'{{WRAPPER}} .woocommerce select' => 'color: {{VALUE}};',
'{{WRAPPER}} .woocommerce textarea.input-text' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'tracking_input_text_background',
[
'label' => esc_html__('Background Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce .input-text' => 'background-color: {{VALUE}};',
'{{WRAPPER}} .woocommerce select' => 'background-color: {{VALUE}};',
'{{WRAPPER}} .woocommerce textarea.input-text' => 'background-color: {{VALUE}};',
],
]
);
$this->add_control(
'tracking_input_padding',
[
'label' => esc_html__('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce .input-text,
{{WRAPPER}} .woocommerce textarea.input-text,
{{WRAPPER}} .select2-container--default .select2-selection--single,
{{WRAPPER}} .woocommerce select' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
'{{WRAPPER}} .select2-container--default .select2-selection--single' => 'height: auto; min-height: 37px;',
'{{WRAPPER}} .select2-container--default .select2-selection--single .select2-selection__rendered' => 'line-height: initial;',
],
]
);
$this->add_responsive_control(
'tracking_input_space',
[
'label' => esc_html__('Element Space', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 25,
],
'range' => [
'px' => [
'min' => 0,
'max' => 50,
],
],
'selectors' => [
'{{WRAPPER}} .woocommerce form .form-row' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'tracking_input_border_show',
[
'label' => esc_html__('Border Style', 'bdthemes-element-pack'),
'type' => Controls_Manager::SWITCHER,
'default' => 'no',
'label_on' => 'Hide',
'label_off' => 'Show',
'return_value' => 'yes',
'separator' => 'before',
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'tracking_input_border',
'label' => esc_html__('Border', 'bdthemes-element-pack'),
'placeholder' => '1px',
'default' => '1px',
'selector' => '
{{WRAPPER}} .woocommerce .input-text,
{{WRAPPER}} .woocommerce select,
{{WRAPPER}} .select2-container--default .select2-selection--single',
'condition' => [
'tracking_input_border_show' => 'yes',
],
]
);
$this->add_control(
'tracking_input_border_radius',
[
'label' => esc_html__('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce .input-text,
{{WRAPPER}} .select2-container--default .select2-selection--single,
{{WRAPPER}} .woocommerce select' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_style_tracking',
[
'label' => esc_html__('Button', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['woocommerce_order_tracking'],
],
]
);
$this->add_control(
'tracking_button_heading',
[
'label' => esc_html__('Button Style', 'bdthemes-element-pack'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->start_controls_tabs('tabs_tracking_button_style');
$this->start_controls_tab(
'tab_tracking_button_normal',
[
'label' => esc_html__('Normal', 'bdthemes-element-pack'),
]
);
$this->add_control(
'tracking_button_text_color',
[
'label' => esc_html__('Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .woocommerce input.button, {{WRAPPER}} .woocommerce button.button, {{WRAPPER}} .woocommerce a.button' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'tracking_button_background_color',
[
'label' => esc_html__('Background Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce input.button, {{WRAPPER}} .woocommerce button.button, {{WRAPPER}} .woocommerce a.button' => 'background-color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'tracking_button_border',
'label' => esc_html__('Border', 'bdthemes-element-pack'),
'placeholder' => '1px',
'default' => '1px',
'selector' => '{{WRAPPER}} .woocommerce input.button, {{WRAPPER}} .woocommerce button.button, {{WRAPPER}} .woocommerce a.button',
'separator' => 'before',
]
);
$this->add_control(
'tracking_button_border_radius',
[
'label' => esc_html__('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce input.button, {{WRAPPER}} .woocommerce button.button, {{WRAPPER}} .woocommerce a.button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'tracking_button_box_shadow',
'selector' => '{{WRAPPER}} .wpcf7-submit, {{WRAPPER}} .woocommerce button.button, {{WRAPPER}} .woocommerce a.button',
]
);
$this->add_control(
'tracking_button_text_padding',
[
'label' => esc_html__('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce input.button, {{WRAPPER}} .woocommerce button.button, {{WRAPPER}} .woocommerce a.button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'separator' => 'before',
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'tracking_button_typography',
'label' => esc_html__('Typography', 'bdthemes-element-pack'),
//'scheme' => Schemes\Typography::TYPOGRAPHY_4,
'selector' => '{{WRAPPER}} .woocommerce input.button, {{WRAPPER}} .woocommerce button.button, {{WRAPPER}} .woocommerce a.button',
'separator' => 'before',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_tracking_button_hover',
[
'label' => esc_html__('Hover', 'bdthemes-element-pack'),
]
);
$this->add_control(
'tracking_button_hover_color',
[
'label' => esc_html__('Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce input.button:hover, {{WRAPPER}} .woocommerce button.button:hover, {{WRAPPER}} .woocommerce a.button:hover' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'tracking_button_background_hover_color',
[
'label' => esc_html__('Background Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce input.button:hover, {{WRAPPER}} .woocommerce button.button:hover, {{WRAPPER}} .woocommerce a.button:hover' => 'background-color: {{VALUE}};',
],
]
);
$this->add_control(
'tracking_button_hover_border_color',
[
'label' => esc_html__('Border Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'condition' => [
'tracking_button_border_border!' => '',
],
'selectors' => [
'{{WRAPPER}} .woocommerce input.button:hover, {{WRAPPER}} .woocommerce button.button:hover, {{WRAPPER}} .woocommerce a.button:hover' => 'border-color: {{VALUE}};',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
// Cart style
$this->start_controls_section(
'section_cart_style_heading',
[
'label' => esc_html__('Table Heading', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['woocommerce_cart'],
],
]
);
$this->add_control(
'cart_table_heading_color',
[
'label' => esc_html__('Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce table.shop_table.cart th' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'cart_table_heading_background',
[
'label' => esc_html__('Background Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce table.shop_table.cart th' => 'background-color: {{VALUE}};',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_cart_style_table',
[
'label' => esc_html__('Table Content', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['woocommerce_cart'],
],
]
);
$this->add_control(
'cart_table_color',
[
'label' => esc_html__('Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce table.shop_table.cart td *' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'cart_table_background',
[
'label' => esc_html__('Background Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce table.shop_table.cart' => 'background-color: {{VALUE}};',
],
]
);
$this->add_control(
'cart_table_padding',
[
'label' => esc_html__('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce table.shop_table.cart td' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_control(
'cart_table_border_show',
[
'label' => esc_html__('Border Style', 'bdthemes-element-pack'),
'type' => Controls_Manager::SWITCHER,
'default' => 'no',
'label_on' => 'Hide',
'label_off' => 'Show',
'return_value' => 'yes',
'separator' => 'before',
]
);
$this->add_control(
'cart_table_border_width',
[
'label' => esc_html__('Border Width', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce table.shop_table.cart' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
'{{WRAPPER}} .woocommerce table.shop_table.cart td' => 'border-top-width: {{TOP}}{{UNIT}};',
],
'condition' => [
'cart_table_border_show' => ['yes'],
],
]
);
$this->add_control(
'cart_table_border_color',
[
'label' => esc_html__('Border Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce table.shop_table.cart' => 'border-color: {{VALUE}};',
'{{WRAPPER}} .woocommerce table.shop_table.cart td' => 'border-top-color: {{VALUE}};',
],
'condition' => [
'cart_table_border_show' => ['yes'],
],
]
);
$this->add_control(
'cart_table_border_radius',
[
'label' => esc_html__('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce .input-text,
{{WRAPPER}} .select2-container--default .select2-selection--single,
{{WRAPPER}} .woocommerce select' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_cart_style_input',
[
'label' => esc_html__('Input', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['woocommerce_cart'],
],
]
);
$this->add_control(
'cart_input_placeholder_color',
[
'label' => esc_html__('Placeholder Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} table.cart .input-text::placeholder' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'cart_input_text_color',
[
'label' => esc_html__('Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} table.cart .input-text' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'cart_input_text_background',
[
'label' => esc_html__('Background Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} table.cart .input-text' => 'background-color: {{VALUE}};',
],
]
);
$this->add_control(
'cart_input_padding',
[
'label' => esc_html__('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', 'em', '%'],
'selectors' => [
'{{WRAPPER}} table.cart .input-text, {{WRAPPER}} table.cart td.actions .coupon .input-text' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}; box-sizing: content-box;',
],
]
);
$this->add_control(
'cart_input_border_show',
[
'label' => esc_html__('Border Style', 'bdthemes-element-pack'),
'type' => Controls_Manager::SWITCHER,
'default' => 'no',
'label_on' => 'Hide',
'label_off' => 'Show',
'return_value' => 'yes',
'separator' => 'before',
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'cart_input_border',
'label' => esc_html__('Border', 'bdthemes-element-pack'),
'placeholder' => '1px',
'default' => '1px',
'selector' => '
{{WRAPPER}} table.cart .input-text,
{{WRAPPER}} table.cart td.actions .coupon .input-text',
'condition' => [
'cart_input_border_show' => 'yes',
],
]
);
$this->add_control(
'cart_input_border_radius',
[
'label' => esc_html__('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', '%'],
'selectors' => [
'{{WRAPPER}} table.cart .input-text,
{{WRAPPER}} .select2-container--default .select2-selection--single,
{{WRAPPER}} .woocommerce select' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
// Cart table button
$this->start_controls_section(
'section_style_cart_button',
[
'label' => esc_html__('Coupon/Update Button', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['woocommerce_cart'],
],
]
);
$this->add_control(
'cart_button_heading',
[
'label' => esc_html__('Button Style', 'bdthemes-element-pack'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->start_controls_tabs('tabs_cart_button_style');
$this->start_controls_tab(
'tab_cart_button_normal',
[
'label' => esc_html__('Normal', 'bdthemes-element-pack'),
]
);
$this->add_control(
'cart_button_text_color',
[
'label' => esc_html__('Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .woocommerce table tr td button.button, {{WRAPPER}} .woocommerce table.cart td.actions .coupon .wp-element-button' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'cart_button_background_color',
[
'label' => esc_html__('Background Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce table tr td button.button, {{WRAPPER}} .woocommerce table.cart td.actions .coupon .wp-element-button' => 'background-color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'cart_button_border',
'label' => esc_html__('Border', 'bdthemes-element-pack'),
'placeholder' => '1px',
'default' => '1px',
'selector' => '{{WRAPPER}} .woocommerce table tr td button.button, {{WRAPPER}} .woocommerce table.cart td.actions .coupon .wp-element-button',
'separator' => 'before',
]
);
$this->add_control(
'cart_button_border_radius',
[
'label' => esc_html__('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce table tr td button.button, {{WRAPPER}} .woocommerce table.cart td.actions .coupon .wp-element-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'cart_button_box_shadow',
'selector' => '{{WRAPPER}} .woocommerce table tr td button.button, {{WRAPPER}} .woocommerce table.cart td.actions .coupon .wp-element-button',
]
);
$this->add_control(
'cart_button_text_padding',
[
'label' => esc_html__('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce table tr td button.button, {{WRAPPER}} .woocommerce table.cart td.actions .coupon .wp-element-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'separator' => 'before',
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'cart_button_typography',
'label' => esc_html__('Typography', 'bdthemes-element-pack'),
//'scheme' => Schemes\Typography::TYPOGRAPHY_4,
'selector' => '{{WRAPPER}} .woocommerce table tr td button.button',
'separator' => 'before',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_cart_button_hover',
[
'label' => esc_html__('Hover', 'bdthemes-element-pack'),
]
);
$this->add_control(
'cart_button_hover_color',
[
'label' => esc_html__('Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce table tr td button.button:hover, {{WRAPPER}} .woocommerce table.cart td.actions .coupon .wp-element-button:hover' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'cart_button_background_hover_color',
[
'label' => esc_html__('Background Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce table tr td button.button:hover, {{WRAPPER}} .woocommerce table.cart td.actions .coupon .wp-element-button:hover' => 'background-color: {{VALUE}};',
],
]
);
$this->add_control(
'cart_button_hover_border_color',
[
'label' => esc_html__('Border Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'condition' => [
'border_border!' => '',
],
'selectors' => [
'{{WRAPPER}} .woocommerce table tr td button.button:hover, {{WRAPPER}} .woocommerce table.cart td.actions .coupon .wp-element-button:hover' => 'border-color: {{VALUE}};',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
// Cart table button
$this->start_controls_section(
'section_style_cart_checkout_button',
[
'label' => esc_html__('Checkout Button', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['woocommerce_cart'],
],
]
);
$this->add_control(
'cart_checkout_button_heading',
[
'label' => esc_html__('Button Style', 'bdthemes-element-pack'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->start_controls_tabs('tabs_cart_checkout_button_style');
$this->start_controls_tab(
'tab_cart_checkout_button_normal',
[
'label' => esc_html__('Normal', 'bdthemes-element-pack'),
]
);
$this->add_control(
'cart_checkout_button_text_color',
[
'label' => esc_html__('Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .wc-proceed-to-checkout a.checkout-button' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'cart_checkout_button_background_color',
[
'label' => esc_html__('Background Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .wc-proceed-to-checkout a.checkout-button' => 'background-color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'cart_checkout_button_border',
'label' => esc_html__('Border', 'bdthemes-element-pack'),
'placeholder' => '1px',
'default' => '1px',
'selector' => '{{WRAPPER}} .wc-proceed-to-checkout a.checkout-button',
'separator' => 'before',
]
);
$this->add_control(
'cart_checkout_button_border_radius',
[
'label' => esc_html__('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', '%'],
'selectors' => [
'{{WRAPPER}} .wc-proceed-to-checkout a.checkout-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'cart_checkout_button_box_shadow',
'selector' => '{{WRAPPER}} .wpcf7-submit',
]
);
$this->add_control(
'cart_checkout_button_text_padding',
[
'label' => esc_html__('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .wc-proceed-to-checkout a.checkout-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'separator' => 'before',
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'cart_checkout_button_typography',
'label' => esc_html__('Typography', 'bdthemes-element-pack'),
//'scheme' => Schemes\Typography::TYPOGRAPHY_4,
'selector' => '{{WRAPPER}} .wc-proceed-to-checkout a.checkout-button',
'separator' => 'before',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_cart_checkout_button_hover',
[
'label' => esc_html__('Hover', 'bdthemes-element-pack'),
]
);
$this->add_control(
'cart_checkout_button_hover_color',
[
'label' => esc_html__('Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .wc-proceed-to-checkout a.checkout-button:hover' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'cart_checkout_button_background_hover_color',
[
'label' => esc_html__('Background Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .wc-proceed-to-checkout a.checkout-button:hover' => 'background-color: {{VALUE}};',
],
]
);
$this->add_control(
'cart_checkout_button_hover_border_color',
[
'label' => esc_html__('Border Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'condition' => [
'border_border!' => '',
],
'selectors' => [
'{{WRAPPER}} .wc-proceed-to-checkout a.checkout-button:hover' => 'border-color: {{VALUE}};',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
// Account style
$this->start_controls_section(
'section_style_my_account',
[
'label' => esc_html__('My Account Style', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['woocommerce_my_account'],
],
]
);
$this->add_control(
'my_account_notice',
[
'label' => 'My Account does not support any style because my account others menu is dynamic part of My Account widget. We are sorry for it.',
'type' => Controls_Manager::RAW_HTML,
]
);
$this->end_controls_section();
/**
* Woocommerce Single Product Page Style
*/
$this->start_controls_section(
'section_style_title',
[
'label' => __('Product Title', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['product_page'],
],
]
);
$this->add_control(
'title_color',
[
'label' => __('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .product_title' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'title_typography',
'selector' => '{{WRAPPER}} .woocommerce div.product .product_title',
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_price',
[
'label' => __('Product Price', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['product_page'],
],
]
);
$this->add_control(
'regular_color',
[
'label' => esc_html__('Regular Color', 'bdthemes-element-pack') . BDTEP_NC,
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product p.price del, {{WRAPPER}} .woocommerce div.product span.price del' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'price_color',
[
'label' => esc_html__('Sale Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product p.price,{{WRAPPER}} .woocommerce div.product span.price' => 'color: {{VALUE}};',
'{{WRAPPER}} .woocommerce div.product p.price ins, {{WRAPPER}} .woocommerce div.product span.price ins' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'price_typography',
'selector' => '{{WRAPPER}} .woocommerce div.product p.price,{{WRAPPER}} .woocommerce div.product span.price',
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_style_product_rating',
[
'label' => esc_html__( 'Product Rating', 'bdthemes-element-pack' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => [ 'product_page' ],
],
]
);
$this->add_control(
'_ep_wc_rating_row',
[
'type' => Controls_Manager::HIDDEN,
'default' => '1',
'selectors' => [
'{{WRAPPER}} .woocommerce .woocommerce-product-rating' => 'display: flex; flex-wrap: wrap; align-items: center;',
'{{WRAPPER}} .woocommerce .woocommerce-product-rating .star-rating' => 'float: none; margin-top: 0;',
],
]
);
$this->add_responsive_control(
'product_rating_align',
[
'label' => esc_html__( 'Alignment', 'bdthemes-element-pack' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'flex-start' => [
'title' => esc_html__( 'Left', 'bdthemes-element-pack' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => esc_html__( 'Center', 'bdthemes-element-pack' ),
'icon' => 'eicon-text-align-center',
],
'flex-end' => [
'title' => esc_html__( 'Right', 'bdthemes-element-pack' ),
'icon' => 'eicon-text-align-right',
],
'space-between' => [
'title' => esc_html__( 'Space Between', 'bdthemes-element-pack' ),
'icon' => 'eicon-text-align-justify',
],
],
'selectors' => [
'{{WRAPPER}} .woocommerce .woocommerce-product-rating' => 'justify-content: {{VALUE}};',
],
]
);
$this->add_responsive_control(
'product_rating_gap',
[
'label' => esc_html__( 'Gap', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem', '%' ],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .woocommerce .woocommerce-product-rating' => 'gap: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'product_rating_star_heading',
[
'label' => esc_html__( 'Stars', 'bdthemes-element-pack' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'product_rating_star_fill_color',
[
'label' => esc_html__( 'Filled Star Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce .woocommerce-product-rating .star-rating span::before' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'product_rating_star_empty_color',
[
'label' => esc_html__( 'Empty Star Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce .woocommerce-product-rating .star-rating::before' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'product_rating_star_typography',
'label' => esc_html__( 'Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce .woocommerce-product-rating .star-rating',
]
);
$this->add_responsive_control(
'product_rating_star_size',
[
'label' => esc_html__( 'Star Size', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem' ],
'range' => [
'px' => [
'min' => 8,
'max' => 80,
],
'em' => [
'min' => 0.5,
'max' => 5,
'step' => 0.05,
],
'rem' => [
'min' => 0.5,
'max' => 5,
'step' => 0.05,
],
],
'default' => [
'unit' => 'em',
],
'selectors' => [
'{{WRAPPER}} .woocommerce .woocommerce-product-rating .star-rating' => 'font-size: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'product_rating_star_review_space',
[
'label' => esc_html__( 'Space After Stars', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem' ],
'range' => [
'px' => [
'min' => 0,
'max' => 80,
],
],
'selectors' => [
'{{WRAPPER}} .woocommerce .woocommerce-product-rating .star-rating' => 'margin-inline-end: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'product_rating_review_heading',
[
'label' => esc_html__( 'Review Link', 'bdthemes-element-pack' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'product_rating_review_color',
[
'label' => esc_html__( 'Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce .woocommerce-product-rating .woocommerce-review-link' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'product_rating_review_hover_color',
[
'label' => esc_html__( 'Hover Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce .woocommerce-product-rating .woocommerce-review-link:hover' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'product_rating_review_typography',
'label' => esc_html__( 'Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce .woocommerce-product-rating .woocommerce-review-link',
]
);
$this->add_control(
'product_rating_count_heading',
[
'label' => esc_html__( 'Review Count', 'bdthemes-element-pack' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'product_rating_count_color',
[
'label' => esc_html__( 'Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce .woocommerce-product-rating .woocommerce-review-link .count' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'product_rating_count_typography',
'label' => esc_html__( 'Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce .woocommerce-product-rating .woocommerce-review-link .count',
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_style_product_meta',
[
'label' => esc_html__( 'Product Meta', 'bdthemes-element-pack' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => [ 'product_page' ],
],
]
);
$this->add_control(
'_ep_wc_product_meta_stack',
[
'type' => Controls_Manager::HIDDEN,
'default' => '1',
'selectors' => [
'{{WRAPPER}} .woocommerce .product_meta' => 'display: flex; flex-direction: column;',
],
]
);
$this->add_responsive_control(
'product_meta_gap',
[
'label' => esc_html__( 'Rows Gap', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem' ],
'range' => [
'px' => [
'min' => 0,
'max' => 80,
],
],
'selectors' => [
'{{WRAPPER}} .woocommerce .product_meta' => 'gap: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'product_meta_margin',
[
'label' => esc_html__( 'Margin', 'bdthemes-element-pack' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%', 'rem' ],
'selectors' => [
'{{WRAPPER}} .woocommerce .product_meta' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'product_meta_padding',
[
'label' => esc_html__( 'Padding', 'bdthemes-element-pack' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%', 'rem' ],
'selectors' => [
'{{WRAPPER}} .woocommerce .product_meta' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_control(
'product_meta_sku_heading',
[
'label' => esc_html__( 'SKU', 'bdthemes-element-pack' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'product_meta_sku_label_color',
[
'label' => esc_html__( 'Label & Text Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce .product_meta .sku_wrapper' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'product_meta_sku_value_color',
[
'label' => esc_html__( 'SKU Value Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce .product_meta .sku_wrapper .sku' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'product_meta_sku_typography',
'label' => esc_html__( 'Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce .product_meta .sku_wrapper',
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'product_meta_sku_value_typography',
'label' => esc_html__( 'SKU Value Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce .product_meta .sku_wrapper .sku',
]
);
$this->add_control(
'product_meta_category_heading',
[
'label' => esc_html__( 'Category', 'bdthemes-element-pack' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'product_meta_category_text_color',
[
'label' => esc_html__( 'Label Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'description' => esc_html__( 'Affects prefix text (“Category:”). Links use the colors below.', 'bdthemes-element-pack' ),
'selectors' => [
'{{WRAPPER}} .woocommerce .product_meta .posted_in' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'product_meta_category_link_color',
[
'label' => esc_html__( 'Link Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce .product_meta .posted_in a' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'product_meta_category_link_hover_color',
[
'label' => esc_html__( 'Link Hover Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce .product_meta .posted_in a:hover' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'product_meta_category_typography',
'label' => esc_html__( 'Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce .product_meta .posted_in',
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'product_meta_category_link_typography',
'label' => esc_html__( 'Link Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce .product_meta .posted_in a',
]
);
$this->add_control(
'product_meta_tags_heading',
[
'label' => esc_html__( 'Tags', 'bdthemes-element-pack' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'product_meta_tags_text_color',
[
'label' => esc_html__( 'Label Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'description' => esc_html__( 'Affects prefix text (“Tag:”). Links use the colors below.', 'bdthemes-element-pack' ),
'selectors' => [
'{{WRAPPER}} .woocommerce .product_meta .tagged_as' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'product_meta_tags_link_color',
[
'label' => esc_html__( 'Link Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce .product_meta .tagged_as a' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'product_meta_tags_link_hover_color',
[
'label' => esc_html__( 'Link Hover Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce .product_meta .tagged_as a:hover' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'product_meta_tags_typography',
'label' => esc_html__( 'Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce .product_meta .tagged_as',
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'product_meta_tags_link_typography',
'label' => esc_html__( 'Link Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce .product_meta .tagged_as a',
]
);
$this->end_controls_section();
$this->start_controls_section(
'short_desc_color',
[
'label' => __('Product Description', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['product_page'],
],
]
);
$this->add_control(
'sd_color',
[
'label' => esc_html__('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce-product-details__short-description' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'sd_color_typo',
'selector' => '{{WRAPPER}} .woocommerce-product-details__short-description',
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_style_add_to_cart',
[
'label' => __('Add To Cart', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['product_page'],
],
]
);
$this->start_controls_tabs('tabs_add_to_cart_style');
$this->start_controls_tab(
'tab_add_to_cart_normal',
[
'label' => __('Normal', 'bdthemes-element-pack'),
]
);
$this->add_control(
'add_to_cart_text_color',
[
'label' => __('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'default' => '#fff',
'selectors' => [
'{{WRAPPER}} .woocommerce div.product form.cart .button' => 'color: {{VALUE}}; cursor:pointer;'
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'add_to_cart_background',
'label' => __('Background', 'bdthemes-element-pack'),
'types' => [
'classic', 'gradient'
],
'exclude' => ['image'],
'fields_options' => [
'background' => [
'default' => 'classic',
],
'color' => [
'default' => '#1E87F0',
],
],
'selector' => '{{WRAPPER}} .woocommerce div.product form.cart .button',
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'add_to_cart_border',
'label' => __('Border', 'bdthemes-element-pack'),
'fields_options' => [
'border' => [
'default' => 'solid',
],
'width' => [
'default' => [
'top' => '0',
'right' => '0',
'bottom' => '0',
'left' => '0',
'isLinked' => false,
],
],
// 'color' => [
// 'default' => '#8D99AE',
// ],
],
'selector' => '{{WRAPPER}} .woocommerce div.product form.cart .button',
'separator' => 'before',
]
);
$this->add_responsive_control(
'add_to_cart_border_radius',
[
'label' => __('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce div.product form.cart .button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'add_to_cart_padding',
[
'label' => __('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce div.product form.cart .button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'qty_fields_gap',
[
'label' => __('Spacing', 'bdthemes-element-pack') . BDTEP_NC,
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce div.product form.cart .button' => 'margin-left: {{SIZE}}{{UNIT}} !important;',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'add_to_cart_typography',
'selector' => '{{WRAPPER}} .woocommerce div.product form.cart .button',
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'add_to_cart_box_shadow',
'selector' => '{{WRAPPER}} .woocommerce div.product form.cart .button',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_add_to_cart_hover',
[
'label' => __('Hover', 'bdthemes-element-pack'),
]
);
$this->add_control(
'add_to_cart_hover_color',
[
'label' => __('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product form.cart .button:hover, {{WRAPPER}} .woocommerce div.product form.cart .button:focus' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'add_to_cart_hover_border_color',
[
'label' => __('Border Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'condition' => [
'add_to_cart_border_border!' => '',
],
'selectors' => [
'{{WRAPPER}} .woocommerce div.product form.cart .button:hover, {{WRAPPER}} .woocommerce div.product form.cart .button:focus' => 'border-color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'add_to_cart_hover_background',
'label' => __('Background', 'bdthemes-element-pack'),
'exclude' => ['image'],
'selector' => '{{WRAPPER}} .woocommerce div.product form.cart .button:hover, {{WRAPPER}} .elementor-button:focus',
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
$this->start_controls_section(
'qty_style',
[
'label' => __('Quantity Field', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['product_page'],
],
]
);
$this->add_responsive_control(
'qty_fields_width',
[
'label' => esc_html__('Width', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', 'rem', 'em', '%'],
'range' => [
'px' => [
'min' => 0,
'max' => 500,
],
'%' => [
'min' => 0,
'max' => 100,
],
'em' => [
'min' => 0,
'max' => 20,
],
'rem' => [
'min' => 0,
'max' => 20,
],
],
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .woocommerce .quantity .qty' => 'width: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'qty_fields_height',
[
'label' => esc_html__('Height', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', 'rem', 'em', '%'],
'range' => [
'px' => [
'min' => 0,
'max' => 500,
],
'%' => [
'min' => 0,
'max' => 100,
],
'em' => [
'min' => 0,
'max' => 20,
],
'rem' => [
'min' => 0,
'max' => 20,
],
],
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .woocommerce .quantity .qty' => 'height: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'qty_fields_color',
[
'label' => __('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .quantity input[type=number]' => 'color: {{VALUE}} ',
'{{WRAPPER}} .quantity input[type=number]::placeholder' => 'color: {{VALUE}} ',
],
'separator' => 'before',
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'qty_fields_background',
'exclude' => ['image'],
'selector' => '{{WRAPPER}} .quantity input[type=number]',
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'qty_fields_border',
'label' => __(
'Border',
'bdthemes-element-pack'
),
'fields_options' => [
'border' => [
'default' => 'solid',
],
'width' => [
'default' => [
'top' => '1',
'right' => '1',
'bottom' => '1',
'left' => '1',
'isLinked' => false,
],
],
'color' => [
'default' => '#a4afb7',
],
],
'selector' => '{{WRAPPER}} .quantity input[type=number]',
'separator' => 'before',
]
);
$this->add_responsive_control(
'qty_fields_border_radius',
[
'label' => esc_html__('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', '%'],
'default' => [
'top' => '3',
'right' => '3',
'bottom' => '3',
'left' => '3',
'isLinked' => false
],
'selectors' => [
'{{WRAPPER}} .quantity input[type=number]' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_control(
'qty_fields_padding',
[
'label' => __('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'selectors' => [
'{{WRAPPER}} .quantity input[type=number]' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} ;',
],
]
);
// $this->add_responsive_control(
// 'qty_fields_spacing',
// [
// 'label' => __('Spacing', 'bdthemes-element-pack'),
// 'type' => Controls_Manager::SLIDER,
// 'size_units' => ['px', 'rem', 'em', '%'],
// 'selectors' => [
// '{{WRAPPER}}.elementor-widget-bdt-wc-elements .woocommerce .quantity' => 'margin: 0 {{SIZE}}{{UNIT}} 0 0;',
// ],
// ]
// );
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'qty_fields_typography',
'selector' => '{{WRAPPER}} .quantity input[type=number]',
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'qty_fields_shadow',
'selector' => '{{WRAPPER}} .quantity input[type=number]'
]
);
$this->end_controls_section();
/**
* Quantity Plus Minus
*/
$this->start_controls_section(
'section_quantity_plus_minus',
[
'label' => __('Quantity Plus Minus', 'bdthemes-element-pack') . BDTEP_NC,
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['product_page'],
],
]
);
$this->start_controls_tabs('quantity_plus_minus_tabs');
$this->start_controls_tab(
'quantity_plus_minus_normal_tab',
[
'label' => __('Normal', 'bdthemes-element-pack'),
]
);
$this->add_control(
'quantity_plus_minus_color',
[
'label' => __('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .quantity button' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'quantity_plus_minus_background',
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .quantity button',
'exclude' => ['image'],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'quantity_plus_minus_border',
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .quantity button',
'separator' => 'before',
]
);
$this->add_responsive_control(
'quantity_plus_minus_border_radius',
[
'label' => __('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', '%'],
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .quantity button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'quantity_plus_minus_padding',
[
'label' => __('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', 'em', '%'],
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .quantity button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'quantity_plus_minus_box_shadow',
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .quantity button',
]
);
// $this->add_responsive_control(
// 'quantity_plus_minus_spacing',
// [
// 'label' => __('Space Between', 'bdthemes-element-pack'),
// 'type' => Controls_Manager::SLIDER,
// 'size_units' => ['px', 'rem', 'em', '%'],
// 'selectors' => [
// '{{WRAPPER}}.elementor-widget-bdt-wc-elements .woocommerce .quantity .qty' => 'margin: 0 {{SIZE}}{{UNIT}};',
// ],
// ]
// );
$this->add_responsive_control(
'quantity_plus_minus_icon_size',
[
'label' => __('Icon Size', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', 'rem', '%'],
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .quantity button' => 'font-size: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'quantity_plus_minus_gap',
[
'label' => __('Gap', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', 'em', '%'],
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .quantity' => 'gap: {{SIZE}}{{UNIT}};',
],
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'quantity_plus_minus_hover_tab',
[
'label' => __('Hover', 'bdthemes-element-pack'),
]
);
$this->add_control(
'quantity_plus_minus_hover_color',
[
'label' => __('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .quantity button:hover' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'quantity_plus_minus_hover_background',
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .quantity button:hover',
'exclude' => ['image'],
]
);
$this->add_control(
'quantity_plus_minus_hover_border_color',
[
'label' => __('Border Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .quantity button:hover' => 'border-color: {{VALUE}};',
],
'condition' => [
'quantity_plus_minus_border_border!' => '',
],
'separator' => 'before',
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'quantity_plus_minus_hover_box_shadow',
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .quantity button:hover',
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
/**
* Variation Swatches
*/
$this->start_controls_section(
'section_variation_swatches',
[
'label' => __('Variation Swatches', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['product_page'],
],
]
);
$this->add_control(
'variation_label_color',
[
'label' => __('Label Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations label' => 'color: {{VALUE}};',
],
]
);
$this->add_responsive_control(
'variation_label_spacing',
[
'label' => __('Right Spacing', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements form.cart table.variations td' => 'padding-left: {{SIZE}}{{UNIT}} !important;',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'variation_label_typography',
'label' => __('Label Typography', 'bdthemes-element-pack'),
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations label',
]
);
$this->start_controls_tabs('variation_tabs');
$this->start_controls_tab(
'variation_tab_normal',
[
'label' => __('Normal', 'bdthemes-element-pack'),
]
);
$this->add_control(
'variation_color',
[
'label' => __('Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations select' => 'color: {{VALUE}};',
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .ep-variation-swatches__item' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'variation_background',
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations select, {{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .ep-variation-swatches__item',
'exclude' => ['image'],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'variation_border',
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations select, {{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .ep-variation-swatches__item',
'separator' => 'before',
]
);
$this->add_responsive_control(
'variation_border_radius',
[
'label' => __('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', '%'],
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations select' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .ep-variation-swatches__item' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'variation_padding',
[
'label' => __('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', 'em', '%'],
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations select' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .ep-variation-swatches__item' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'variation_gap',
[
'label' => __('Gap', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', 'rem', '%'],
'range' => [
'px' => [
'min' => 0,
'max' => 50,
'step' => 1,
],
'rem' => [
'min' => 0,
'max' => 20,
'step' => 0.1,
],
'%' => [
'min' => 0,
'max' => 100,
'step' => 1,
],
],
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .ep-variation-swatches__wrapper' => 'gap: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'variation_box_shadow',
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations select, {{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .ep-variation-swatches__item',
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'variation_typography',
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations select, {{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .ep-variation-swatches__item',
]
);
$this->add_control(
'variation_reset_color',
[
'label' => __('Reset Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .reset_variations' => 'color: {{VALUE}};',
],
'separator' => 'before',
]
);
$this->add_responsive_control(
'variation_reset_gap',
[
'label' => __('Left Spacing', 'bdthemes-element-pack'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', 'rem', '%'],
'range' => [
'px' => [
'min' => 40,
'max' => 100,
'step' => 1,
],
'rem' => [
'min' => 0,
'max' => 20,
'step' => 0.1,
],
'%' => [
'min' => 0,
'max' => 100,
'step' => 1,
],
],
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .reset_variations' => 'right: -{{SIZE}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'variation_reset_typography',
'label' => __('Reset Typography', 'bdthemes-element-pack'),
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .reset_variations',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'variation_tab_hover',
[
'label' => __('Hover', 'bdthemes-element-pack'),
]
);
$this->add_control(
'variation_color_hover',
[
'label' => __('Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations select:hover' => 'color: {{VALUE}};',
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .ep-variation-swatches__item:hover' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'variation_background_hover',
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations select:hover, {{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .ep-variation-swatches__item:hover',
'exclude' => ['image'],
]
);
$this->add_control(
'variation_border_color_hover',
[
'label' => __('Border Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations select:hover' => 'border-color: {{VALUE}};',
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .ep-variation-swatches__item:hover' => 'border-color: {{VALUE}};',
],
'condition' => [
'variation_border_border!' => '',
],
'separator' => 'before',
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'variation_box_shadow_hover',
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations select:hover, {{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .ep-variation-swatches__item:hover',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'variation_tab_active',
[
'label' => __('Active', 'bdthemes-element-pack'),
]
);
$this->add_control(
'variation_color_active',
[
'label' => __('Text Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations select:focus' => 'color: {{VALUE}};',
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .ep-variation-swatches__item.selected' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'variation_background_active',
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations select:focus, {{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .ep-variation-swatches__item.selected',
'exclude' => ['image'],
]
);
$this->add_control(
'variation_border_color_active',
[
'label' => __('Border Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations select:focus' => 'border-color: {{VALUE}};',
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .ep-variation-swatches__item.selected' => 'border-color: {{VALUE}};',
],
'condition' => [
'variation_border_border!' => '',
],
'separator' => 'before',
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'variation_box_shadow_active',
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .variations select:focus, {{WRAPPER}}.elementor-widget-bdt-wc-elements .variations .ep-variation-swatches__item.selected',
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
/**
* Variation Swatches product price
*/
$this->start_controls_section(
'price_variation',
[
'label' => __('Variation Price', 'bdthemes-element-pack') . BDTEP_NC,
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['product_page'],
],
]
);
$this->add_responsive_control(
'price_variation_margin',
[
'label' => __('Margin', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'em', '%'],
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .woocommerce-variation-price' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->start_controls_tabs('tabs_price_variation_style');
$this->start_controls_tab(
'price_variation_regular',
[
'label' => __('Regular Price', 'bdthemes-element-pack'),
]
);
$this->add_control(
'price_variation_color',
[
'label' => esc_html__('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .woocommerce-variation-price .price, {{WRAPPER}}.elementor-widget-bdt-wc-elements .woocommerce-variation-price del' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'price_variation_typography',
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .woocommerce-variation-price .price, {{WRAPPER}}.elementor-widget-bdt-wc-elements .woocommerce-variation-price del'
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'price_variation_sale',
[
'label' => __('Sale price ', 'bdthemes-element-pack'),
]
);
$this->add_control(
'price_variation_color_sale',
[
'label' => esc_html__('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .woocommerce-variation-price ins' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'price_variation_typography_sale',
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .woocommerce-variation-price ins',
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
$this->start_controls_section(
'tabs_nav_item_style_section',
[
'label' => __('Tabs Item', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['product_page'],
],
]
);
$this->add_responsive_control(
'tabs_nav_item_padding',
[
'label' => esc_html__(
'Padding',
'bdthemes-element-pack'
),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs ul.tabs li a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'tabs_nav_item_margin',
[
'label' => esc_html__('Margin', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs ul.tabs li a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'tabs_nav_item_typography',
'selector' => '{{WRAPPER}} .woocommerce div.product .woocommerce-tabs ul.tabs li a',
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'tabs_nav_item_border',
'selector' => '{{WRAPPER}} .woocommerce div.product .woocommerce-tabs ul.tabs li a',
]
);
$this->add_responsive_control(
'tabs_nav_item_border_radius',
[
'label' => __('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs ul.tabs li a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->start_controls_tabs('tabs_tabs_nav');
$this->start_controls_tab(
'tabs_nav_item_normal',
[
'label' => __('Normal', 'bdthemes-element-pack'),
]
);
$this->add_control(
'tabs_nav_item_color',
[
'label' => esc_html__('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs ul.tabs li a' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'tabs_nav_item_bg',
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}} .woocommerce div.product .woocommerce-tabs ul.tabs li a',
]
);
$this->add_control(
'tabs_nav_item_line_color',
[
'label' => esc_html__('Line Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs ul.tabs::before' => 'border-bottom-color: {{VALUE}};',
],
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tabs_nav_item_hover',
[
'label' => __('Hover', 'bdthemes-element-pack'),
]
);
$this->add_control(
'tabs_nav_item_color_hover',
[
'label' => esc_html__('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'tabs_nav_item_bg_hover',
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}} .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover',
]
);
$this->add_control(
'tabs_nav_item_border_color_hover',
[
'label' => esc_html__('Border Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'condition' => [
'tabs_nav_item_border_border!' => '',
],
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover' => 'border-color: {{VALUE}};',
],
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tabs_nav_active',
[
'label' => __('Active', 'bdthemes-element-pack'),
]
);
$this->add_control(
'tabs_nav_color_active',
[
'label' => esc_html__('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'tabs_nav_bg_active',
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a',
]
);
$this->add_control(
'tabs_nav_item_border_color_active',
[
'label' => esc_html__('Border Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'condition' => [
'tabs_nav_item_border_border!' => '',
],
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a' => 'border-color: {{VALUE}};',
],
]
);
$this->add_control(
'tabs_nav_active_line_color',
[
'label' => esc_html__('Line Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .woocommerce div.product .woocommerce-tabs ul.tabs li a:after' => 'background: {{VALUE}};',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
$this->start_controls_section(
'tabs_content',
[
'label' => esc_html__( 'Tabs Panel', 'bdthemes-element-pack' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['product_page'],
],
]
);
$this->add_control(
'tabs_content_color',
[
'label' => __('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .woocommerce-tabs .wc-tab' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'tabs_content_bg',
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .woocommerce-tabs .wc-tab',
]
);
$this->add_responsive_control(
'tabs_content_padding',
[
'label' => esc_html__('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', 'em', '%'],
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .woocommerce-tabs .wc-tab' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'tabs_content_border_radius',
[
'label' => __('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', '%'],
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .woocommerce-tabs .wc-tab' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}; overflow: hidden;',
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'tabs_content_border',
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .woocommerce-tabs .wc-tab',
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_style_tabs_content_description',
[
'label' => esc_html__( 'Tabs Content: Description', 'bdthemes-element-pack' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => [ 'product_page' ],
],
]
);
$this->add_control(
'tabs_content_panel_heading',
[
'label' => esc_html__( 'Panel Heading', 'bdthemes-element-pack' ),
'type' => Controls_Manager::HEADING,
]
);
$this->add_control(
'tabs_content_panel_title_color',
[
'label' => esc_html__( 'Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'description' => esc_html__( '“Description”, “Additional information”, etc.', 'bdthemes-element-pack' ),
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description > h2' => 'color: {{VALUE}};',
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information > h2' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'tabs_content_panel_title_typography',
'label' => esc_html__( 'Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description > h2, {{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information > h2',
]
);
$this->add_responsive_control(
'tabs_content_panel_title_spacing',
[
'label' => esc_html__( 'Title Bottom Space', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em' ],
'range' => [
'px' => [
'min' => 0,
'max' => 80,
],
],
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description > h2' => 'margin-bottom: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information > h2' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'tabs_content_tab_body_heading',
[
'label' => esc_html__( 'Tab Body', 'bdthemes-element-pack' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'tabs_content_description_body_color',
[
'label' => esc_html__( 'Text Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'tabs_content_description_body_typography',
'label' => esc_html__( 'Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description > *:not(h2)',
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_style_tabs_content_additional_info',
[
'label' => esc_html__( 'Tabs Content: Additional Information', 'bdthemes-element-pack' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => [ 'product_page' ],
],
]
);
$this->add_control(
'tabs_content_attributes_th_color',
[
'label' => esc_html__( 'Label Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table.shop_attributes th' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'tabs_content_attributes_th_typography',
'label' => esc_html__( 'Label Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table.shop_attributes th',
]
);
$this->add_control(
'tabs_content_attributes_td_color',
[
'label' => esc_html__( 'Value Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table.shop_attributes td' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'tabs_content_attributes_td_typography',
'label' => esc_html__( 'Value Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table.shop_attributes td',
]
);
$this->add_responsive_control(
'tabs_content_attributes_cell_padding',
[
'label' => esc_html__( 'Cell Padding', 'bdthemes-element-pack' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em' ],
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table.shop_attributes th' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table.shop_attributes td' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_style_tabs_content_reviews',
[
'label' => esc_html__( 'Tabs Content: Reviews', 'bdthemes-element-pack' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => [ 'product_page' ],
],
]
);
$this->add_control(
'tabs_content_reviews_title_color',
[
'label' => esc_html__( 'Reviews Title Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'tabs_content_reviews_title_typography',
'label' => esc_html__( 'Reviews Title Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title',
]
);
$this->add_responsive_control(
'tabs_content_reviews_title_spacing',
[
'label' => esc_html__( 'Reviews Title Bottom Space', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em' ],
'range' => [
'px' => [
'min' => 0,
'max' => 80,
],
],
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'tabs_content_reviews_author_color',
[
'label' => esc_html__( 'Reviewer Name Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-review__author' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'tabs_content_reviews_meta_color',
[
'label' => esc_html__( 'Review Meta Color', 'bdthemes-element-pack' ),
'description' => esc_html__( 'Date, dash, and surrounding meta text.', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-text .meta' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'tabs_content_reviews_meta_typography',
'label' => esc_html__( 'Review Meta Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-text .meta',
]
);
$this->add_control(
'tabs_content_reviews_text_color',
[
'label' => esc_html__( 'Review Text Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-text .description' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'tabs_content_reviews_text_typography',
'label' => esc_html__( 'Review Text Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-text .description',
]
);
$this->add_control(
'tabs_content_reviews_star_heading',
[
'label' => esc_html__( 'Review Stars', 'bdthemes-element-pack' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'tabs_content_reviews_star_fill_color',
[
'label' => esc_html__( 'Filled Star Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-text .star-rating span::before' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'tabs_content_reviews_star_empty_color',
[
'label' => esc_html__( 'Empty Star Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-text .star-rating::before' => 'color: {{VALUE}};',
],
]
);
$this->add_responsive_control(
'tabs_content_reviews_star_size',
[
'label' => esc_html__( 'Star Size', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem' ],
'range' => [
'px' => [
'min' => 8,
'max' => 48,
],
'em' => [
'min' => 0.5,
'max' => 3,
'step' => 0.05,
],
],
'default' => [
'unit' => 'em',
],
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-text .star-rating' => 'font-size: {{SIZE}}{{UNIT}};',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_style_tabs_content_review_form',
[
'label' => esc_html__( 'Tabs Content: Review Form', 'bdthemes-element-pack' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => [ 'product_page' ],
],
]
);
$this->add_control(
'tabs_content_review_form_title_color',
[
'label' => esc_html__( 'Form Title Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper .comment-reply-title' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'tabs_content_review_form_title_typography',
'label' => esc_html__( 'Form Title Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper .comment-reply-title',
]
);
$this->add_control(
'tabs_content_review_form_label_color',
[
'label' => esc_html__( 'Label Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper label' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'tabs_content_review_form_label_typography',
'label' => esc_html__( 'Label Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper label',
]
);
$this->add_control(
'tabs_content_review_form_field_color',
[
'label' => esc_html__( 'Field Text Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper input[type=text], {{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper input[type=email]' => 'color: {{VALUE}};',
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper textarea' => 'color: {{VALUE}};',
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper select' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'tabs_content_review_form_field_background',
[
'label' => esc_html__( 'Field Background', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper input[type=text], {{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper input[type=email]' => 'background-color: {{VALUE}};',
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper textarea' => 'background-color: {{VALUE}};',
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper select' => 'background-color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'tabs_content_review_form_field_border',
'label' => esc_html__( 'Field Border', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper input[type=text], {{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper input[type=email], {{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper textarea, {{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper select',
]
);
$this->add_responsive_control(
'tabs_content_review_form_field_padding',
[
'label' => esc_html__( 'Field Padding', 'bdthemes-element-pack' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em' ],
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper input[type=text]' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper input[type=email]' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper textarea' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper select' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'tabs_content_review_form_field_typography',
'label' => esc_html__( 'Field Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper input[type=text], {{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper input[type=email], {{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper textarea, {{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper select',
]
);
$this->start_controls_tabs( 'tabs_content_review_form_submit' );
$this->start_controls_tab(
'tabs_content_review_form_submit_normal',
[
'label' => esc_html__( 'Submit Normal', 'bdthemes-element-pack' ),
]
);
$this->add_control(
'tabs_content_review_form_submit_color',
[
'label' => esc_html__( 'Text Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper #submit' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'tabs_content_review_form_submit_bg',
[
'label' => esc_html__( 'Background', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper #submit' => 'background-color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'tabs_content_review_form_submit_typography',
'label' => esc_html__( 'Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper #submit',
]
);
$this->add_responsive_control(
'tabs_content_review_form_submit_padding',
[
'label' => esc_html__( 'Padding', 'bdthemes-element-pack' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em' ],
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper #submit' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'tabs_content_review_form_submit_border',
'label' => esc_html__( 'Border', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper #submit',
]
);
$this->add_responsive_control(
'tabs_content_review_form_submit_radius',
[
'label' => esc_html__( 'Border Radius', 'bdthemes-element-pack' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper #submit' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tabs_content_review_form_submit_hover',
[
'label' => esc_html__( 'Submit Hover', 'bdthemes-element-pack' ),
]
);
$this->add_control(
'tabs_content_review_form_submit_hover_color',
[
'label' => esc_html__( 'Text Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper #submit:hover' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'tabs_content_review_form_submit_hover_bg',
[
'label' => esc_html__( 'Background', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper #submit:hover' => 'background-color: {{VALUE}};',
],
]
);
$this->add_control(
'tabs_content_review_form_submit_hover_border',
[
'label' => esc_html__( 'Border Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'condition' => [
'tabs_content_review_form_submit_border_border!' => '',
],
'selectors' => [
'{{WRAPPER}} .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form_wrapper #submit:hover' => 'border-color: {{VALUE}};',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
$this->start_controls_section(
'section_style_product_related',
[
'label' => __('Related Product', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['product_page'],
],
]
);
$this->add_control(
'tab_product_related_heading',
[
'label' => __('Heading', 'bdthemes-element-pack'),
'type' => Controls_Manager::HEADING,
]
);
$this->add_control(
'related_heading_color',
[
'label' => __( 'Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .related.products > h2' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'related_heading_typography',
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements .related.products > h2',
]
);
$this->add_responsive_control(
'related_heading_margin',
[
'label' => __('Margin', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'rem', 'em', '%' ],
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements .related.products > h2' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_control(
'tab_product_related_items',
[
'label' => __('Items', 'bdthemes-element-pack'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'related_items_background',
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}} .woocommerce ul.products li.product',
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'related_items_border',
'selector' => '{{WRAPPER}} .woocommerce ul.products li.product',
]
);
$this->add_responsive_control(
'related_items_border_radius',
[
'label' => __('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce ul.products li.product' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'related_items_padding',
[
'label' => __('Padding', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce ul.products li.product' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'related_items_box_shadow',
'selector' => '{{WRAPPER}} .woocommerce ul.products li.product',
]
);
$this->start_controls_tabs(
'tabs_product_related'
);
$this->start_controls_tab(
'tab_product_related_title',
[
'label' => __('Title', 'bdthemes-element-pack'),
]
);
$this->add_control(
'related_title_color',
[
'label' => __('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce ul.products li.product .woocommerce-loop-product__title' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'related_title_typography',
'selector' => '{{WRAPPER}} .woocommerce ul.products li.product .woocommerce-loop-product__title',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_product_related_price',
[
'label' => __('Price', 'bdthemes-element-pack'),
]
);
$this->add_control(
'related_price_color',
[
'label' => esc_html__('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce ul.products li.product .price' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'related_price_typography',
'selector' => '{{WRAPPER}} .woocommerce ul.products li.product .price',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_product_related_cart',
[
'label' => __('Cart', 'bdthemes-element-pack'),
]
);
$this->add_control(
'related_cart_color',
[
'label' => esc_html__('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce ul.products li.product a.button' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'related_cart_background_color',
[
'label' => esc_html__('Background', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .woocommerce ul.products li.product a.button' => 'background-color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'related_cart_border',
'selector' => '{{WRAPPER}} .woocommerce ul.products li.product a.button',
]
);
$this->add_responsive_control(
'related_cart_border_radius',
[
'label' => __('Border Radius', 'bdthemes-element-pack'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce ul.products li.product a.button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'related_cart_padding',
[
'label' => __( 'Padding', 'bdthemes-element-pack' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'rem', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .woocommerce ul.products li.product a.button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'related_cart_typography',
'label' => __( 'Typography', 'bdthemes-element-pack' ),
'selector' => '{{WRAPPER}} .woocommerce ul.products li.product a.button',
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
$this->start_controls_section(
'section_style_badge',
[
'label' => __('Sale Badge', 'bdthemes-element-pack'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element' => ['product_page'],
],
]
);
$this->add_control(
'sale_badge_color',
[
'label' => __('Color', 'bdthemes-element-pack'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}}.elementor-widget-bdt-wc-elements span.onsale' => 'color: {{VALUE}}',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'sale_badge_background',
'label' => __('Background', 'bdthemes-element-pack'),
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}}.elementor-widget-bdt-wc-elements span.onsale',
]
);
$this->end_controls_section();
}
private function get_current_product_context_id() {
if (! function_exists('wc_get_product')) {
return 0;
}
if (function_exists('is_product') && is_product()) {
return (int) get_queried_object_id();
}
$candidate_id = (int) get_the_ID();
if ($candidate_id && wc_get_product($candidate_id)) {
return $candidate_id;
}
return 0;
}
private function get_shortcode() {
$settings = $this->get_settings_for_display();
switch ($settings['element']) {
case '':
return '';
break;
case 'product_page':
$resolved_id = ! empty($settings['product_id']) ? absint($settings['product_id']) : 0;
if (! $resolved_id) {
$resolved_id = $this->get_current_product_context_id();
}
$product = false;
if ($resolved_id) {
$product_data = get_post($resolved_id);
$product = (! empty($product_data) && in_array($product_data->post_type, array('product', 'product_variation'), true))
? wc_setup_product_data($product_data)
: false;
}
if (empty($product)) {
return current_user_can('manage_options')
? esc_html__('Set a Product ID / dynamic tag, or edit this page in a valid product context.', 'bdthemes-element-pack')
: '';
}
$this->add_render_attribute('shortcode', 'id', $resolved_id);
break;
case 'woocommerce_cart':
case 'woocommerce_checkout':
case 'woocommerce_order_tracking':
break;
}
$shortcode = sprintf('[%s %s]', $settings['element'], $this->get_render_attribute_string('shortcode'));
return $shortcode;
}
protected function render() {
$shortcode = $this->get_shortcode();
if (empty($shortcode)) {
return;
}
Module::instance()->add_products_post_class_filter();
// Setup quantity plus/minus buttons
ep_setup_quantity_buttons();
$html = do_shortcode($shortcode);
if ('woocommerce_checkout' === $this->get_settings('element') && '' === $html) {
$html = '' . esc_html__('Your cart is currently empty.', 'bdthemes-element-pack') . '
';
}
// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
echo $html;
Module::instance()->remove_products_post_class_filter();
}
public function render_plain_content() {
echo wp_kses_post($this->get_shortcode());
}
}