1981 lines
51 KiB
PHP
1981 lines
51 KiB
PHP
<?php
|
|
namespace Elementor;
|
|
|
|
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
|
|
|
|
class Jet_Blocks_Woo_Cart extends Jet_Blocks_Base {
|
|
|
|
public function get_name() {
|
|
return 'jet-blocks-cart';
|
|
}
|
|
|
|
public function get_title() {
|
|
return esc_html__( 'WooCommerce Shopping Cart', 'jet-blocks' );
|
|
}
|
|
|
|
public function get_icon() {
|
|
return 'jet-blocks-icon-woo-cart';
|
|
}
|
|
|
|
public function get_jet_help_url() {
|
|
return 'https://crocoblock.com/knowledge-base/articles/how-to-add-a-woocommerce-shopping-cart-to-the-header/';
|
|
}
|
|
|
|
public function get_categories() {
|
|
return array( 'jet-blocks' );
|
|
}
|
|
|
|
protected function _register_controls() {
|
|
$this->start_controls_section(
|
|
'section_settings',
|
|
array(
|
|
'label' => esc_html__( 'Settings', 'jet-blocks' ),
|
|
)
|
|
);
|
|
|
|
$this->add_control(
|
|
'cart_label',
|
|
array(
|
|
'label' => esc_html__( 'Label', 'jet-blocks' ),
|
|
'type' => Controls_Manager::TEXT,
|
|
'default' => esc_html__( 'Cart', 'jet-blocks' ),
|
|
)
|
|
);
|
|
|
|
$this->__add_advanced_icon_control(
|
|
'cart_icon',
|
|
array(
|
|
'label' => esc_html__( 'Icon', 'jet-blocks' ),
|
|
'type' => Controls_Manager::ICON,
|
|
'label_block' => true,
|
|
'file' => '',
|
|
'default' => 'fa fa-shopping-cart',
|
|
'fa5_default' => array(
|
|
'value' => 'fas fa-shopping-cart',
|
|
'library' => 'fa-solid',
|
|
),
|
|
)
|
|
);
|
|
|
|
$this->add_control(
|
|
'show_count',
|
|
array(
|
|
'label' => esc_html__( 'Show Products Count', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SWITCHER,
|
|
'label_on' => esc_html__( 'Yes', 'jet-blocks' ),
|
|
'label_off' => esc_html__( 'No', 'jet-blocks' ),
|
|
'return_value' => 'yes',
|
|
'default' => 'yes',
|
|
)
|
|
);
|
|
|
|
$this->add_control(
|
|
'count_format',
|
|
array(
|
|
'label' => esc_html__( 'Products Count Format', 'jet-blocks' ),
|
|
'type' => Controls_Manager::TEXT,
|
|
'default' => '%s',
|
|
'condition' => array(
|
|
'show_count' => 'yes',
|
|
),
|
|
)
|
|
);
|
|
|
|
$this->add_control(
|
|
'show_total',
|
|
array(
|
|
'label' => esc_html__( 'Show Cart Subtotal', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SWITCHER,
|
|
'label_on' => esc_html__( 'Yes', 'jet-blocks' ),
|
|
'label_off' => esc_html__( 'No', 'jet-blocks' ),
|
|
'return_value' => 'yes',
|
|
'default' => 'yes',
|
|
)
|
|
);
|
|
|
|
$this->add_control(
|
|
'total_format',
|
|
array(
|
|
'label' => esc_html__( 'Cart Subtotal Format', 'jet-blocks' ),
|
|
'type' => Controls_Manager::TEXT,
|
|
'default' => '%s',
|
|
'condition' => array(
|
|
'show_total' => 'yes',
|
|
),
|
|
)
|
|
);
|
|
|
|
$this->add_control(
|
|
'show_cart_list',
|
|
array(
|
|
'label' => esc_html__( 'Show Cart Dropdown', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SWITCHER,
|
|
'label_on' => esc_html__( 'Yes', 'jet-blocks' ),
|
|
'label_off' => esc_html__( 'No', 'jet-blocks' ),
|
|
'return_value' => 'yes',
|
|
'default' => 'yes',
|
|
'separator' => 'before',
|
|
)
|
|
);
|
|
|
|
$this->add_control(
|
|
'cart_list_label',
|
|
array(
|
|
'label' => esc_html__( 'Cart Dropdown Label', 'jet-blocks' ),
|
|
'type' => Controls_Manager::TEXT,
|
|
'default' => esc_html__( 'My Cart', 'jet-blocks' ),
|
|
'condition' => array(
|
|
'show_cart_list' => 'yes',
|
|
),
|
|
)
|
|
);
|
|
|
|
$this->end_controls_section();
|
|
|
|
$css_scheme = apply_filters(
|
|
'jet-blocks/woo-cart/css-scheme',
|
|
array(
|
|
'cart_wrapper' => '.elementor-jet-blocks-cart',
|
|
'cart_link' => '.jet-blocks-cart__heading-link',
|
|
'cart_icon' => '.jet-blocks-cart__icon',
|
|
'cart_label' => '.jet-blocks-cart__label',
|
|
'cart_count' => '.jet-blocks-cart__count',
|
|
'cart_totals' => '.jet-blocks-cart__total',
|
|
'cart_list' => '.jet-blocks-cart__list',
|
|
'cart_list_title' => '.jet-blocks-cart__list-title',
|
|
|
|
'cart_empty_message' => '.widget_shopping_cart .woocommerce-mini-cart__empty-message',
|
|
'cart_product_list' => '.widget_shopping_cart .woocommerce-mini-cart',
|
|
'cart_product_item' => '.widget_shopping_cart .woocommerce-mini-cart-item',
|
|
'cart_product_link' => '.widget_shopping_cart .woocommerce-mini-cart-item a:not(.remove)',
|
|
'cart_product_img' => '.widget_shopping_cart .woocommerce-mini-cart-item img',
|
|
'cart_product_quantity' => '.widget_shopping_cart .woocommerce-mini-cart-item .quantity',
|
|
'cart_product_amount' => '.widget_shopping_cart .woocommerce-mini-cart-item .amount',
|
|
'cart_product_remove' => '.widget_shopping_cart .woocommerce-mini-cart-item .remove',
|
|
|
|
'cart_list_total' => '.widget_shopping_cart .woocommerce-mini-cart__total',
|
|
'cart_list_total_title' => '.widget_shopping_cart .woocommerce-mini-cart__total strong',
|
|
'cart_list_total_amount' => '.widget_shopping_cart .woocommerce-mini-cart__total .amount',
|
|
|
|
'cart_list_buttons' => '.widget_shopping_cart .woocommerce-mini-cart__buttons.buttons',
|
|
'view_cart_button' => '.widget_shopping_cart .woocommerce-mini-cart__buttons.buttons .button.wc-forward:not(.checkout)',
|
|
'checkout_button' => '.widget_shopping_cart .woocommerce-mini-cart__buttons.buttons .button.checkout.wc-forward',
|
|
)
|
|
);
|
|
|
|
$this->__start_controls_section(
|
|
'section_general_style',
|
|
array(
|
|
'label' => esc_html__( 'General Styles', 'jet-blocks' ),
|
|
'tab' => Controls_Manager::TAB_STYLE,
|
|
'show_label' => false,
|
|
)
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_alignment',
|
|
array(
|
|
'label' => esc_html__( 'Alignment', 'jet-blocks' ),
|
|
'type' => Controls_Manager::CHOOSE,
|
|
'options' => array(
|
|
'flex-start' => array(
|
|
'title' => esc_html__( 'Start', 'jet-blocks' ),
|
|
'icon' => ! is_rtl() ? 'eicon-h-align-left' : 'eicon-h-align-right',
|
|
),
|
|
'center' => array(
|
|
'title' => esc_html__( 'Center', 'jet-blocks' ),
|
|
'icon' => 'eicon-h-align-center',
|
|
),
|
|
'flex-end' => array(
|
|
'title' => esc_html__( 'End', 'jet-blocks' ),
|
|
'icon' => ! is_rtl() ? 'eicon-h-align-right' : 'eicon-h-align-left',
|
|
),
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_wrapper'] => 'justify-content: {{VALUE}};',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__end_controls_section();
|
|
|
|
$this->__start_controls_section(
|
|
'cart_link_style',
|
|
array(
|
|
'label' => esc_html__( 'Cart Link', 'jet-blocks' ),
|
|
'tab' => Controls_Manager::TAB_STYLE,
|
|
'show_label' => false,
|
|
)
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Typography::get_type(),
|
|
array(
|
|
'name' => 'cart_link_typography',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['cart_link'],
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__start_controls_tabs( 'tabs_cart_link_style' );
|
|
|
|
$this->__start_controls_tab(
|
|
'nav_items_normal',
|
|
array(
|
|
'label' => esc_html__( 'Normal', 'jet-blocks' ),
|
|
)
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_link_bg_color',
|
|
array(
|
|
'label' => esc_html__( 'Background Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_link'] => 'background-color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_label_color',
|
|
array(
|
|
'label' => esc_html__( 'Label Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_label'] => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_icon_color',
|
|
array(
|
|
'label' => esc_html__( 'Icon Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_icon'] => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_count_color_bg',
|
|
array(
|
|
'label' => esc_html__( 'Count Background Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_count'] => 'background-color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_count_color',
|
|
array(
|
|
'label' => esc_html__( 'Count Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_count'] => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_totals_color',
|
|
array(
|
|
'label' => esc_html__( 'Totals Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_totals'] => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__end_controls_tab();
|
|
|
|
$this->__start_controls_tab(
|
|
'nav_items_hover',
|
|
array(
|
|
'label' => esc_html__( 'Hover', 'jet-blocks' ),
|
|
)
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_link_bg_color_hover',
|
|
array(
|
|
'label' => esc_html__( 'Background Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_link'] . ':hover' => 'background-color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_link_border_color_hover',
|
|
array(
|
|
'label' => esc_html__( 'Border Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'condition' => array(
|
|
'cart_link_border_border!' => '',
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_link'] . ':hover' => 'border-color: {{VALUE}};',
|
|
),
|
|
),
|
|
75
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_label_color_hover',
|
|
array(
|
|
'label' => esc_html__( 'Label Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_link'] . ':hover ' . $css_scheme['cart_label'] => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_icon_color_hover',
|
|
array(
|
|
'label' => esc_html__( 'Icon Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_link'] . ':hover ' . $css_scheme['cart_icon'] => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_count_color_bg_hover',
|
|
array(
|
|
'label' => esc_html__( 'Count Background Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_link'] . ':hover ' . $css_scheme['cart_count'] => 'background-color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_count_color_hover',
|
|
array(
|
|
'label' => esc_html__( 'Count Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_link'] . ':hover ' . $css_scheme['cart_count'] => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_totals_color_hover',
|
|
array(
|
|
'label' => esc_html__( 'Totals Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_link'] . ':hover ' . $css_scheme['cart_totals'] => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__end_controls_tab();
|
|
|
|
$this->__end_controls_tabs();
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_link_padding',
|
|
array(
|
|
'label' => esc_html__( 'Padding', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_link'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
'separator' => 'before',
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Border::get_type(),
|
|
array(
|
|
'name' => 'cart_link_border',
|
|
'label' => esc_html__( 'Border', 'jet-blocks' ),
|
|
'placeholder' => '1px',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['cart_link'],
|
|
),
|
|
75
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_link_border_radius',
|
|
array(
|
|
'label' => esc_html__( 'Border Radius', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_link'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
75
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_icon_heading',
|
|
array(
|
|
'label' => esc_html__( 'Icon', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
'separator' => 'before',
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_icon_size',
|
|
array(
|
|
'label' => esc_html__( 'Icon Size', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SLIDER,
|
|
'size_units' => array( 'px' ),
|
|
'range' => array(
|
|
'px' => array(
|
|
'min' => 10,
|
|
'max' => 100,
|
|
),
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_icon'] => 'font-size: {{SIZE}}{{UNIT}};',
|
|
),
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'nav_items_icon_gap',
|
|
array(
|
|
'label' => esc_html__( 'Gap After Icon', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SLIDER,
|
|
'size_units' => array( 'px' ),
|
|
'range' => array(
|
|
'px' => array(
|
|
'min' => 0,
|
|
'max' => 20,
|
|
),
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_icon'] => 'margin-right: {{SIZE}}{{UNIT}};',
|
|
),
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_label_styles',
|
|
array(
|
|
'label' => esc_html__( 'Label', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
'separator' => 'before',
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_label_font_size',
|
|
array(
|
|
'label' => esc_html__( 'Label Font Size', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SLIDER,
|
|
'size_units' => array( 'px' ),
|
|
'range' => array(
|
|
'px' => array(
|
|
'min' => 8,
|
|
'max' => 90,
|
|
),
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_label'] => 'font-size: {{SIZE}}{{UNIT}};',
|
|
),
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_label_gap',
|
|
array(
|
|
'label' => esc_html__( 'Gap After Label', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SLIDER,
|
|
'size_units' => array( 'px' ),
|
|
'range' => array(
|
|
'px' => array(
|
|
'min' => 0,
|
|
'max' => 20,
|
|
),
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_label'] => 'margin-right: {{SIZE}}{{UNIT}};',
|
|
),
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_count_styles',
|
|
array(
|
|
'label' => esc_html__( 'Count', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
'separator' => 'before',
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_count_font_size',
|
|
array(
|
|
'label' => esc_html__( 'Count Font Size', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SLIDER,
|
|
'size_units' => array( 'px' ),
|
|
'range' => array(
|
|
'px' => array(
|
|
'min' => 8,
|
|
'max' => 90,
|
|
),
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_count'] => 'font-size: {{SIZE}}{{UNIT}};',
|
|
),
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_count_box_size',
|
|
array(
|
|
'label' => esc_html__( 'Count Box Size', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SLIDER,
|
|
'size_units' => array( 'px' ),
|
|
'range' => array(
|
|
'px' => array(
|
|
'min' => 16,
|
|
'max' => 90,
|
|
),
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_count'] => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}}; line-height: {{SIZE}}{{UNIT}}',
|
|
),
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_count_margin',
|
|
array(
|
|
'label' => esc_html__( 'Margin', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_count'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_count_border_radius',
|
|
array(
|
|
'label' => esc_html__( 'Border Radius', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_count'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_totals_styles',
|
|
array(
|
|
'label' => esc_html__( 'Totals', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
'separator' => 'before',
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_totals_font_size',
|
|
array(
|
|
'label' => esc_html__( 'Totals Font Size', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SLIDER,
|
|
'size_units' => array( 'px' ),
|
|
'range' => array(
|
|
'px' => array(
|
|
'min' => 8,
|
|
'max' => 90,
|
|
),
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_totals'] => 'font-size: {{SIZE}}{{UNIT}};',
|
|
),
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__end_controls_section();
|
|
|
|
$this->__start_controls_section(
|
|
'cart_list_style',
|
|
array(
|
|
'label' => esc_html__( 'Cart Dropdown', 'jet-blocks' ),
|
|
'tab' => Controls_Manager::TAB_STYLE,
|
|
'condition' => array(
|
|
'show_cart_list' => 'yes',
|
|
),
|
|
)
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_list_container_style_heading',
|
|
array(
|
|
'label' => esc_html__( 'Container Styles', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_list_width',
|
|
array(
|
|
'label' => esc_html__( 'Width (px)', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SLIDER,
|
|
'range' => array(
|
|
'px' => array(
|
|
'min' => 150,
|
|
'max' => 500,
|
|
),
|
|
),
|
|
'step' => 1,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_list'] => 'width: {{SIZE}}{{UNIT}};',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_list_bg_color',
|
|
array(
|
|
'label' => esc_html__( 'Background Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_list'] => 'background-color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_list_padding',
|
|
array(
|
|
'label' => esc_html__( 'Padding', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_list'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Border::get_type(),
|
|
array(
|
|
'name' => 'cart_list_container_border',
|
|
'label' => esc_html__( 'Border', 'jet-blocks' ),
|
|
'placeholder' => '1px',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['cart_list'],
|
|
),
|
|
75
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_list_border_radius',
|
|
array(
|
|
'label' => esc_html__( 'Border Radius', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_list'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
75
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Box_Shadow::get_type(),
|
|
array(
|
|
'name' => 'cart_list_container_box_shadow',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['cart_list'],
|
|
),
|
|
75
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_list_hor_position',
|
|
array(
|
|
'label' => esc_html__( 'Horizontal Position by', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SELECT,
|
|
'default' => 'left',
|
|
'options' => array(
|
|
'left' => esc_html__( 'Left', 'jet-blocks' ),
|
|
'right' => esc_html__( 'Right', 'jet-blocks' ),
|
|
),
|
|
'separator' => 'before',
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_list_left_position',
|
|
array(
|
|
'label' => esc_html__( 'Left Indent', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SLIDER,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'range' => array(
|
|
'px' => array(
|
|
'min' => -400,
|
|
'max' => 400,
|
|
),
|
|
'%' => array(
|
|
'min' => -100,
|
|
'max' => 100,
|
|
),
|
|
'em' => array(
|
|
'min' => -50,
|
|
'max' => 50,
|
|
),
|
|
),
|
|
'condition' => array(
|
|
'cart_list_hor_position' => 'left',
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_list'] => 'left: {{SIZE}}{{UNIT}}; right: auto;',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_list_right_position',
|
|
array(
|
|
'label' => esc_html__( 'Right Indent', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SLIDER,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'range' => array(
|
|
'px' => array(
|
|
'min' => -400,
|
|
'max' => 400,
|
|
),
|
|
'%' => array(
|
|
'min' => -100,
|
|
'max' => 100,
|
|
),
|
|
'em' => array(
|
|
'min' => -50,
|
|
'max' => 50,
|
|
),
|
|
),
|
|
'condition' => array(
|
|
'cart_list_hor_position' => 'right',
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_list'] => 'right: {{SIZE}}{{UNIT}}; left: auto;',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_list_title_style_heading',
|
|
array(
|
|
'label' => esc_html__( 'Dropdown Label Styles', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
'separator' => 'before',
|
|
'condition' => array(
|
|
'cart_list_label!' => '',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Typography::get_type(),
|
|
array(
|
|
'name' => 'cart_list_title_typography',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['cart_list_title'],
|
|
'condition' => array(
|
|
'cart_list_label!' => '',
|
|
),
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_list_title_margin',
|
|
array(
|
|
'label' => esc_html__( 'Margin', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'condition' => array(
|
|
'cart_list_label!' => '',
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_list_title'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_list_title_padding',
|
|
array(
|
|
'label' => esc_html__( 'Padding', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'condition' => array(
|
|
'cart_list_label!' => '',
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_list_title'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Border::get_type(),
|
|
array(
|
|
'name' => 'cart_list_title_border',
|
|
'label' => esc_html__( 'Border', 'jet-blocks' ),
|
|
'placeholder' => '1px',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['cart_list_title'],
|
|
'condition' => array(
|
|
'cart_list_label!' => '',
|
|
),
|
|
),
|
|
75
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_list_title_alignment',
|
|
array(
|
|
'label' => esc_html__( 'Alignment', 'jet-blocks' ),
|
|
'type' => Controls_Manager::CHOOSE,
|
|
'options' => array(
|
|
'left' => array(
|
|
'title' => esc_html__( 'Left', 'jet-blocks' ),
|
|
'icon' => 'fa fa-align-left',
|
|
),
|
|
'center' => array(
|
|
'title' => esc_html__( 'Center', 'jet-blocks' ),
|
|
'icon' => 'fa fa-align-center',
|
|
),
|
|
'right' => array(
|
|
'title' => esc_html__( 'Right', 'jet-blocks' ),
|
|
'icon' => 'fa fa-align-right',
|
|
),
|
|
),
|
|
'condition' => array(
|
|
'cart_list_label!' => '',
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_list_title'] => 'text-align: {{VALUE}};',
|
|
),
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_list_empty_message_heading',
|
|
array(
|
|
'label' => esc_html__( 'Dropdown Empty Message Styles', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
'separator' => 'before',
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Typography::get_type(),
|
|
array(
|
|
'name' => 'cart_list_empty_message_typography',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['cart_empty_message'],
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_list_empty_message_margin',
|
|
array(
|
|
'label' => esc_html__( 'Margin', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_empty_message'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_list_empty_message_padding',
|
|
array(
|
|
'label' => esc_html__( 'Padding', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_empty_message'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_list_empty_message_alignment',
|
|
array(
|
|
'label' => esc_html__( 'Alignment', 'jet-blocks' ),
|
|
'type' => Controls_Manager::CHOOSE,
|
|
'options' => array(
|
|
'left' => array(
|
|
'title' => esc_html__( 'Left', 'jet-blocks' ),
|
|
'icon' => 'fa fa-align-left',
|
|
),
|
|
'center' => array(
|
|
'title' => esc_html__( 'Center', 'jet-blocks' ),
|
|
'icon' => 'fa fa-align-center',
|
|
),
|
|
'right' => array(
|
|
'title' => esc_html__( 'Right', 'jet-blocks' ),
|
|
'icon' => 'fa fa-align-right',
|
|
),
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_empty_message'] => 'text-align: {{VALUE}};',
|
|
),
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__end_controls_section();
|
|
|
|
/**
|
|
* Cart Items Style Section
|
|
*/
|
|
$this->__start_controls_section(
|
|
'cart_list_items_style',
|
|
array(
|
|
'label' => esc_html__( 'Cart Items Style', 'jet-blocks' ),
|
|
'tab' => Controls_Manager::TAB_STYLE,
|
|
'condition' => array(
|
|
'show_cart_list' => 'yes',
|
|
),
|
|
)
|
|
);
|
|
|
|
/**
|
|
* Product List Style
|
|
*/
|
|
$this->__add_control(
|
|
'cart_product_list_style_heading',
|
|
array(
|
|
'label' => esc_html__( 'Product List Style', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_product_list_height',
|
|
array(
|
|
'label' => esc_html__( 'Max Height', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SLIDER,
|
|
'range' => array(
|
|
'px' => array(
|
|
'min' => 100,
|
|
'max' => 1000,
|
|
),
|
|
),
|
|
'step' => 1,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_product_list'] => 'max-height: {{SIZE}}{{UNIT}};',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_product_list_margin',
|
|
array(
|
|
'label' => esc_html__( 'Margin', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_product_list'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_product_list_padding',
|
|
array(
|
|
'label' => esc_html__( 'Padding', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_product_list'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Border::get_type(),
|
|
array(
|
|
'name' => 'cart_product_list_border',
|
|
'label' => esc_html__( 'Border', 'jet-blocks' ),
|
|
'placeholder' => '1px',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['cart_product_list'],
|
|
),
|
|
75
|
|
);
|
|
|
|
/**
|
|
* Product Item Style
|
|
*/
|
|
$this->__add_control(
|
|
'cart_product_item_style_heading',
|
|
array(
|
|
'label' => esc_html__( 'Product Item Style', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
'separator' => 'before',
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_product_item_margin',
|
|
array(
|
|
'label' => esc_html__( 'Margin', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_product_item'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_product_item_padding',
|
|
array(
|
|
'label' => esc_html__( 'Padding', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_product_item'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_product_item_divider',
|
|
array(
|
|
'label' => esc_html__( 'Divider', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SWITCHER,
|
|
'return_value' => 'yes',
|
|
'separator' => 'before',
|
|
),
|
|
75
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_product_item_divider_style',
|
|
array(
|
|
'label' => esc_html__( 'Style', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SELECT,
|
|
'options' => array(
|
|
'solid' => esc_html__( 'Solid', 'jet-blocks' ),
|
|
'double' => esc_html__( 'Double', 'jet-blocks' ),
|
|
'dotted' => esc_html__( 'Dotted', 'jet-blocks' ),
|
|
'dashed' => esc_html__( 'Dashed', 'jet-blocks' ),
|
|
),
|
|
'default' => 'solid',
|
|
'condition' => array(
|
|
'cart_product_item_divider' => 'yes',
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_product_item'] . ':not(:first-child)' => 'border-top-style: {{VALUE}}',
|
|
),
|
|
),
|
|
75
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_product_item_divider_weight',
|
|
array(
|
|
'label' => esc_html__( 'Weight', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SLIDER,
|
|
'default' => array(
|
|
'size' => 1,
|
|
),
|
|
'range' => array(
|
|
'px' => array(
|
|
'min' => 1,
|
|
'max' => 20,
|
|
),
|
|
),
|
|
'condition' => array(
|
|
'cart_product_item_divider' => 'yes',
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_product_item'] . ':not(:first-child)' => 'border-top-width: {{SIZE}}{{UNIT}}',
|
|
),
|
|
),
|
|
75
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_product_item_divider_color',
|
|
array(
|
|
'label' => esc_html__( 'Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'condition' => array(
|
|
'cart_product_item_divider' => 'yes',
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_product_item'] . ':not(:first-child)' => 'border-color: {{VALUE}}',
|
|
),
|
|
),
|
|
75
|
|
);
|
|
|
|
/**
|
|
* Product Image Style
|
|
*/
|
|
$this->__add_control(
|
|
'cart_product_image_style_heading',
|
|
array(
|
|
'label' => esc_html__( 'Product Image Style', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
'separator' => 'before',
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_product_img_size',
|
|
array(
|
|
'label' => esc_html__( 'Width', 'jet-blocks' ),
|
|
'type' => Controls_Manager::SLIDER,
|
|
'range' => array(
|
|
'px' => array(
|
|
'min' => 30,
|
|
'max' => 150,
|
|
),
|
|
),
|
|
'step' => 1,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_product_img'] => 'width: {{SIZE}}{{UNIT}}; max-width: {{SIZE}}{{UNIT}};',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_product_img_margin',
|
|
array(
|
|
'label' => esc_html__( 'Margin', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_product_img'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
/**
|
|
* Product Title Styles
|
|
*/
|
|
$this->__add_control(
|
|
'cart_product_title_style_heading',
|
|
array(
|
|
'label' => esc_html__( 'Product Title Styles', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
'separator' => 'before',
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Typography::get_type(),
|
|
array(
|
|
'name' => 'cart_product_title_typography',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['cart_product_link'],
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_product_title_color',
|
|
array(
|
|
'label' => esc_html__( 'Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_product_link'] => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_product_title_hover_color',
|
|
array(
|
|
'label' => esc_html__( 'Hover Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_product_link'] . ':hover' => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
/**
|
|
* Product Remove Button Styles
|
|
*/
|
|
$this->__add_control(
|
|
'cart_product_remove_style_heading',
|
|
array(
|
|
'label' => esc_html__( 'Product Remove Button Styles', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
'separator' => 'before',
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_product_remove_bnt_color',
|
|
array(
|
|
'label' => esc_html__( 'Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_product_remove'] . ':before' => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_product_remove_bnt_hover_color',
|
|
array(
|
|
'label' => esc_html__( 'Hover Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_product_remove'] . ':hover:before' => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
/**
|
|
* Product Quantity Styles
|
|
*/
|
|
$this->__add_control(
|
|
'cart_product_quantity_style_heading',
|
|
array(
|
|
'label' => esc_html__( 'Product Quantity Styles', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
'separator' => 'before',
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Typography::get_type(),
|
|
array(
|
|
'name' => 'cart_product_quantity_typography',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['cart_product_quantity'],
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_cart_product_quantity_color',
|
|
array(
|
|
'label' => esc_html__( 'Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_product_quantity'] => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
/**
|
|
* Product Amount Styles
|
|
*/
|
|
$this->__add_control(
|
|
'cart_product_amount_style_heading',
|
|
array(
|
|
'label' => esc_html__( 'Product Amount Styles', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
'separator' => 'before',
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Typography::get_type(),
|
|
array(
|
|
'name' => 'cart_product_amount_typography',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['cart_product_amount'],
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_product_amount_color',
|
|
array(
|
|
'label' => esc_html__( 'Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_product_amount'] => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
/**
|
|
* Total Styles
|
|
*/
|
|
$this->__add_control(
|
|
'cart_list_total_style_heading',
|
|
array(
|
|
'label' => esc_html__( 'Total Container Styles', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
'separator' => 'before',
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_list_total_margin',
|
|
array(
|
|
'label' => esc_html__( 'Margin', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_list_total'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_list_total_padding',
|
|
array(
|
|
'label' => esc_html__( 'Padding', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_list_total'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Border::get_type(),
|
|
array(
|
|
'name' => 'cart_list_total_border',
|
|
'label' => esc_html__( 'Border', 'jet-blocks' ),
|
|
'placeholder' => '1px',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['cart_list_total'],
|
|
),
|
|
75
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_list_total_alignment',
|
|
array(
|
|
'label' => esc_html__( 'Alignment', 'jet-blocks' ),
|
|
'type' => Controls_Manager::CHOOSE,
|
|
'options' => array(
|
|
'left' => array(
|
|
'title' => esc_html__( 'Left', 'jet-blocks' ),
|
|
'icon' => 'fa fa-align-left',
|
|
),
|
|
'center' => array(
|
|
'title' => esc_html__( 'Center', 'jet-blocks' ),
|
|
'icon' => 'fa fa-align-center',
|
|
),
|
|
'right' => array(
|
|
'title' => esc_html__( 'Right', 'jet-blocks' ),
|
|
'icon' => 'fa fa-align-right',
|
|
),
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_list_total'] => 'text-align: {{VALUE}};',
|
|
),
|
|
),
|
|
50
|
|
);
|
|
|
|
/**
|
|
* Total Title Styles
|
|
*/
|
|
$this->__add_control(
|
|
'cart_list_total_title_style_heading',
|
|
array(
|
|
'label' => esc_html__( 'Total Title Styles', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
'separator' => 'before',
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Typography::get_type(),
|
|
array(
|
|
'name' => 'cart_list_total_title_typography',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['cart_list_total_title'],
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_list_total_title_color',
|
|
array(
|
|
'label' => esc_html__( 'Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_list_total_title'] => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
/**
|
|
* Total Amount Styles
|
|
*/
|
|
$this->__add_control(
|
|
'cart_list_total_amount_style_heading',
|
|
array(
|
|
'label' => esc_html__( 'Total Amount Styles', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
'separator' => 'before',
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Typography::get_type(),
|
|
array(
|
|
'name' => 'cart_list_total_amount_typography',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['cart_list_total_amount'],
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_control(
|
|
'cart_list_total_amount_color',
|
|
array(
|
|
'label' => esc_html__( 'Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_list_total_amount'] => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__end_controls_section();
|
|
|
|
/**
|
|
* Cart Buttons Style Section
|
|
*/
|
|
$this->__start_controls_section(
|
|
'cart_buttons_style',
|
|
array(
|
|
'label' => esc_html__( 'Cart Buttons Style', 'jet-blocks' ),
|
|
'tab' => Controls_Manager::TAB_STYLE,
|
|
'condition' => array(
|
|
'show_cart_list' => 'yes',
|
|
),
|
|
)
|
|
);
|
|
|
|
/**
|
|
* Buttons Container Styles
|
|
*/
|
|
$this->__add_control(
|
|
'cart_list_buttons_style_heading',
|
|
array(
|
|
'label' => esc_html__( 'Buttons Container Styles', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_list_buttons_margin',
|
|
array(
|
|
'label' => esc_html__( 'Margin', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_list_buttons'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'cart_list_buttons_padding',
|
|
array(
|
|
'label' => esc_html__( 'Padding', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['cart_list_buttons'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Border::get_type(),
|
|
array(
|
|
'name' => 'cart_list_buttons_border',
|
|
'label' => esc_html__( 'Border', 'jet-blocks' ),
|
|
'placeholder' => '1px',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['cart_list_buttons'],
|
|
),
|
|
75
|
|
);
|
|
|
|
/**
|
|
* View Cart Button Styles
|
|
*/
|
|
$this->__add_control(
|
|
'view_cart_button_style_heading',
|
|
array(
|
|
'label' => esc_html__( 'View Cart Button Styles', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
'separator' => 'before',
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Typography::get_type(),
|
|
array(
|
|
'name' => 'view_cart_btn_typography',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['view_cart_button'],
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__start_controls_tabs( 'tabs_view_cart_btn_style' );
|
|
|
|
$this->__start_controls_tab(
|
|
'tab_view_cart_btn_normal',
|
|
array(
|
|
'label' => esc_html__( 'Normal', 'jet-blocks' ),
|
|
)
|
|
);
|
|
|
|
$this->__add_control(
|
|
'view_cart_btn_background',
|
|
array(
|
|
'label' => esc_html__( 'Background Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['view_cart_button'] => 'background-color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'view_cart_btn_color',
|
|
array(
|
|
'label' => esc_html__( 'Text Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['view_cart_button'] => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Border::get_type(),
|
|
array(
|
|
'name' => 'view_cart_btn_border',
|
|
'label' => esc_html__( 'Border', 'jet-blocks' ),
|
|
'placeholder' => '1px',
|
|
'default' => '1px',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['view_cart_button'],
|
|
),
|
|
75
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'view_cart_btn_border_radius',
|
|
array(
|
|
'label' => esc_html__( 'Border Radius', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['view_cart_button'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
75
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Box_Shadow::get_type(),
|
|
array(
|
|
'name' => 'view_cart_btn_box_shadow',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['view_cart_button'],
|
|
),
|
|
100
|
|
);
|
|
|
|
$this->__end_controls_tab();
|
|
|
|
$this->__start_controls_tab(
|
|
'tab_view_cart_btn_hover',
|
|
array(
|
|
'label' => esc_html__( 'Hover', 'jet-blocks' ),
|
|
)
|
|
);
|
|
|
|
$this->__add_control(
|
|
'view_cart_btn_hover_background',
|
|
array(
|
|
'label' => esc_html__( 'Background Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['view_cart_button'] . ':hover' => 'background-color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'view_cart_btn_hover_color',
|
|
array(
|
|
'label' => esc_html__( 'Text Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['view_cart_button'] . ':hover' => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'view_cart_btn_hover_border_color',
|
|
array(
|
|
'label' => esc_html__( 'Border Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'condition' => array(
|
|
'view_cart_btn_border_border!' => '',
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['view_cart_button'] . ':hover' => 'border-color: {{VALUE}};',
|
|
),
|
|
),
|
|
75
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'view_cart_btn_hover_border_radius',
|
|
array(
|
|
'label' => esc_html__( 'Border Radius', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['view_cart_button'] . ':hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
75
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Box_Shadow::get_type(),
|
|
array(
|
|
'name' => 'view_cart_btn_hover_box_shadow',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['view_cart_button'] . ':hover',
|
|
),
|
|
100
|
|
);
|
|
|
|
$this->__end_controls_tab();
|
|
|
|
$this->__end_controls_tabs();
|
|
|
|
$this->__add_responsive_control(
|
|
'view_cart_btn_padding',
|
|
array(
|
|
'label' => esc_html__( 'Padding', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['view_cart_button'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
'separator' => 'before',
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'view_cart_btn_margin',
|
|
array(
|
|
'label' => esc_html__( 'Margin', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['view_cart_button'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
/**
|
|
* Checkout Button Styles
|
|
*/
|
|
$this->__add_control(
|
|
'checkout_button_style_heading',
|
|
array(
|
|
'label' => esc_html__( 'Checkout Button Styles', 'jet-blocks' ),
|
|
'type' => Controls_Manager::HEADING,
|
|
'separator' => 'before',
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Typography::get_type(),
|
|
array(
|
|
'name' => 'checkout_btn_typography',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['checkout_button'],
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__start_controls_tabs( 'tabs_checkout_btn_style' );
|
|
|
|
$this->__start_controls_tab(
|
|
'tab_checkout_btn_normal',
|
|
array(
|
|
'label' => esc_html__( 'Normal', 'jet-blocks' ),
|
|
)
|
|
);
|
|
|
|
$this->__add_control(
|
|
'checkout_btn_background',
|
|
array(
|
|
'label' => esc_html__( 'Background Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['checkout_button'] => 'background-color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'checkout_btn_color',
|
|
array(
|
|
'label' => esc_html__( 'Text Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['checkout_button'] => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Border::get_type(),
|
|
array(
|
|
'name' => 'checkout_btn_border',
|
|
'label' => esc_html__( 'Border', 'jet-blocks' ),
|
|
'placeholder' => '1px',
|
|
'default' => '1px',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['checkout_button'],
|
|
),
|
|
75
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'checkout_btn_border_radius',
|
|
array(
|
|
'label' => esc_html__( 'Border Radius', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['checkout_button'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
75
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Box_Shadow::get_type(),
|
|
array(
|
|
'name' => 'checkout_btn_box_shadow',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['checkout_button'],
|
|
),
|
|
100
|
|
);
|
|
|
|
$this->__end_controls_tab();
|
|
|
|
$this->__start_controls_tab(
|
|
'tab_checkout_btn_hover',
|
|
array(
|
|
'label' => esc_html__( 'Hover', 'jet-blocks' ),
|
|
)
|
|
);
|
|
|
|
$this->__add_control(
|
|
'checkout_btn_hover_background',
|
|
array(
|
|
'label' => esc_html__( 'Background Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['checkout_button'] . ':hover' => 'background-color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'checkout_btn_hover_color',
|
|
array(
|
|
'label' => esc_html__( 'Text Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['checkout_button'] . ':hover' => 'color: {{VALUE}}',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_control(
|
|
'checkout_btn_hover_border_color',
|
|
array(
|
|
'label' => esc_html__( 'Border Color', 'jet-blocks' ),
|
|
'type' => Controls_Manager::COLOR,
|
|
'condition' => array(
|
|
'checkout_btn_border_border!' => '',
|
|
),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['checkout_button'] . ':hover' => 'border-color: {{VALUE}};',
|
|
),
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'checkout_btn_hover_border_radius',
|
|
array(
|
|
'label' => esc_html__( 'Border Radius', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['checkout_button'] . ':hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
50
|
|
);
|
|
|
|
$this->__add_group_control(
|
|
Group_Control_Box_Shadow::get_type(),
|
|
array(
|
|
'name' => 'checkout_btn_hover_box_shadow',
|
|
'selector' => '{{WRAPPER}} ' . $css_scheme['checkout_button'] . ':hover',
|
|
),
|
|
100
|
|
);
|
|
|
|
$this->__end_controls_tab();
|
|
|
|
$this->__end_controls_tabs();
|
|
|
|
$this->__add_responsive_control(
|
|
'checkout_btn_padding',
|
|
array(
|
|
'label' => esc_html__( 'Padding', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['checkout_button'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
'separator' => 'before',
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__add_responsive_control(
|
|
'checkout_btn_margin',
|
|
array(
|
|
'label' => esc_html__( 'Margin', 'jet-blocks' ),
|
|
'type' => Controls_Manager::DIMENSIONS,
|
|
'size_units' => array( 'px', '%', 'em' ),
|
|
'selectors' => array(
|
|
'{{WRAPPER}} ' . $css_scheme['checkout_button'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
|
),
|
|
),
|
|
25
|
|
);
|
|
|
|
$this->__end_controls_section();
|
|
|
|
}
|
|
|
|
protected function render() {
|
|
|
|
$settings = $this->get_settings();
|
|
|
|
$this->__context = 'render';
|
|
|
|
$this->__open_wrap();
|
|
include $this->__get_global_template( 'index' );
|
|
$this->__close_wrap();
|
|
|
|
}
|
|
|
|
}
|