Файловый менеджер - Редактировать - /var/www/xthruster/html/wp-content/plugins/elementor-pro/modules/woocommerce/widgets/menu-cart.php
Назад
<?php namespace ElementorPro\Modules\Woocommerce\Widgets; use Elementor\Controls_Manager; use Elementor\Core\Kits\Documents\Tabs\Global_Typography; use Elementor\Core\Kits\Documents\Tabs\Global_Colors; use Elementor\Group_Control_Border; use Elementor\Group_Control_Typography; use Elementor\Group_Control_Box_Shadow; use Elementor\Group_Control_Background; use ElementorPro\Modules\Woocommerce\Module; use Elementor\Utils; use Elementor\Group_Control_Image_Size; if ( ! defined( 'ABSPATH' ) ) { exit; // Exit if accessed directly } class Menu_Cart extends Base_Widget { public function get_name() { return 'woocommerce-menu-cart'; } public function get_title() { return esc_html__( 'Menu Cart', 'elementor-pro' ); } public function get_icon() { return 'eicon-cart'; } public function get_categories() { return [ 'theme-elements', 'woocommerce-elements' ]; } /** * Get style dependencies. * * Retrieve the list of style dependencies the widget requires. * * @since 3.24.0 * @access public * * @return array Widget style dependencies. */ public function get_style_depends(): array { return [ 'widget-woocommerce-menu-cart' ]; } protected function register_controls() { $this->start_controls_section( 'section_menu_icon_content', [ 'label' => esc_html__( 'Menu Icon', 'elementor-pro' ), ] ); $this->add_control( 'icon', [ 'label' => esc_html__( 'Icon', 'elementor-pro' ), 'type' => Controls_Manager::SELECT, 'options' => [ 'cart-light' => esc_html__( 'Cart', 'elementor-pro' ) . ' ' . esc_html__( 'Light', 'elementor-pro' ), 'cart-medium' => esc_html__( 'Cart', 'elementor-pro' ) . ' ' . esc_html__( 'Medium', 'elementor-pro' ), 'cart-solid' => esc_html__( 'Cart', 'elementor-pro' ) . ' ' . esc_html__( 'Solid', 'elementor-pro' ), 'basket-light' => esc_html__( 'Basket', 'elementor-pro' ) . ' ' . esc_html__( 'Light', 'elementor-pro' ), 'basket-medium' => esc_html__( 'Basket', 'elementor-pro' ) . ' ' . esc_html__( 'Medium', 'elementor-pro' ), 'basket-solid' => esc_html__( 'Basket', 'elementor-pro' ) . ' ' . esc_html__( 'Solid', 'elementor-pro' ), 'bag-light' => esc_html__( 'Bag', 'elementor-pro' ) . ' ' . esc_html__( 'Light', 'elementor-pro' ), 'bag-medium' => esc_html__( 'Bag', 'elementor-pro' ) . ' ' . esc_html__( 'Medium', 'elementor-pro' ), 'bag-solid' => esc_html__( 'Bag', 'elementor-pro' ) . ' ' . esc_html__( 'Solid', 'elementor-pro' ), 'custom' => esc_html__( 'Custom', 'elementor-pro' ), ], 'default' => 'cart-medium', 'prefix_class' => 'toggle-icon--', // Prefix class not used anymore, but kept for BC reasons. 'render_type' => 'template', ] ); $this->add_control( 'menu_icon_svg', [ 'label' => esc_html__( 'Custom Icon', 'elementor-pro' ), 'type' => Controls_Manager::ICONS, 'fa4compatibility' => 'icon_active', 'default' => [ 'value' => 'fas fa-shopping-cart', 'library' => 'fa-solid', ], 'skin_settings' => [ 'inline' => [ 'none' => [ 'label' => 'None', ], ], ], 'recommended' => [ 'fa-solid' => [ 'shopping-bag', 'shopping-basket', 'shopping-cart', 'cart-arrow-down', 'cart-plus', ], ], 'skin' => 'inline', 'label_block' => false, 'condition' => [ 'icon' => 'custom', ], ] ); $this->add_control( 'items_indicator', [ 'label' => esc_html__( 'Items Indicator', 'elementor-pro' ), 'type' => Controls_Manager::SELECT, 'options' => [ 'none' => esc_html__( 'None', 'elementor-pro' ), 'bubble' => esc_html__( 'Bubble', 'elementor-pro' ), 'plain' => esc_html__( 'Plain', 'elementor-pro' ), ], 'prefix_class' => 'elementor-menu-cart--items-indicator-', 'default' => 'bubble', ] ); $this->add_control( 'hide_empty_indicator', [ 'label' => esc_html__( 'Hide Empty', 'elementor-pro' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Yes', 'elementor-pro' ), 'label_off' => esc_html__( 'No', 'elementor-pro' ), 'return_value' => 'hide', 'prefix_class' => 'elementor-menu-cart--empty-indicator-', 'condition' => [ 'items_indicator!' => 'none', ], ] ); $this->add_control( 'show_subtotal', [ 'label' => esc_html__( 'Subtotal', 'elementor-pro' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Show', 'elementor-pro' ), 'label_off' => esc_html__( 'Hide', 'elementor-pro' ), 'return_value' => 'yes', 'default' => 'yes', 'prefix_class' => 'elementor-menu-cart--show-subtotal-', ] ); $this->add_responsive_control( 'alignment', [ 'label' => esc_html__( 'Alignment', 'elementor-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => esc_html__( 'Left', 'elementor-pro' ), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => esc_html__( 'Center', 'elementor-pro' ), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => esc_html__( 'Right', 'elementor-pro' ), 'icon' => 'eicon-text-align-right', ], ], 'selectors' => [ '{{WRAPPER}}' => '--main-alignment: {{VALUE}};', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'section_cart', [ 'label' => esc_html__( 'Cart', 'elementor-pro' ), ] ); $this->add_control( 'cart_type', [ 'label' => esc_html__( 'Cart Type', 'elementor-pro' ), 'type' => Controls_Manager::SELECT, 'options' => [ 'side-cart' => esc_html__( 'Side Cart', 'elementor-pro' ), 'mini-cart' => esc_html__( 'Mini Cart', 'elementor-pro' ), ], 'default' => 'side-cart', 'prefix_class' => 'elementor-menu-cart--cart-type-', 'frontend_available' => true, ] ); $this->add_control( 'open_cart', [ 'label' => esc_html__( 'Open Cart', 'elementor-pro' ), 'type' => Controls_Manager::SELECT, 'options' => [ 'click' => esc_html__( 'On Click', 'elementor-pro' ), 'mouseover' => esc_html__( 'On Hover', 'elementor-pro' ), ], 'default' => 'click', 'frontend_available' => true, 'render_type' => 'template', ] ); $this->add_responsive_control( 'side_cart_alignment', [ 'label' => esc_html__( 'Cart Position', 'elementor-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'start' => [ 'title' => esc_html__( 'Left', 'elementor-pro' ), 'icon' => 'eicon-h-align-left', ], 'end' => [ 'title' => esc_html__( 'Right', 'elementor-pro' ), 'icon' => 'eicon-h-align-right', ], ], 'condition' => [ 'cart_type' => 'side-cart', ], 'selectors' => [ '{{WRAPPER}}' => '{{VALUE}}', ], 'selectors_dictionary' => [ 'start' => '--side-cart-alignment-transform: translateX(-100%); --side-cart-alignment-right: auto; --side-cart-alignment-left: 0;', 'end' => '--side-cart-alignment-transform: translateX(100%); --side-cart-alignment-left: auto; --side-cart-alignment-right: 0;', ], ] ); $this->add_responsive_control( 'mini_cart_alignment', [ 'label' => esc_html__( 'Cart Position', 'elementor-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'start' => [ 'title' => esc_html__( 'Left', 'elementor-pro' ), 'icon' => 'eicon-h-align-left', ], 'center' => [ 'title' => esc_html__( 'Center', 'elementor-pro' ), 'icon' => 'eicon-h-align-center', ], 'end' => [ 'title' => esc_html__( 'Right', 'elementor-pro' ), 'icon' => 'eicon-h-align-right', ], ], 'condition' => [ 'cart_type' => 'mini-cart', ], 'selectors' => [ '{{WRAPPER}}.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__container' => '{{VALUE}}', ], 'selectors_dictionary' => [ 'start' => 'left: 0; right: auto; transform: none;', 'center' => 'left: 50%; right: auto; transform: translateX(-50%);', 'end' => 'right: 0; left: auto; transform: none;', ], ] ); $this->add_responsive_control( 'mini_cart_spacing', [ 'label' => esc_html__( 'Distance', 'elementor-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ], 'range' => [ 'px' => [ 'min' => -300, 'max' => 300, ], 'em' => [ 'min' => -30, 'max' => 30, ], 'rem' => [ 'min' => -30, 'max' => 30, ], '%' => [ 'min' => -100, 'max' => 100, ], ], 'condition' => [ 'cart_type' => 'mini-cart', ], 'selectors' => [ '{{WRAPPER}}' => '--mini-cart-spacing: {{SIZE}}{{UNIT}};', ], ] ); $this->add_control( 'heading_close_cart_button', [ 'label' => esc_html__( 'Close Cart', 'elementor-pro' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_control( 'close_cart_button_show', [ 'label' => esc_html__( 'Close Icon', 'elementor-pro' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Show', 'elementor-pro' ), 'label_off' => esc_html__( 'Hide', 'elementor-pro' ), 'return_value' => 'yes', 'default' => 'yes', 'selectors' => [ '{{WRAPPER}} .elementor-menu-cart__close-button, {{WRAPPER}} .elementor-menu-cart__close-button-custom' => '{{VALUE}}', ], 'selectors_dictionary' => [ '' => 'display: none;', ], 'control_type' => 'content', ] ); $this->add_control( 'close_cart_icon_svg', [ 'label' => esc_html__( 'Custom Icon', 'elementor-pro' ), 'type' => Controls_Manager::ICONS, 'fa4compatibility' => 'icon_active', 'skin_settings' => [ 'inline' => [ 'none' => [ 'label' => 'Default', 'icon' => 'fas fa-times', ], 'icon' => [ 'icon' => 'eicon-star', ], ], ], 'recommended' => [ 'fa-regular' => [ 'times-circle', ], 'fa-solid' => [ 'times', 'times-circle', ], ], 'skin' => 'inline', 'label_block' => false, 'condition' => [ 'close_cart_button_show!' => '', ], ] ); $this->add_control( 'close_cart_button_alignment', [ 'label' => esc_html__( 'Icon Position', 'elementor-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'start' => [ 'title' => esc_html__( 'Left', 'elementor-pro' ), 'icon' => 'eicon-h-align-left', ], 'end' => [ 'title' => esc_html__( 'Right', 'elementor-pro' ), 'icon' => 'eicon-h-align-right', ], ], 'condition' => [ 'close_cart_button_show!' => '', ], 'selectors_dictionary' => [ 'start' => 'margin-right: auto', 'end' => 'margin-left: auto', ], 'selectors' => [ '{{WRAPPER}} .elementor-menu-cart__close-button, {{WRAPPER}} .elementor-menu-cart__close-button-custom' => '{{VALUE}};', ], ] ); $this->add_control( 'heading_remove_item_button', [ 'label' => esc_html__( 'Remove Item', 'elementor-pro' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_control( 'show_remove_icon', [ 'label' => esc_html__( 'Remove Item Icon', 'elementor-pro' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Show', 'elementor-pro' ), 'label_off' => esc_html__( 'Hide', 'elementor-pro' ), 'return_value' => 'yes', 'default' => 'yes', 'prefix_class' => 'elementor-menu-cart--show-remove-button-', ] ); $this->add_control( 'remove_item_button_position', [ 'label' => esc_html__( 'Icon Position', 'elementor-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'top' => [ 'title' => esc_html__( 'Top', 'elementor-pro' ), 'icon' => 'eicon-v-align-top', ], 'middle' => [ 'title' => esc_html__( 'Middle', 'elementor-pro' ), 'icon' => 'eicon-v-align-middle', ], 'bottom' => [ 'title' => esc_html__( 'Bottom', 'elementor-pro' ), 'icon' => 'eicon-v-align-bottom', ], ], 'default' => '', 'prefix_class' => 'remove-item-position--', 'condition' => [ 'show_remove_icon!' => '', ], ] ); $this->add_control( 'heading_price_quantity', [ 'label' => esc_html__( 'Price and Quantity', 'elementor-pro' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_control( 'price_quantity_position', [ 'label' => esc_html__( 'Position', 'elementor-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'top' => [ 'title' => esc_html__( 'Top', 'elementor-pro' ), 'icon' => 'eicon-v-align-top', ], 'bottom' => [ 'title' => esc_html__( 'Bottom', 'elementor-pro' ), 'icon' => 'eicon-v-align-bottom', ], ], 'selectors' => [ '{{WRAPPER}}' => '{{VALUE}}', ], 'selectors_dictionary' => [ 'top' => '--price-quantity-position--grid-template-rows: auto 75%; --price-quantity-position--align-self: start;', 'bottom' => '', ], ] ); $this->add_control( 'show_divider', [ 'label' => esc_html__( 'Cart Dividers', 'elementor-pro' ), 'type' => Controls_Manager::SWITCHER, 'separator' => 'before', 'label_on' => esc_html__( 'Show', 'elementor-pro' ), 'label_off' => esc_html__( 'Hide', 'elementor-pro' ), 'return_value' => 'yes', 'default' => 'yes', 'selectors' => [ '{{WRAPPER}}' => '--divider-style: {{VALUE}}; --subtotal-divider-style: {{VALUE}};', ], 'selectors_dictionary' => [ '' => 'none', 'yes' => 'solid', ], ] ); $this->add_control( 'heading_buttons', [ 'label' => esc_html__( 'Buttons', 'elementor-pro' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_control( 'view_cart_button_show', [ 'label' => esc_html__( 'View Cart', 'elementor-pro' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Show', 'elementor-pro' ), 'label_off' => esc_html__( 'Hide', 'elementor-pro' ), 'return_value' => 'yes', 'default' => 'yes', 'selectors' => [ '{{WRAPPER}}' => '{{VALUE}}', ], 'selectors_dictionary' => [ '' => '--view-cart-button-display: none; --cart-footer-layout: 1fr;', ], ] ); $this->add_control( 'view_cart_button_alignment', [ 'label' => esc_html__( 'Alignment', 'elementor-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'start' => [ 'title' => esc_html__( 'Left', 'elementor-pro' ), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => esc_html__( 'Center', 'elementor-pro' ), 'icon' => 'eicon-text-align-center', ], 'end' => [ 'title' => esc_html__( 'Right', 'elementor-pro' ), 'icon' => 'eicon-text-align-right', ], 'justify' => [ 'title' => esc_html__( 'Justify', 'elementor-pro' ), 'icon' => 'eicon-text-align-justify', ], ], 'condition' => [ 'view_cart_button_show!' => '', 'checkout_button_show' => '', ], 'selectors' => [ '{{WRAPPER}}' => '{{VALUE}}', ], 'selectors_dictionary' => [ 'start' => '--cart-footer-buttons-alignment-display: block; --cart-footer-buttons-alignment-text-align: left; --cart-footer-buttons-alignment-button-width: auto;', 'center' => '--cart-footer-buttons-alignment-display: block; --cart-footer-buttons-alignment-text-align: center; --cart-footer-buttons-alignment-button-width: auto;', 'end' => '--cart-footer-buttons-alignment-display: block; --cart-footer-buttons-alignment-text-align: right; --cart-footer-buttons-alignment-button-width: auto;', 'justify' => '--cart-footer-layout: 1fr;', ], ] ); $this->add_control( 'checkout_button_show', [ 'label' => esc_html__( 'Checkout', 'elementor-pro' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Show', 'elementor-pro' ), 'label_off' => esc_html__( 'Hide', 'elementor-pro' ), 'return_value' => 'yes', 'default' => 'yes', 'selectors' => [ '{{WRAPPER}}' => '{{VALUE}}', ], 'selectors_dictionary' => [ '' => '--checkout-button-display: none; --cart-footer-layout: 1fr;', ], ] ); $this->add_control( 'checkout_button_alignment', [ 'label' => esc_html__( 'Alignment', 'elementor-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'start' => [ 'title' => esc_html__( 'Left', 'elementor-pro' ), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => esc_html__( 'Center', 'elementor-pro' ), 'icon' => 'eicon-text-align-center', ], 'end' => [ 'title' => esc_html__( 'Right', 'elementor-pro' ), 'icon' => 'eicon-text-align-right', ], 'justify' => [ 'title' => esc_html__( 'Justify', 'elementor-pro' ), 'icon' => 'eicon-text-align-justify', ], ], 'condition' => [ 'checkout_button_show!' => '', 'view_cart_button_show' => '', ], 'selectors' => [ '{{WRAPPER}}' => '{{VALUE}}', ], 'selectors_dictionary' => [ 'start' => '--cart-footer-buttons-alignment-display: block; --cart-footer-buttons-alignment-text-align: left; --cart-footer-buttons-alignment-button-width: auto;', 'center' => '--cart-footer-buttons-alignment-display: block; --cart-footer-buttons-alignment-text-align: center; --cart-footer-buttons-alignment-button-width: auto;', 'end' => '--cart-footer-buttons-alignment-display: block; --cart-footer-buttons-alignment-text-align: right; --cart-footer-buttons-alignment-button-width: auto;', 'justify' => '--cart-footer-layout: 1fr;', ], ] ); $this->add_control( 'checkout_button_display', [ 'label' => esc_html__( 'Alignment', 'elementor-pro' ), 'type' => Controls_Manager::HIDDEN, 'condition' => [ 'checkout_button_show' => '', 'view_cart_button_show' => '', ], 'default' => '--cart-footer-buttons-alignment-display: none;', 'selectors' => [ '{{WRAPPER}}' => '{{VALUE}}', ], ] ); $this->add_control( 'buttons_position', [ 'label' => esc_html__( 'Vertical Position', 'elementor-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'top' => [ 'title' => esc_html__( 'Top', 'elementor-pro' ), 'icon' => 'eicon-v-align-top', ], 'bottom' => [ 'title' => esc_html__( 'Bottom', 'elementor-pro' ), 'icon' => 'eicon-v-align-bottom', ], ], 'default' => '', 'condition' => [ 'cart_type' => 'side-cart', ], 'conditions' => [ 'relation' => 'or', 'terms' => [ [ 'name' => 'view_cart_button_show', 'operator' => '!=', 'value' => '', ], [ 'name' => 'checkout_button_show', 'operator' => '!=', 'value' => '', ], ], ], 'selectors' => [ '{{WRAPPER}}' => '{{VALUE}}', ], 'selectors_dictionary' => [ 'bottom' => '--cart-buttons-position-margin: auto;', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'section_additional_options', [ 'label' => esc_html__( 'Additional Options', 'elementor-pro' ), ] ); $this->add_control( 'heading_additional_options', [ 'label' => esc_html__( 'Cart', 'elementor-pro' ), 'type' => Controls_Manager::HEADING, ] ); $this->add_control( 'automatically_open_cart', [ 'label' => esc_html__( 'Automatically Open Cart', 'elementor-pro' ), 'type' => Controls_Manager::SWITCHER, 'description' => esc_html__( 'Open the cart every time an item is added.', 'elementor-pro' ), 'label_on' => esc_html__( 'Yes', 'elementor-pro' ), 'label_off' => esc_html__( 'No', 'elementor-pro' ), 'return_value' => 'yes', 'default' => 'no', 'frontend_available' => true, ] ); $this->add_control( 'automatically_update_cart', [ 'label' => esc_html__( 'Automatically Update Cart', 'elementor-pro' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Yes', 'elementor-pro' ), 'label_off' => esc_html__( 'No', 'elementor-pro' ), 'return_value' => 'yes', 'default' => 'yes', 'description' => esc_html__( 'Updates to the cart (e.g., a removed item) via Ajax. The cart will update without refreshing the whole page.', 'elementor-pro' ), 'selectors' => [ '{{WRAPPER}}' => '{{VALUE}}', ], 'selectors_dictionary' => [ 'yes' => '--elementor-remove-from-cart-button: none; --remove-from-cart-button: block;', '' => '--elementor-remove-from-cart-button: block; --remove-from-cart-button: none;', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'section_toggle_style', [ 'label' => esc_html__( 'Menu Icon', 'elementor-pro' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->start_controls_tabs( 'toggle_button_colors' ); $this->start_controls_tab( 'toggle_button_normal_colors', [ 'label' => esc_html__( 'Normal', 'elementor-pro' ) ] ); $this->add_control( 'toggle_button_text_color', [ 'label' => esc_html__( 'Text Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--toggle-button-text-color: {{VALUE}};', ], 'condition' => [ 'show_subtotal!' => '', ], ] ); $this->add_control( 'toggle_button_icon_color', [ 'label' => esc_html__( 'Icon Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--toggle-button-icon-color: {{VALUE}};', ], ] ); $this->add_control( 'toggle_button_background_color', [ 'label' => esc_html__( 'Background Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--toggle-button-background-color: {{VALUE}}', ], ] ); $this->add_control( 'toggle_button_border_color', [ 'label' => esc_html__( 'Border Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--toggle-button-border-color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'toggle_button_normal_box_shadow', 'selector' => '{{WRAPPER}} .elementor-menu-cart__toggle .elementor-button', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'toggle_button_hover_colors', [ 'label' => esc_html__( 'Hover', 'elementor-pro' ) ] ); $this->add_control( 'toggle_button_hover_text_color', [ 'label' => esc_html__( 'Text Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--toggle-button-hover-text-color: {{VALUE}};', ], 'condition' => [ 'show_subtotal!' => '', ], ] ); $this->add_control( 'toggle_button_hover_icon_color', [ 'label' => esc_html__( 'Icon Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--toggle-button-icon-hover-color: {{VALUE}};', ], ] ); $this->add_control( 'toggle_button_hover_background_color', [ 'label' => esc_html__( 'Background Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--toggle-button-hover-background-color: {{VALUE}}', ], ] ); $this->add_control( 'toggle_button_hover_border_color', [ 'label' => esc_html__( 'Border Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--toggle-button-hover-border-color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'toggle_button_hover_box_shadow', 'selector' => '{{WRAPPER}} .elementor-menu-cart__toggle .elementor-button:hover', ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_control( 'toggle_button_border_width', [ 'label' => esc_html__( 'Border Width', 'elementor-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ], 'range' => [ 'px' => [ 'max' => 20, ], 'em' => [ 'max' => 2, ], 'rem' => [ 'max' => 2, ], ], 'separator' => 'before', 'selectors' => [ '{{WRAPPER}}' => '--toggle-button-border-width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_control( 'toggle_button_border_radius', [ 'label' => esc_html__( 'Border Radius', 'elementor-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ], 'range' => [ 'px' => [ 'max' => 100, ], 'em' => [ 'max' => 10, ], 'rem' => [ 'max' => 10, ], ], 'selectors' => [ '{{WRAPPER}}' => '--toggle-button-border-radius: {{SIZE}}{{UNIT}}', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'toggle_button_typography', 'global' => [ 'default' => Global_Typography::TYPOGRAPHY_PRIMARY, ], 'selector' => '{{WRAPPER}} .elementor-menu-cart__toggle .elementor-button', 'separator' => 'before', 'condition' => [ 'show_subtotal!' => '', ], ] ); $this->add_control( 'heading_icon_style', [ 'type' => Controls_Manager::HEADING, 'label' => esc_html__( 'Icon', 'elementor-pro' ), 'separator' => 'before', ] ); $this->add_responsive_control( 'toggle_icon_size', [ 'label' => esc_html__( 'Size', 'elementor-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ], 'range' => [ 'px' => [ 'max' => 100, ], 'em' => [ 'max' => 10, ], 'rem' => [ 'max' => 10, ], ], 'selectors' => [ '{{WRAPPER}}' => '--toggle-icon-size: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'toggle_icon_spacing', [ 'label' => esc_html__( 'Spacing', 'elementor-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ], 'range' => [ 'px' => [ 'max' => 100, ], 'em' => [ 'max' => 10, ], 'rem' => [ 'max' => 10, ], ], 'selectors' => [ '{{WRAPPER}} .elementor-menu-cart__toggle .elementor-button' => 'gap: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'show_subtotal!' => '', ], ] ); $start = is_rtl() ? 'right' : 'left'; $end = is_rtl() ? 'left' : 'right'; $this->add_control( 'toggle_icon_position', [ 'label' => esc_html__( 'Position', 'elementor-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'row-reverse' => [ 'title' => esc_html__( 'Start', 'elementor-pro' ), 'icon' => "eicon-h-align-{$start}", ], 'row' => [ 'title' => esc_html__( 'End', 'elementor-pro' ), 'icon' => "eicon-h-align-{$end}", ], ], 'selectors' => [ '{{WRAPPER}} .elementor-menu-cart__toggle .elementor-button' => 'flex-direction: {{VALUE}};', ], 'condition' => [ 'show_subtotal!' => '', ], ] ); $this->add_responsive_control( 'toggle_button_padding', [ 'label' => esc_html__( 'Padding', 'elementor-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ], 'selectors' => [ '{{WRAPPER}}' => '--toggle-icon-padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_control( 'items_indicator_style', [ 'type' => Controls_Manager::HEADING, 'label' => esc_html__( 'Items Indicator', 'elementor-pro' ), 'separator' => 'before', 'condition' => [ 'items_indicator!' => 'none', ], ] ); $this->add_control( 'items_indicator_text_color', [ 'label' => esc_html__( 'Text Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--items-indicator-text-color: {{VALUE}};', ], 'condition' => [ 'items_indicator!' => 'none', ], ] ); $this->add_control( 'items_indicator_background_color', [ 'label' => esc_html__( 'Background Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--items-indicator-background-color: {{VALUE}};', ], 'condition' => [ 'items_indicator' => 'bubble', ], ] ); $this->add_responsive_control( 'items_indicator_distance', [ 'label' => esc_html__( 'Distance', 'elementor-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ], 'range' => [ 'em' => [ 'max' => 50, ], 'em' => [ 'max' => 5, ], 'rem' => [ 'max' => 5, ], ], 'selectors' => [ 'body:not(.rtl) {{WRAPPER}} .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]' => 'right: -{{SIZE}}{{UNIT}}; top: -{{SIZE}}{{UNIT}};', 'body.rtl {{WRAPPER}} .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]' => 'right: {{SIZE}}{{UNIT}}; top: -{{SIZE}}{{UNIT}}; left: auto;', ], 'condition' => [ 'items_indicator' => 'bubble', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'section_cart_style', [ 'label' => esc_html__( 'Cart', 'elementor-pro' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_control( 'background_color', [ 'label' => esc_html__( 'Background Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--cart-background-color: {{VALUE}};', ], ] ); $this->add_control( 'border_type', [ 'label' => esc_html__( 'Border Type', 'elementor-pro' ), 'type' => Controls_Manager::SELECT, 'options' => [ 'none' => esc_html__( 'None', 'elementor-pro' ), 'solid' => esc_html__( 'Solid', 'elementor-pro' ), 'double' => esc_html__( 'Double', 'elementor-pro' ), 'dotted' => esc_html__( 'Dotted', 'elementor-pro' ), 'dashed' => esc_html__( 'Dashed', 'elementor-pro' ), 'groove' => esc_html__( 'Groove', 'elementor-pro' ), ], 'selectors' => [ '{{WRAPPER}}' => '--cart-border-style: {{VALUE}};', ], 'default' => 'none', ] ); $this->add_responsive_control( 'border_width', [ 'label' => esc_html__( 'Width', 'elementor-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ], 'selectors' => [ '{{WRAPPER}} .elementor-menu-cart__main' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'border_type!' => 'none', ], ] ); $this->add_control( 'border_color', [ 'label' => esc_html__( 'Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--cart-border-color: {{VALUE}};', ], 'condition' => [ 'border_type!' => 'none', ], ] ); $this->add_responsive_control( 'border_radius', [ 'label' => esc_html__( 'Border Radius', 'elementor-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ], 'selectors' => [ '{{WRAPPER}}' => '--cart-border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'cart_box_shadow', 'selector' => '{{WRAPPER}} .elementor-menu-cart__main', ] ); $this->add_responsive_control( 'cart_padding', [ 'label' => esc_html__( 'Padding', 'elementor-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ], 'selectors' => [ '{{WRAPPER}}' => '--cart-padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_control( 'heading_close', [ 'label' => esc_html__( 'Close Cart', 'elementor-pro' ), 'type' => Controls_Manager::HEADING, 'condition' => [ 'close_cart_button_show!' => '', ], 'separator' => 'before', ] ); $this->add_responsive_control( 'close_cart_icon_size', [ 'label' => esc_html__( 'Icon Size', 'elementor-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ], 'selectors' => [ '{{WRAPPER}}' => '--cart-close-icon-size: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'close_cart_button_show!' => '', ], ] ); $this->start_controls_tabs( 'cart_icon_style' ); $this->start_controls_tab( 'icon_normal', [ 'label' => esc_html__( 'Normal', 'elementor-pro' ), 'condition' => [ 'close_cart_button_show!' => '', ], ] ); $this->add_control( 'close_cart_icon_color', [ 'label' => esc_html__( 'Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--cart-close-button-color: {{VALUE}};', ], 'condition' => [ 'close_cart_button_show!' => '', ], ] ); $this->end_controls_tab(); $this->start_controls_tab( 'icon_hover', [ 'label' => esc_html__( 'Hover', 'elementor-pro' ), 'condition' => [ 'close_cart_button_show!' => '', ], ] ); $this->add_control( 'close_cart_icon_hover_color', [ 'label' => esc_html__( 'Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--cart-close-button-hover-color: {{VALUE}};', ], 'condition' => [ 'close_cart_button_show!' => '', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_control( 'heading_remove_item_button_style', [ 'label' => esc_html__( 'Remove Item', 'elementor-pro' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', 'condition' => [ 'show_remove_icon!' => '', ], ] ); $this->add_responsive_control( 'remove_item_button_size', [ 'label' => esc_html__( 'Icon Size', 'elementor-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', 'em', 'rem', 'custom' ], 'selectors' => [ '{{WRAPPER}}' => '--remove-item-button-size: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'show_remove_icon!' => '', ], ] ); $this->start_controls_tabs( 'cart_remove_item_button_style', [ 'condition' => [ 'show_remove_icon!' => '', ], ] ); $this->start_controls_tab( 'remove_item_button_normal', [ 'label' => esc_html__( 'Normal', 'elementor-pro' ), 'condition' => [ 'show_remove_icon!' => '', ], ] ); $this->add_control( 'remove_item_button_color', [ 'label' => esc_html__( 'Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--remove-item-button-color: {{VALUE}}', ], 'condition' => [ 'show_remove_icon!' => '', ], ] ); $this->end_controls_tab(); $this->start_controls_tab( 'remove_item_button_hover', [ 'label' => esc_html__( 'Hover', 'elementor-pro' ), 'condition' => [ 'show_remove_icon!' => '', ], ] ); $this->add_control( 'remove_item_button_hover_color', [ 'label' => esc_html__( 'Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--remove-item-button-hover-color: {{VALUE}};', ], 'condition' => [ 'show_remove_icon!' => '', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_control( 'heading_subtotal_style', [ 'type' => Controls_Manager::HEADING, 'label' => esc_html__( 'Subtotal', 'elementor-pro' ), 'separator' => 'before', ] ); $this->add_control( 'subtotal_color', [ 'label' => esc_html__( 'Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--menu-cart-subtotal-color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'subtotal_typography', 'selector' => '{{WRAPPER}} .elementor-menu-cart__subtotal', ] ); $this->add_responsive_control( 'subtotal_alignment', [ 'label' => esc_html__( 'Alignment', 'elementor-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => esc_html__( 'Left', 'elementor-pro' ), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => esc_html__( 'Center', 'elementor-pro' ), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => esc_html__( 'Right', 'elementor-pro' ), 'icon' => 'eicon-text-align-right', ], ], 'selectors' => [ '{{WRAPPER}}' => '--menu-cart-subtotal-text-align: {{VALUE}};', ], ] ); $this->add_control( 'subtotal_divider_style', [ 'label' => esc_html__( 'Divider Style', 'elementor-pro' ), 'type' => Controls_Manager::SELECT, 'options' => [ '' => esc_html__( 'None', 'elementor-pro' ), 'solid' => esc_html__( 'Solid', 'elementor-pro' ), 'double' => esc_html__( 'Double', 'elementor-pro' ), 'dotted' => esc_html__( 'Dotted', 'elementor-pro' ), 'dashed' => esc_html__( 'Dashed', 'elementor-pro' ), 'groove' => esc_html__( 'Groove', 'elementor-pro' ), ], 'selectors' => [ '{{WRAPPER}} .widget_shopping_cart_content' => '{{VALUE}}', ], 'selectors_dictionary' => [ '' => '--subtotal-divider-left-width: 0; --subtotal-divider-right-width: 0;', 'solid' => '--subtotal-divider-style: solid;', 'double' => '--subtotal-divider-style: double;', 'dotted' => '--subtotal-divider-style: dotted;', 'dashed' => '--subtotal-divider-style: dashed;', 'groove' => '--subtotal-divider-style: groove;', ], ] ); $this->add_responsive_control( 'subtotal_divider_width', [ 'label' => esc_html__( 'Width', 'elementor-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ], 'selectors' => [ '{{WRAPPER}} .widget_shopping_cart_content' => '--subtotal-divider-top-width: {{TOP}}{{UNIT}}; --subtotal-divider-right-width: {{RIGHT}}{{UNIT}}; --subtotal-divider-bottom-width: {{BOTTOM}}{{UNIT}}; --subtotal-divider-left-width: {{LEFT}}{{UNIT}};', ], ] ); $this->add_control( 'subtotal_divider_color', [ 'label' => esc_html__( 'Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .widget_shopping_cart_content' => '--subtotal-divider-color: {{VALUE}}', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'section_product_tabs_style', [ 'label' => esc_html__( 'Products', 'elementor-pro' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_control( 'heading_product_title_style', [ 'type' => Controls_Manager::HEADING, 'label' => esc_html__( 'Product Title', 'elementor-pro' ), 'separator' => 'before', ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'product_title_typography', 'global' => [ 'default' => Global_Typography::TYPOGRAPHY_PRIMARY, ], 'selector' => '{{WRAPPER}} .elementor-menu-cart__product-name a', ] ); $this->start_controls_tabs( 'product_title_colors' ); $this->start_controls_tab( 'product_title_normal_colors', [ 'label' => esc_html__( 'Normal', 'elementor-pro' ) ] ); $this->add_control( 'product_title_color', [ 'label' => esc_html__( 'Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .elementor-menu-cart__product-name a' => 'color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->start_controls_tab( 'product_title_hover_colors', [ 'label' => esc_html__( 'Hover', 'elementor-pro' ) ] ); $this->add_control( 'product_title_hover_color', [ 'label' => esc_html__( 'Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .elementor-menu-cart__product-name a:hover' => 'color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_control( 'heading_product_variations_style', [ 'type' => Controls_Manager::HEADING, 'label' => esc_html__( 'Variations', 'elementor-pro' ), 'separator' => 'before', ] ); $this->add_control( 'product_variations_color', [ 'label' => esc_html__( 'Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--product-variations-color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'product_variations_typography', 'selector' => '{{WRAPPER}} .elementor-menu-cart__product .variation', ] ); $this->add_control( 'heading_product_price_style', [ 'type' => Controls_Manager::HEADING, 'label' => esc_html__( 'Product Price', 'elementor-pro' ), 'separator' => 'before', ] ); $this->add_control( 'product_price_color', [ 'label' => esc_html__( 'Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--product-price-color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'product_price_typography', 'global' => [ 'default' => Global_Typography::TYPOGRAPHY_PRIMARY, ], 'selector' => '{{WRAPPER}} .elementor-menu-cart__product-price', ] ); $this->add_control( 'heading_quantity_title_style', [ 'type' => Controls_Manager::HEADING, 'label' => esc_html__( 'Quantity', 'elementor-pro' ), 'separator' => 'before', ] ); $this->add_control( 'product_quantity_color', [ 'label' => esc_html__( 'Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .elementor-menu-cart__product-price .product-quantity' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'product_quantity_typography', 'selector' => '{{WRAPPER}} .elementor-menu-cart__product-price .product-quantity', ] ); $this->add_control( 'heading_product_divider_style', [ 'type' => Controls_Manager::HEADING, 'label' => esc_html__( 'Divider', 'elementor-pro' ), 'separator' => 'before', ] ); $this->add_control( 'divider_style', [ 'label' => esc_html__( 'Style', 'elementor-pro' ), 'type' => Controls_Manager::SELECT, 'options' => [ '' => esc_html__( 'None', 'elementor-pro' ), 'solid' => esc_html__( 'Solid', 'elementor-pro' ), 'double' => esc_html__( 'Double', 'elementor-pro' ), 'dotted' => esc_html__( 'Dotted', 'elementor-pro' ), 'dashed' => esc_html__( 'Dashed', 'elementor-pro' ), 'groove' => esc_html__( 'Groove', 'elementor-pro' ), ], 'selectors' => [ '{{WRAPPER}}' => '--divider-style: {{VALUE}}; --subtotal-divider-style: {{VALUE}};', ], ] ); $this->add_control( 'divider_color', [ 'label' => esc_html__( 'Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--divider-color: {{VALUE}}; --subtotal-divider-color: {{VALUE}};', ], ] ); $this->add_responsive_control( 'divider_width', [ 'label' => esc_html__( 'Weight', 'elementor-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', 'em', 'rem', 'custom' ], 'range' => [ 'px' => [ 'max' => 10, ], 'em' => [ 'max' => 1, ], 'rem' => [ 'max' => 1, ], ], 'selectors' => [ '{{WRAPPER}}' => '--divider-width: {{SIZE}}{{UNIT}}; --subtotal-divider-top-width: {{SIZE}}{{UNIT}}; --subtotal-divider-right-width: {{SIZE}}{{UNIT}}; --subtotal-divider-bottom-width: {{SIZE}}{{UNIT}}; --subtotal-divider-left-width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'divider_gap', [ 'label' => esc_html__( 'Spacing', 'elementor-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', 'em', 'rem', 'custom' ], 'range' => [ 'px' => [ 'max' => 50, ], 'em' => [ 'max' => 5, ], 'rem' => [ 'max' => 5, ], ], 'selectors' => [ '{{WRAPPER}}' => '--product-divider-gap: {{SIZE}}{{UNIT}};', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'section_style_buttons', [ 'label' => esc_html__( 'Buttons', 'elementor-pro' ), 'tab' => Controls_Manager::TAB_STYLE, 'conditions' => [ 'relation' => 'or', 'terms' => [ [ 'name' => 'view_cart_button_show', 'operator' => '!=', 'value' => '', ], [ 'name' => 'checkout_button_show', 'operator' => '!=', 'value' => '', ], ], ], ] ); $this->add_responsive_control( 'buttons_layout', [ 'label' => esc_html__( 'Layout', 'elementor-pro' ), 'type' => Controls_Manager::SELECT, 'options' => [ 'inline' => esc_html__( 'Inline', 'elementor-pro' ), 'stacked' => esc_html__( 'Stacked', 'elementor-pro' ), ], 'default' => 'inline', 'devices' => [ 'desktop', 'tablet', 'mobile' ], 'condition' => [ 'view_cart_button_show!' => '', 'checkout_button_show!' => '', ], 'selectors' => [ '{{WRAPPER}}' => '{{VALUE}}', ], 'selectors_dictionary' => [ 'inline' => '--cart-footer-layout: 1fr 1fr; --products-max-height-sidecart: calc(100vh - 240px); --products-max-height-minicart: calc(100vh - 385px)', 'stacked' => '--cart-footer-layout: 1fr; --products-max-height-sidecart: calc(100vh - 300px); --products-max-height-minicart: calc(100vh - 450px)', ], ] ); $this->add_responsive_control( 'space_between_buttons', [ 'label' => esc_html__( 'Space Between', 'elementor-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', 'em', 'rem', 'custom' ], 'range' => [ 'px' => [ 'max' => 50, ], 'em' => [ 'max' => 5, ], 'rem' => [ 'max' => 5, ], ], 'selectors' => [ '{{WRAPPER}}' => '--space-between-buttons: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'view_cart_button_show!' => '', 'checkout_button_show!' => '', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'product_buttons_typography', 'global' => [ 'default' => Global_Typography::TYPOGRAPHY_PRIMARY, ], 'selector' => '{{WRAPPER}} .elementor-menu-cart__footer-buttons .elementor-button', ] ); $this->add_control( 'button_border_radius', [ 'label' => esc_html__( 'Border Radius', 'elementor-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ], 'range' => [ 'px' => [ 'max' => 100, ], 'em' => [ 'max' => 10, ], 'rem' => [ 'max' => 10, ], ], 'selectors' => [ '{{WRAPPER}}' => '--cart-footer-buttons-border-radius: {{SIZE}}{{UNIT}};', ], 'separator' => 'after', ] ); $this->add_control( 'heading_view_cart_button_style', [ 'type' => Controls_Manager::HEADING, 'label' => esc_html__( 'View Cart', 'elementor-pro' ), 'condition' => [ 'view_cart_button_show!' => '', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'view_cart_buttons_typography', 'global' => [ 'default' => Global_Typography::TYPOGRAPHY_PRIMARY, ], 'selector' => '{{WRAPPER}} .elementor-menu-cart__footer-buttons a.elementor-button--view-cart', 'separator' => 'before', 'condition' => [ 'view_cart_button_show!' => '', ], ] ); $this->start_controls_tabs( 'view_cart_button_text_colors', [ 'condition' => [ 'view_cart_button_show!' => '', ], ] ); $this->start_controls_tab( 'heading_view_cart_button_normal_style', [ 'label' => esc_html__( 'Normal', 'elementor-pro' ), 'condition' => [ 'view_cart_button_show!' => '', ], ] ); $this->add_control( 'view_cart_button_text_color', [ 'label' => esc_html__( 'Text Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--view-cart-button-text-color: {{VALUE}};', ], 'condition' => [ 'view_cart_button_show!' => '', ], ] ); $this->add_control( 'view_cart_button_background_color', [ 'label' => esc_html__( 'Background Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--view-cart-button-background-color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->start_controls_tab( 'heading_view_cart_button_hover_style', [ 'label' => esc_html__( 'Hover', 'elementor-pro' ), 'condition' => [ 'view_cart_button_show!' => '', ], ] ); $this->add_control( 'view_cart_button_hover_text_color', [ 'label' => esc_html__( 'Text Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--view-cart-button-hover-text-color: {{VALUE}};', ], 'condition' => [ 'view_cart_button_show!' => '', ], ] ); $this->add_control( 'view_cart_button_hover_background', [ 'label' => esc_html__( 'Background Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--view-cart-button-hover-background-color: {{VALUE}};', ], ] ); $this->add_control( 'view_cart_button_border_hover_color', [ 'label' => esc_html__( 'Border Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover' => 'border-color: {{VALUE}};', ], 'condition' => [ 'view_cart_border_border!' => '', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'view_cart_border', 'selector' => '{{WRAPPER}} .elementor-button--view-cart', 'separator' => 'before', 'condition' => [ 'view_cart_button_show!' => '', ], ] ); $this->add_responsive_control( 'view_cart_button_border_radius', [ 'label' => esc_html__( 'Border Radius', 'elementor-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ], 'selectors' => [ '{{WRAPPER}} .elementor-menu-cart__footer-buttons a.elementor-button--view-cart' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'view_cart_button_show!' => '', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'view_cart_button_box_shadow', 'selector' => '{{WRAPPER}} .elementor-button--view-cart', 'condition' => [ 'view_cart_button_show!' => '', ], ] ); $this->add_responsive_control( 'view_cart_button_padding', [ 'label' => esc_html__( 'Padding', 'elementor-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ], 'selectors' => [ '{{WRAPPER}}' => '--view-cart-button-padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'view_cart_button_show!' => '', ], 'separator' => 'after', ] ); $this->add_control( 'heading_checkout_button_style', [ 'type' => Controls_Manager::HEADING, 'label' => esc_html__( 'Checkout', 'elementor-pro' ), 'condition' => [ 'checkout_button_show!' => '', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'cart_checkout_button_typography', 'global' => [ 'default' => Global_Typography::TYPOGRAPHY_PRIMARY, ], 'selector' => '{{WRAPPER}} .elementor-menu-cart__footer-buttons a.elementor-button--checkout', 'separator' => 'before', 'condition' => [ 'checkout_button_show!' => '', ], ] ); $this->start_controls_tabs( 'cart_checkout_button_text_colors', [ 'condition' => [ 'checkout_button_show!' => '', ], ] ); $this->start_controls_tab( 'heading_cart_checkout_button_normal_style', [ 'label' => esc_html__( 'Normal', 'elementor-pro' ), 'condition' => [ 'checkout_button_show!' => '', ], ] ); $this->add_control( 'checkout_button_text_color', [ 'label' => esc_html__( 'Text Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--checkout-button-text-color: {{VALUE}};', ], 'condition' => [ 'checkout_button_show!' => '', ], ] ); $this->add_control( 'checkout_button_background_color', [ 'label' => esc_html__( 'Background Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--checkout-button-background-color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->start_controls_tab( 'heading_cart_checkout_button_hover_style', [ 'label' => esc_html__( 'Hover', 'elementor-pro' ), 'condition' => [ 'checkout_button_show!' => '', ], ] ); $this->add_control( 'checkout_button_hover_text_color', [ 'label' => esc_html__( 'Text Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--checkout-button-hover-text-color: {{VALUE}};', ], 'condition' => [ 'checkout_button_show!' => '', ], ] ); $this->add_control( 'checkout_button_hover_background', [ 'label' => esc_html__( 'Background Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--checkout-button-hover-background-color: {{VALUE}};', ], ] ); $this->add_control( 'checkout_button_border_hover_color', [ 'label' => esc_html__( 'Border Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover' => 'border-color: {{VALUE}};', ], 'condition' => [ 'checkout_border_border!' => '', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'checkout_border', 'selector' => '{{WRAPPER}} .elementor-button--checkout', 'separator' => 'before', 'condition' => [ 'checkout_button_show!' => '', ], ] ); $this->add_responsive_control( 'view_checkout_button_border_radius', [ 'label' => esc_html__( 'Border Radius', 'elementor-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ], 'selectors' => [ '{{WRAPPER}} .elementor-menu-cart__footer-buttons a.elementor-button--checkout' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'checkout_button_show!' => '', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'view_checkout_button_box_shadow', 'selector' => '{{WRAPPER}} .elementor-button--checkout', 'condition' => [ 'checkout_button_show!' => '', ], ] ); $this->add_responsive_control( 'view_checkout_button_padding', [ 'label' => esc_html__( 'Padding', 'elementor-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ], 'selectors' => [ '{{WRAPPER}}' => '--checkout-button-padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'checkout_button_show!' => '', ], 'separator' => 'after', ] ); $this->end_controls_section(); $this->start_controls_section( 'section_style_messages', [ 'label' => esc_html__( 'Messages', 'elementor-pro' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'cart_empty_message_typography', 'global' => [ 'default' => Global_Typography::TYPOGRAPHY_PRIMARY, ], 'selector' => '{{WRAPPER}} .woocommerce-mini-cart__empty-message', ] ); $this->add_control( 'empty_message_color', [ 'label' => esc_html__( 'Empty Cart Message Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--empty-message-color: {{VALUE}};', ], ] ); $this->add_responsive_control( 'empty_message_alignment', [ 'label' => esc_html__( 'Alignment', 'elementor-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => esc_html__( 'Left', 'elementor-pro' ), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => esc_html__( 'Center', 'elementor-pro' ), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => esc_html__( 'Right', 'elementor-pro' ), 'icon' => 'eicon-text-align-right', ], 'justify' => [ 'title' => esc_html__( 'Justified', 'elementor-pro' ), 'icon' => 'eicon-text-align-justify', ], ], 'selectors' => [ '{{WRAPPER}}' => '--empty-message-alignment: {{VALUE}};', ], ] ); $this->end_controls_section(); } /** * Check if user did not explicitly disabled the use of our mini-cart template and set the option accordingly. * The option value is later used by Module::woocommerce_locate_template(). */ private function maybe_use_mini_cart_template() { $option_value = get_option( 'elementor_' . Module::OPTION_NAME_USE_MINI_CART, '' ); if ( empty( $option_value ) || 'initial' === $option_value ) { update_option( 'elementor_' . Module::OPTION_NAME_USE_MINI_CART, 'yes' ); } } protected function render() { $settings = $this->get_settings_for_display(); if ( ! wp_script_is( 'wc-cart-fragments' ) ) { wp_enqueue_script( 'wc-cart-fragments' ); } $this->maybe_use_mini_cart_template(); Module::render_menu_cart( $settings ); } public function render_plain_content() {} public function get_group_name() { return 'woocommerce'; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.3-4ubuntu2.24 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка