File manager - Edit - /home/monara/public_html/ben_holdings_wp/wp-content/plugins/elementskit/widgets/coupon-code/coupon-code.php
Back
<?php namespace Elementor; use \Elementor\ElementsKit_Widget_Coupon_Code_Handler as Handler; if ( ! defined( 'ABSPATH' ) ) exit; class Elementskit_Widget_Coupon_Code extends Widget_Base { use \Elementskit_Lite\Widgets\Widget_Notice; public $base; public function get_name() { return Handler::get_name(); } public function get_title() { return Handler::get_title(); } public function get_icon() { return Handler::get_icon(); } public function get_categories() { return Handler::get_categories(); } public function get_keywords() { return ['ekit', 'promo', 'discount', 'gift', 'offer']; } public function get_help_url() { return 'https://wpmet.com/doc/coupon-code/'; } protected function is_dynamic_content(): bool { return false; } protected function register_controls() { // Coupon Content $this->start_controls_section ( 'ekit_coupon_code_content', [ 'label' => esc_html__( 'Content', 'elementskit' ), 'tab' => Controls_Manager::TAB_CONTENT, ] ); $this->add_control( 'ekit_coupon_style', [ 'label' => esc_html__( 'Coupon Style', 'elementskit' ), 'type' => Controls_Manager::SELECT, 'default' => 'style-3', 'options' => [ 'style-3' => esc_html__( 'Slide', 'elementskit' ), 'style-2' => esc_html__( 'Slide With Curve', 'elementskit' ), 'style-4' => esc_html__( 'Slide With Angle', 'elementskit' ), 'style-6' => esc_html__( 'Right Curve', 'elementskit' ), 'style-7' => esc_html__( 'Button With Input ', 'elementskit' ), 'inline' => esc_html__( 'Inline Style', 'elementskit' ), ], ] ); // Coupon Title $this->add_control( 'ekit_coupon_text', [ 'label' => esc_html__( 'Coupon Label', 'elementskit' ), 'type' => Controls_Manager::TEXT, 'default' => esc_html__( 'Get 50% OFF ', 'elementskit' ), 'placeholder' => esc_html__( 'Get 50% OFF ', 'elementskit' ), 'label_block' => true, 'dynamic' => [ 'active' => true, ], 'condition' => [ 'ekit_coupon_style!' => 'style-7', ], ] ); $this->add_control( 'ekit_copybtn_text', [ 'label' => esc_html__( 'Button Label', 'elementskit' ), 'type' => Controls_Manager::TEXT, 'default' => esc_html__( 'Copy Code', 'elementskit' ), 'dynamic' => [ 'active' => true ], 'label_block' => true, 'condition' => [ 'ekit_coupon_style' => 'style-7', ], ] ); $this->add_control( 'ekit_after_copy_text', [ 'label' => esc_html__( 'After Copy', 'elementskit' ), 'type' => Controls_Manager::TEXT, 'default' => esc_html__( 'Copied!', 'elementskit' ), 'dynamic' => [ 'active' => true ], 'label_block' => true, 'condition' => [ 'ekit_coupon_style' => 'style-7', ], ] ); // Coupon Code $this->add_control( 'ekit_coupon_code', [ 'label' => esc_html__( 'Coupon', 'elementskit' ), 'type' => Controls_Manager::TEXT, 'default' => esc_html__( 'XS46-58XS-XS25', 'elementskit' ), 'placeholder' => esc_html__( 'XS46-58XS-XS25 ', 'elementskit' ), 'label_block' => true, 'dynamic' => [ 'active' => true, ], ] ); $this->add_control( 'ekit_coupon_icon_heading', [ 'label' => esc_html__( 'Button Icon', 'elementskit' ), 'type' => Controls_Manager::HEADING, ] ); $this->add_control( 'ekit_coupon_icons', [ 'label' => esc_html__( 'Icon', 'elementskit' ), 'type' => Controls_Manager::ICONS, 'fa4compatibility' => 'ekit_coupon_icon', 'label_block' => true, 'skin' => 'inline', 'default' => [ 'value' => 'fa fa-cut', 'library' => 'fa-solid', ], ] ); $this->add_control( 'ekit_coupon_icon_align', [ 'label' => esc_html__( 'Icon Position', 'elementskit' ), 'type' => Controls_Manager::SELECT, 'default' => 'left', 'options' => [ 'left' => esc_html__( 'Before', 'elementskit' ), 'right' => esc_html__( 'After', 'elementskit' ), ], 'condition' => [ 'ekit_coupon_icons[value]!' => '', ] ] ); $this->add_control( 'ekit_coupon_flex_direction', [ 'label' => esc_html__( 'Direction', 'elementskit' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'row' => [ 'title' => esc_html__( 'Row - horizontal', 'elementskit' ), 'icon' => 'eicon-arrow-right', ], 'column' => [ 'title' => esc_html__( 'Column - vertical', 'elementskit' ), 'icon' => 'eicon-arrow-down', ], 'row-reverse' => [ 'title' => esc_html__( 'Row - reversed', 'elementskit' ), 'icon' => 'eicon-arrow-left', ], 'column-reverse' => [ 'title' => esc_html__( 'Column - reversed', 'elementskit' ), 'icon' => 'eicon-arrow-up', ], ], 'default' => 'row-reverse', 'toggle' => true, 'selectors' => [ '{{WRAPPER}} .ekit-wid-con .ekit_coupon_btn_group' => 'flex-direction: {{VALUE}};', ], 'condition' => [ 'ekit_coupon_style' => 'style-7', ] ] ); $this->add_control( 'ekit_coupon_flex_align', [ 'label' => esc_html__( 'Align Items', 'elementskit' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'flex-start' => [ 'title' => esc_html_x( 'Start', 'Flex Container Control', 'elementskit' ), 'icon' => 'eicon-flex eicon-align-start-v', ], 'center' => [ 'title' => esc_html_x( 'Center', 'Flex Container Control', 'elementskit' ), 'icon' => 'eicon-flex eicon-align-center-v', ], 'flex-end' => [ 'title' => esc_html_x( 'End', 'Flex Container Control', 'elementskit' ), 'icon' => 'eicon-flex eicon-align-end-v', ], ], 'default' => 'center', 'toggle' => true, 'selectors' => [ '{{WRAPPER}} .ekit-wid-con .ekit_coupon_btn_group' => 'align-items: {{VALUE}};', ], 'condition' => [ 'ekit_coupon_style' => 'style-7', ] ] ); $this->add_control( 'ekit_coupon_action_type', [ 'label' => esc_html__( 'Select Action', 'elementskit' ), 'type' => Controls_Manager::SELECT, 'default' => 'click', 'options' => [ 'click' => esc_html__( 'Click', 'elementskit' ), 'popup' => esc_html__( 'Popup', 'elementskit' ), ], 'condition' => [ 'ekit_coupon_style!' => ['style-7', 'inline'], ] ] ); $this->end_controls_section(); // Popup Content Section $this->start_controls_section ( 'ekit_coupon_code_popup_content', [ 'label' => esc_html__( 'Popup', 'elementskit' ), 'tab' => Controls_Manager::TAB_CONTENT, 'condition' => [ 'ekit_coupon_action_type' => 'popup', 'ekit_coupon_style!' => ['style-7', 'inline'], ] ], ); $this->add_control( 'ekit_coupon_popup_button_type', [ 'label' => esc_html__( 'Select Button Type', 'elementskit' ), 'type' => Controls_Manager::SELECT, 'default' => 'inline', 'options' => [ 'inline' => esc_html__( 'Inline', 'elementskit' ), 'button-input' => esc_html__( 'Button With Input', 'elementskit' ), ], 'condition' => [ 'ekit_coupon_style!' => ['style-7', 'inline'], ] ] ); $this->add_control( 'ekit_coupon_modal_sub_title', [ 'label' => esc_html__( 'Sub Title', 'elementskit' ), 'type' => Controls_Manager::TEXT, 'label_block' => true, 'default' => esc_html__( ' ElementsKit Coupon', 'elementskit' ), 'placeholder' => esc_html__( 'Sub Title', 'elementskit' ), 'dynamic' => [ 'active' => true, ], ] ); $this->add_control( 'ekit_coupon_modal_title', [ 'label' => esc_html__( 'Title', 'elementskit' ), 'type' => Controls_Manager::TEXT, 'label_block' => true, 'default' => esc_html__( ' ElementsKit Coupon Code Widget', 'elementskit' ), 'placeholder' => esc_html__( 'Title', 'elementskit' ), 'dynamic' => [ 'active' => true, ], ] ); $this->add_control( 'ekit_coupon_modal_desc', [ 'label' => esc_html__( 'Description', 'elementskit' ), 'type' => Controls_Manager::TEXT, 'default' => esc_html__( 'Use the coupon code on site.', 'elementskit' ), 'placeholder' => esc_html__( 'Description', 'elementskit' ), 'label_block' => true, 'dynamic' => [ 'active' => true, ], ] ); $this->add_control( 'ekit_copy_btn_text', [ 'label' => esc_html__( 'Copy Button', 'elementskit' ), 'type' => Controls_Manager::TEXT, 'default' => esc_html__( 'Copy Code', 'elementskit' ), 'dynamic' => [ 'active' => true ], ] ); $this->add_control( 'ekit_after_copied_text', [ 'label' => esc_html__( 'After Copy', 'elementskit' ), 'type' => Controls_Manager::TEXT, 'default' => esc_html__( 'Copied!', 'elementskit' ), 'dynamic' => [ 'active' => true ], ] ); $this->add_control( 'ekit_coupon_modal_side_heading', [ 'label' => esc_html__( 'Modal Image', 'elementskit' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_control( 'ekit_coupon_modal_side_image', [ 'label' => esc_html__( 'Choose Image', 'elementskit' ), 'type' => Controls_Manager::MEDIA, 'default' => [ 'url' => Utils::get_placeholder_image_src(), ], 'dynamic' => [ 'active' => true, ], ] ); $this->add_control( 'ekit_coupon_modal_img_direction', [ 'label' => esc_html__( 'Image Direction', 'elementskit' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'row' => [ 'title' => esc_html__( 'Row - horizontal', 'elementskit' ), 'icon' => 'eicon-arrow-right', ], 'column' => [ 'title' => esc_html__( 'Column - vertical', 'elementskit' ), 'icon' => 'eicon-arrow-down', ], 'row-reverse' => [ 'title' => esc_html__( 'Row - reversed', 'elementskit' ), 'icon' => 'eicon-arrow-left', ], 'column-reverse' => [ 'title' => esc_html__( 'Column - reversed', 'elementskit' ), 'icon' => 'eicon-arrow-up', ], ], 'default' => 'row', 'toggle' => true, 'selectors' => [ '{{WRAPPER}} .ekit-wid-con .elementskit-coupon-popup .modal-content .modal-body-wrap' => 'flex-direction: {{VALUE}};', ], 'condition' => [ 'ekit_coupon_modal_side_image[url]!' => '', ], ] ); $this->add_responsive_control( 'ekit_coupon_modal_align', [ 'label' => esc_html__( 'Text Alignment', 'elementskit' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => esc_html__( 'Left', 'elementskit' ), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => esc_html__( 'Center', 'elementskit' ), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => esc_html__( 'Right', 'elementskit' ), 'icon' => 'eicon-text-align-right', ], ], 'default' => 'center', 'selectors' => [ '{{WRAPPER}} .elementskit-coupon-popup .modal-body-wrap .ekit-coupon-modal-info' => 'text-align: {{VALUE}};', ], ] ); // Ekit Popup Button Icon $this->add_control( 'ekit_coupon_popup_btn_icon', [ 'label' => esc_html__('Popup Button Icon', 'elementskit'), 'type' => Controls_Manager::HEADING, ] ); $this->add_control( 'ekit_coupon_popup_button_icon', [ 'label' => esc_html__( 'Icon', 'elementskit' ), 'type' => Controls_Manager::ICONS, 'fa4compatibility' => '', 'label_block' => true, 'skin' => 'inline', 'default' => [ 'value' => 'fa fa-cut', 'library' => 'fa-solid', ], ] ); // Ekit Close Icon $this->add_control( 'ekit_coupon_popup_close_btn', [ 'label' => esc_html__('Close Icon', 'elementskit'), 'type' => Controls_Manager::HEADING, ] ); $this->add_control( 'ekit_coupon_close_button_icons', [ 'label' => esc_html__( 'Icon', 'elementskit' ), 'type' => Controls_Manager::ICONS, 'fa4compatibility' => 'ekit_team_close_icon_change', 'skin' => 'inline', 'default' => [ 'value' => 'fas fa-times', 'library' => 'fa-solid', ], 'label_block' => true, ] ); $this->end_controls_section(); /** Coupon Button Style */ $this->start_controls_section( 'ekit_coupon_button_style', [ 'label' => esc_html__( 'Button', 'elementskit' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); // Button style 2 $this->add_control( 'ekit_coupon_btn_separator_normal_style_2', [ 'label' => esc_html__( 'Separator Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'default' => '#fff', 'selectors' => [ '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link::before' => 'border-left-color: {{VALUE}};', '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link::after' => 'border-right-color: {{VALUE}};', '{{WRAPPER}} .ekit-coupon-wrapper .ekit_coupon_text.style-2::after' => 'border-right-color: {{VALUE}};', ], 'condition' => [ 'ekit_coupon_style' => 'style-2', ], ] ); // Button style_6 $this->add_control( 'ekit_coupon_btn_before_style_6', [ 'label' => esc_html__( 'Separator Top Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'default' => '#99bbef', 'selectors' => [ '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link .ekit_coupon_text .coupon-text::before' => 'border-top-color: {{VALUE}};', ], 'condition' => [ 'ekit_coupon_style' => 'style-6', ], ] ); $this->add_control( 'ekit_coupon_btn_after_style_6', [ 'label' => esc_html__( 'Separator Bottom Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'default' => '#587eb9', 'selectors' => [ '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link .ekit_coupon_text .coupon-text::after' => 'border-bottom-color: {{VALUE}};', ], 'condition' => [ 'ekit_coupon_style' => 'style-6', ], ] ); $this->add_responsive_control( 'ekit_coupon_text_align', [ 'label' => esc_html__( 'Text Alignment', 'elementskit' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => esc_html__( 'Left', 'elementskit' ), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => esc_html__( 'Center', 'elementskit' ), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => esc_html__( 'Right', 'elementskit' ), 'icon' => 'eicon-text-align-right', ], ], 'default' => 'center', 'selectors' => [ '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link .ekit_coupon_text' => 'justify-content: {{VALUE}}; align-items: center; display: flex;', '{{WRAPPER}} .click-to-copy__text' => 'text-align: {{VALUE}};', ], 'condition' => [ 'ekit_coupon_style!' => 'style-7', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'ekit_coupon_typography', 'label' => esc_html__( 'Typography', 'elementskit' ), 'selector' => '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link .ekit_coupon_text, {{WRAPPER}} .click-to-copy__text', 'default' => [ 'unit' => 'px', 'size' => 15, ], 'condition' => [ 'ekit_coupon_style!' => 'style-7' ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'ekit_coupon_style_7_typography', 'label' => esc_html__( 'Typography', 'elementskit' ), 'selector' => '{{WRAPPER}} .ekit_coupon_btn_group .ekit_coupon_copybtn', 'condition' => [ 'ekit_coupon_style' => 'style-7', ], ] ); $this->start_controls_tabs( 'ekit_coupon_btn_tabs_style' ); $this->start_controls_tab( 'ekit_coupon_btn_tab_normal', [ 'label' => esc_html__( 'Normal', 'elementskit' ), ] ); // Button label overlay $this->add_responsive_control( 'ekit_coupon_btn_label_normal', [ 'label' => esc_html__( 'Button Label Width (%)', 'elementskit' ), 'type' => Controls_Manager::SLIDER, 'selectors' => [ '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link .ekit_coupon_text' => 'width: {{SIZE}}%;', ], 'condition' => [ 'ekit_coupon_style!' => ['style-7', 'inline'] ], ] ); // Button style_4 $this->add_control( 'ekit_coupon_btn_separator_normal_color', [ 'label' => esc_html__( 'Separator Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'default' => '#99bbef', 'selectors' => [ '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link .ekit_coupon_text::after' => 'border-left-color: {{VALUE}}', ], 'condition' => [ 'ekit_coupon_style' => 'style-4', ], ] ); $this->add_control( 'ekit_coupon_text_color', [ 'label' => esc_html__( 'Text Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link .ekit_coupon_text' => 'color: {{VALUE}};', '{{WRAPPER}} .click-to-copy__text' => 'color: {{VALUE}};', '{{WRAPPER}} .ekit_coupon_btn_group .ekit_coupon_copybtn .ekit_copybtn_text' => 'color: {{VALUE}};', '{{WRAPPER}} .ekit_coupon_btn_group .ekit_coupon_copybtn .ekit_after_copy_text' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), array( 'name' => 'ekit_coupon_btn_bg_color_normal', 'default' => '', 'selector' => '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link .ekit_coupon_text, {{WRAPPER}} .click-to-copy__text', 'exclude' => ['image'], 'condition' => [ 'ekit_coupon_style!' => ['style-7'] ], ) ); /** style_7 */ $this->add_group_control( Group_Control_Background::get_type(), array( 'name' => 'ekit_couponBtn_bg_color_normal', 'default' => '', 'selector' => '{{WRAPPER}} .ekit_coupon_btn_group > .ekit_coupon_copybtn', 'exclude' => ['image'], 'condition' => [ 'ekit_coupon_style' => 'style-7', ], ) ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_coupon_border_normal_style', 'selector' => '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link, {{WRAPPER}} .click-to-copy__text', 'condition' => [ 'ekit_coupon_style!' => 'style-7', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_coupon_border_normal_style7', 'selector' => '{{WRAPPER}} .ekit_coupon_btn_group .ekit_coupon_copybtn', 'condition' => [ 'ekit_coupon_style' => 'style-7', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'ekit_coupon_btn_box_shadow', 'label' => esc_html__( 'Box Shadow', 'elementskit' ), 'selector' => '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link, {{WRAPPER}} .click-to-copy__text', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'ekit_coupon_btn_tab_hover', [ 'label' => esc_html__( 'Hover', 'elementskit' ), ] ); // Button style_3 and style_4 $this->add_responsive_control( 'ekit_coupon_btn_label_hover', [ 'label' => esc_html__( 'Button Label Width (%)', 'elementskit' ), 'type' => Controls_Manager::SLIDER, 'default' => ['size' => 80 ], 'selectors' => [ '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link:hover .ekit_coupon_text' => 'width: {{SIZE}}%;', ], 'condition' => [ 'ekit_coupon_style!' => ['style-7', 'inline'], ], ] ); $this->add_control( 'ekit_coupon_separator_hover_color', [ 'label' => esc_html__( 'Separator Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link:hover .ekit_coupon_text::after' => 'border-left-color: {{VALUE}}', ], 'condition' => [ 'ekit_coupon_style' => 'style-4', ], ] ); $this->add_control( 'ekit_coupon_title_hover_color', [ 'label' => esc_html__( 'Text Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link:hover .ekit_coupon_text' => 'color: {{VALUE}};', '{{WRAPPER}} .click-to-copy__text:hover' => 'color: {{VALUE}};', '{{WRAPPER}} .ekit_coupon_btn_group .ekit_coupon_copybtn:hover .ekit_copybtn_text' => 'color: {{VALUE}};', '{{WRAPPER}} .ekit_coupon_btn_group .ekit_coupon_copybtn:hover .ekit_after_copy_text' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), array( 'name' => 'ekit_coupon_btn_bg_color_hover', 'default' => '', 'selector' => '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link .ekit_coupon_text:hover, {{WRAPPER}} .click-to-copy__text:hover', 'exclude' => ['image'], 'condition' => [ 'ekit_coupon_style!' => 'style-7' ], ) ); /** style_7 */ $this->add_group_control( Group_Control_Background::get_type(), array( 'name' => 'ekit_couponbtn_bg_color_hover', 'default' => '', 'selector' => '{{WRAPPER}} .ekit_coupon_btn_group > .ekit_coupon_copybtn:hover', 'exclude' => ['image'], 'condition' => [ 'ekit_coupon_style' => 'style-7', ], ) ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_coupon_border_hover_style', 'selector' => '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link:hover, {{WRAPPER}} .click-to-copy__text:hover', 'condition' => [ 'ekit_coupon_style!' => 'style-7', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_coupon_border_hover_style7', 'selector' => '.ekit_coupon_btn_group .ekit_coupon_copybtn:hover', 'condition' => [ 'ekit_coupon_style' => 'style-7', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'ekit_coupon_btn_box_shadow_hover', 'label' => esc_html__( 'Box Shadow', 'elementskit' ), 'selector' => '{{WRAPPER}} .ekit-coupon-wrapper:hover .coupon-btn-link, {{WRAPPER}} .click-to-copy__text:hover', ] ); // Button style_6 $this->add_control( 'ekit_coupon_btn_hover_before', [ 'label' => esc_html__( 'Curve Top Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'default' => '#99bbef', 'selectors' => [ '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link:hover .ekit_coupon_text .coupon-text::before' => 'border-top-color: {{VALUE}};', ], 'condition' => [ 'ekit_coupon_style' => 'style-6', ], ] ); $this->add_control( 'ekit_coupon_btn_hover_after', [ 'label' => esc_html__( 'Curve Bottom Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'default' => '#587eb9', 'selectors' => [ '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link:hover .ekit_coupon_text .coupon-text::after' => 'border-bottom-color: {{VALUE}};', ], 'condition' => [ 'ekit_coupon_style' => 'style-6', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_responsive_control( 'ekit_coupon_hover_border_radius', [ 'label' => esc_html__( 'Border Radius', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%'], 'selectors' => [ '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .ekit_coupon_btn_group .popup_copy_button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'separator' => 'before', ] ); $this->add_responsive_control( 'ekit_coupon_btn_padding', [ 'label' => esc_html__( 'Padding', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em' ], 'default' => [ 'top' => '10', 'right' => '10', 'bottom' => '10' , 'left' => '10', 'unit' => 'px' ], 'selectors' => [ '{{WRAPPER}} .ekit-coupon-wrapper :is(.ekit_coupon_text, .ekit_coupon_code)' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .click-to-copy__text' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .copy_success' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'ekit_coupon_style!' => 'style-7', ], ] ); // Button style_7 $this->add_responsive_control( 'ekit_couponBtn_style_7_padding', [ 'label' => esc_html__( 'Padding', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em' ], 'default' => [ 'top' => '9', 'right' => '9', 'bottom' => '9', 'left' => '9', 'unit' => 'px', ], 'selectors' => [ '{{WRAPPER}} .ekit_coupon_btn_group .ekit_coupon_copybtn' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'ekit_coupon_style' => 'style-7', ], ] ); $this->end_controls_section(); /** Coupon Icon Style */ $this->start_controls_section( 'ekit_cupon_icon_style', [ 'label' => esc_html__( 'Icon', 'elementskit' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'ekit_coupon_icons[value]!' => '' ], ] ); $this->add_control( 'ekit_coupon_icon_size', [ 'label' => esc_html__( 'Font Size', 'elementskit' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px'], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, 'step' => 5, ], ], 'default' => [ 'unit' => 'px', 'size' => 15, ], 'selectors' => [ '{{WRAPPER}} .click-to-copy__text i' => 'font-size: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .click-to-copy__text svg' => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .ekit_coupon_text i' => 'font-size: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .ekit_coupon_text svg' => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .ekit_coupon_copybtn i' => 'font-size: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .ekit_coupon_copybtn svg' => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};', ], ] ); $this->add_control( 'ekit_coupon_icon_color', [ 'label' => esc_html__( 'Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ekit_coupon_text i' => 'color: {{VALUE}}', '{{WRAPPER}} .click-to-copy__text i' => 'color: {{VALUE}}', '{{WRAPPER}} .click-to-copy__text svg' => 'fill: {{VALUE}}', '{{WRAPPER}} .ekit_coupon_copybtn i' => 'color: {{VALUE}}', '{{WRAPPER}} .ekit_coupon_copybtn svg' => 'fill: {{VALUE}}', '{{WRAPPER}} .ekit_coupon_text svg' => 'fill: {{VALUE}}', ], ] ); $this->add_control( 'ekit_coupon_icon_bg_color', [ 'label' => esc_html__( 'Background Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ekit_coupon_text i' => 'background-color: {{VALUE}}', '{{WRAPPER}} .click-to-copy__text i' => 'background-color: {{VALUE}}', '{{WRAPPER}} .ekit_coupon_text i' => 'background-color: {{VALUE}}', '{{WRAPPER}} .ekit_coupon_copybtn i' => 'background-color: {{VALUE}}', '{{WRAPPER}} .ekit_coupon_copybtn svg' => 'background-color: {{VALUE}}', '{{WRAPPER}} .ekit_coupon_text svg' => 'background-color: {{VALUE}}', ], ] ); $this->add_control( 'ekit_coupon_icon_spacing', [ 'label' => esc_html__( 'Spacing', 'elementskit' ), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px'], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 5, ], 'selectors' => [ '{{WRAPPER}} .ekit_coupon_text .ekit-coupon-code-icon-before' => 'margin-right: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .ekit_coupon_text .ekit-coupon-code-icon-after' => 'margin-left: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .click-to-copy__text .ekit-coupon-code-icon-before' => 'margin-right: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .click-to-copy__text .ekit-coupon-code-icon-after' => 'margin-left: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .ekit_coupon_copybtn .ekit-coupon-code-icon-before' => 'margin-right: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .ekit_coupon_copybtn .ekit-coupon-code-icon-after' => 'margin-left: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .ekit_coupon_text svg' => 'margin-right: {{SIZE}}{{UNIT}}; margin-left: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .ekit_coupon_copybtn svg' => 'margin-right: {{SIZE}}{{UNIT}}; margin-left: {{SIZE}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_coupon_icon_border', 'selector' => '{{WRAPPER}} .ekit_coupon_text i, {{WRAPPER}} .ekit_coupon_copybtn i, {{WRAPPER}} .ekit_coupon_copybtn svg, {{WRAPPER}} .ekit_coupon_text svg, {{WRAPPER}} .click-to-copy__text i, {{WRAPPER}} .click-to-copy__text svg', ] ); $this->add_responsive_control( 'ekit_coupon_icon_border_radius', [ 'label' => esc_html__( 'Border Radius', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} .ekit_coupon_text i, {{WRAPPER}} .ekit_coupon_copybtn i, {{WRAPPER}} .ekit_coupon_copybtn svg, {{WRAPPER}} .ekit_coupon_text svg' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .click-to-copy__text i, {{WRAPPER}} .ekit_coupon_copybtn svg' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_coupon_icon_padding', [ 'label' => esc_html__( 'Padding', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em' ], 'selectors' => [ '{{WRAPPER}} .ekit_coupon_text i, {{WRAPPER}} .ekit_coupon_text svg, {{WRAPPER}} .ekit_coupon_copybtn i, {{WRAPPER}} .ekit_coupon_copybtn svg' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .click-to-copy__text i, {{WRAPPER}} .ekit_coupon_copybtn svg' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->end_controls_section(); /** Coupon Code style */ $this->start_controls_section( 'ekit_coupon_code_style', [ 'label' => esc_html__('Coupon', 'elementskit'), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_responsive_control( 'ekit_coupon_code_align', [ 'label' => esc_html__( 'Code Alignment', 'elementskit' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => esc_html__( 'Left', 'elementskit' ), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => esc_html__( 'Center', 'elementskit' ), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => esc_html__( 'Right', 'elementskit' ), 'icon' => 'eicon-text-align-right', ], ], 'default' => 'center', 'selectors' => [ '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link .ekit_coupon_code' => 'text-align: {{VALUE}};', '{{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .copy_success' => 'text-align: {{VALUE}};', ], 'conditions' => [ 'relation' => 'or', 'terms' => [ [ 'name' => 'ekit_coupon_action_type', 'operator' => '!==', 'value' => 'popup', ], [ 'name' => 'ekit_coupon_style', 'operator' => '!==', 'value' => 'style-7', ], ], ], ] ); $this->add_responsive_control( 'ekit_coupon_code_style7_align', [ 'label' => esc_html__( 'Code Alignment', 'elementskit' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => esc_html__( 'Left', 'elementskit' ), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => esc_html__( 'Center', 'elementskit' ), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => esc_html__( 'Right', 'elementskit' ), 'icon' => 'eicon-text-align-right', ], ], 'default' => 'center', 'selectors' => [ '{{WRAPPER}} .ekit_coupon_btn_group .ekit_coupon_copy_code' => 'text-align: {{VALUE}};', ], 'condition' => [ 'ekit_coupon_style' => 'style-7', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'ekit_coupon_code_typography', 'label' => esc_html__( 'Typography', 'elementskit' ), 'selector' => '{{WRAPPER}} .ekit-coupon-wrapper .ekit_coupon_code span, {{WRAPPER}} .ekit-inline-coupon-code .copy_success', 'condition' => [ 'ekit_coupon_style!' => 'style-7', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'ekit_coupon_style7_code_typography', 'label' => esc_html__( 'Typography', 'elementskit' ), 'selector' => '{{WRAPPER}} .ekit_coupon_btn_group .ekit_coupon_copy_code', 'condition' => [ 'ekit_coupon_style' => 'style-7', ], ] ); $this->add_control( 'ekit_coupon_code_color', [ 'label' => esc_html__( 'Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'default' => '#101010', 'selectors' => [ '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link .ekit_coupon_code' => 'color: {{VALUE}};', '{{WRAPPER}} .ekit_coupon_btn_group .ekit_coupon_copy_code' => 'color: {{VALUE}};', '{{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .copy_success' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'ekit_coupon_code_hover_color', [ 'label' => esc_html__( 'Hover Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link .ekit_coupon_code:hover' => 'color: {{VALUE}};', '{{WRAPPER}} .ekit_coupon_btn_group .ekit_coupon_copy_code:hover' => 'color: {{VALUE}};', '{{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .copy_success:hover' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_coupon_code_border', 'selector' => '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link .ekit_coupon_code', 'condition' => [ 'ekit_coupon_style!' => 'style-7', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_coupon_code_bg_color', 'types' => [ 'classic', 'gradient'], 'selector' => '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link .ekit_coupon_code, {{WRAPPER}} .ekit_coupon_btn_group .ekit_coupon_copy_code, {{WRAPPER}} .ekit-inline-coupon-code .copy_success', 'exclude' => ['image'], ] ); $this->start_controls_tabs( 'ekit_coupon_code_styles', [ 'condition' => [ 'ekit_coupon_style' => 'style-7', ], ] ); $this->start_controls_tab( 'ekit_coupon_code_styles_normal', [ 'label' => esc_html__( 'Normal', 'elementskit' ), ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_coupon_code_border_style_2', 'selector' => '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link, {{WRAPPER}} .ekit_coupon_btn_group .ekit_coupon_copy_code', 'condition' => [ 'ekit_coupon_style' => 'style-7', ] ] ); $this->end_controls_tab(); $this->start_controls_tab( 'ekit_coupon_code_styles_hover', [ 'label' => esc_html__( 'Hover', 'elementskit' ), ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_coupon_code_border_style_2_hover', 'selector' => '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link:hover, {{WRAPPER}} .ekit_coupon_btn_group .ekit_coupon_copy_code:hover', 'condition' => [ 'ekit_coupon_style' => 'style-7', ] ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_responsive_control( 'ekit_coupon_code_padding', [ 'label' => esc_html__( 'Padding', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em' ], 'selectors' => [ '{{WRAPPER}} .ekit-coupon-wrapper .coupon-btn-link .ekit_coupon_code' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .ekit_coupon_btn_group .ekit_coupon_copy_code' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'ekit_coupon_style' => 'style-7', ], 'separator' => 'before' ] ); $this->end_controls_section(); /** Popup Modal Section style */ $this->start_controls_section( 'ekit_coupon_popup_modal_box', [ 'label' => esc_html__('Popup Modal', 'elementskit'), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'ekit_coupon_action_type' => 'popup', 'ekit_coupon_style!' => ['style-7', 'inline'], ] ] ); $this->add_control( 'ekit_coupon_modal_overlay_bg', [ 'label' => esc_html__( 'Modal Overlay', 'elementskit' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_coupon_modal_overlay_color', 'label' => esc_html__( 'Modal Overlay Background', 'elementskit' ), 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .ekit-wid-con .mfp-bg.ekit-promo-popup', 'exclude' => ['image'], ] ); $this->add_responsive_control( 'ekit_coupon_popup_modal_width', [ 'label' => esc_html__( 'Popup Modal Width', 'elementskit' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', '%' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 1000, 'step' => 5, ], '%' => [ 'min' => 0, 'max' => 100, ], ], 'default' => [ 'unit' => 'px', 'size' => 650, ], 'selectors' => [ '{{WRAPPER}} .ekit-promo-popup.ekit-coupon-popup > .mfp-container > .mfp-content ' => 'width: {{SIZE}}{{UNIT}};', ], 'separator' => 'before' ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_coupon_modal_box_background', 'label' => esc_html__( 'Background', 'elementskit' ), 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .elementskit-coupon-popup .modal-content', 'exclude' => ['image'], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_coupon_modal_box_border', 'label' => esc_html__( 'Border', 'elementskit' ), 'selector' => '{{WRAPPER}} .elementskit-coupon-popup .modal-content', ] ); $this->add_responsive_control( 'ekit_coupon_modal_box_border_radius', [ 'label' => esc_html__( 'Border Radius', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .elementskit-coupon-popup .modal-content' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_coupon_modal_box_padding', [ 'label' => esc_html__( 'Padding', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em' ], 'selectors' => [ '{{WRAPPER}} .elementskit-coupon-popup .modal-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_coupon_modal_box_margin', [ 'label' => esc_html__( 'Margin', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em' ], 'selectors' => [ '{{WRAPPER}} .elementskit-coupon-popup .modal-content' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_control( 'ekit_coupon_modal_image_heading', [ 'label' => esc_html__( 'Modal Image', 'elementskit' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', 'condition' => [ 'ekit_coupon_modal_side_image[url]!' => '', ], ] ); $this->add_responsive_control( 'ekit_coupon_modal_img_width', [ 'label' => esc_html__( 'Width', 'elementskit' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', 'em' , '%' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 600, 'step' => 1, ], ], 'selectors' => [ '{{WRAPPER}} .ekit-wid-con .elementskit-coupon-popup .modal-content .modal-body-wrap .ekit-coupon-right-sidebar img' => 'width: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'ekit_coupon_modal_side_image[url]!' => '', ], ] ); $this->add_responsive_control( 'ekit_coupon_modal_img_height', [ 'label' => esc_html__( 'Height', 'elementskit' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', 'em', '%' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 600, 'step' => 1, ], ], 'selectors' => [ '{{WRAPPER}} .ekit-wid-con .elementskit-coupon-popup .modal-content .modal-body-wrap .ekit-coupon-right-sidebar img' => 'height: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'ekit_coupon_modal_side_image[url]!' => '', ], ] ); $this->add_responsive_control( 'ekit_coupon_modal_rs_border_radius', [ 'label' => esc_html__( 'Border Radius', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px'], 'selectors' => [ '{{WRAPPER}} .ekit-wid-con .elementskit-coupon-popup .modal-content .modal-body-wrap .ekit-coupon-right-sidebar img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'ekit_coupon_modal_side_image[url]!' => '', ], ] ); $this->add_responsive_control( 'ekit_coupon_modal_img_padding', [ 'label' => esc_html__( 'Padding', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em' ], 'selectors' => [ '{{WRAPPER}} .ekit-wid-con .elementskit-coupon-popup .modal-content .modal-body-wrap .ekit-coupon-right-sidebar' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'ekit_coupon_modal_side_image[url]!' => '', ], ] ); $this->end_controls_section(); /** Popup Close Icon Style */ $this->start_controls_section ( 'ekit_coupon_popup_close_icon_style', [ 'label' => esc_html__( 'Popup Close Icon', 'elementskit' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'ekit_coupon_action_type' => 'popup', 'ekit_coupon_style!' => ['style-7', 'inline'], ] ], ); $this->add_control( 'ekit_coupon_close_icon_alignment', [ 'label' => esc_html__( 'Close Icon Alignment', 'elementskit' ), 'type' => Controls_Manager::CHOOSE, 'default' => 'right', 'options' => [ 'left' => [ 'title' => esc_html__( 'Left', 'elementskit' ), 'icon' => 'eicon-text-align-left', ], 'right' => [ 'title' => esc_html__( 'Right', 'elementskit' ), 'icon' => 'eicon-text-align-right', ], ], 'selectors' => [ '{{WRAPPER}} .elementskit-coupon-popup .modal-content .ekit-coupon-modal-close' => '{{VALUE}}: 10px;', ], ] ); $this->add_responsive_control( 'ekit_coupon_close_icon_vertical_align', [ 'label' => esc_html__( 'Vertical Position ', 'elementskit' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'selectors' => [ '{{WRAPPER}} .elementskit-coupon-popup .modal-content .ekit-coupon-modal-close' => 'top:{{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_coupon_close_icon_horizontal_align', [ 'label' => esc_html__( 'Horizontal Position ', 'elementskit' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'selectors' => [ '{{WRAPPER}} .elementskit-coupon-popup .modal-content .ekit-coupon-modal-close' => '{{ekit_coupon_close_icon_alignment.VALUE}}: {{SIZE}}{{UNIT}}', ], ] ); $this->add_responsive_control( 'ekit_coupon_close_icon_size', [ 'label' => esc_html__('Font Size', 'elementskit'), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px','em'], 'range' => [ 'px' => [ 'min' => 0, 'max' => 96, 'step' => 2 ], 'em' => [ 'min' => 0, 'max' => 6, 'step' => 0.2 ] ], 'default' => [ 'size' => 16, 'unit' => 'px' ], 'selectors' => [ '{{WRAPPER}} .elementskit-coupon-popup .modal-content .ekit-coupon-modal-close' => 'font-size: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .elementskit-coupon-popup .modal-content .ekit-coupon-modal-close svg' => 'max-width: {{SIZE}}{{UNIT}};', ], 'separator' => 'before', ] ); $this->start_controls_tabs( 'ekit_icon_box_icon_colors' ); $this->start_controls_tab( 'ekit_coupon_icon_colors_normal', [ 'label' => esc_html__( 'Normal', 'elementskit' ), ] ); $this->add_control( 'ekit_coupon_icon_primary_color', [ 'label' => esc_html__( 'Icon Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'default' => '#000', 'selectors' => [ '{{WRAPPER}} .elementskit-coupon-popup .modal-content .ekit-coupon-modal-close' => 'color: {{VALUE}};', '{{WRAPPER}} .elementskit-coupon-popup .modal-content .ekit-coupon-modal-close svg path' => 'fill: {{VALUE}};', ], ] ); $this->add_control( 'ekit_coupon_icon_secondary_color_normal', [ 'label' => esc_html__( 'Icon Background', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .elementskit-coupon-popup .modal-content .ekit-coupon-modal-close' => 'background-color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_coupon_close_icon_border', 'label' => esc_html__( 'Border', 'elementskit' ), 'selector' => '{{WRAPPER}} .elementskit-coupon-popup .modal-content .ekit-coupon-modal-close', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'ekit_coupon_icon_colors_hover', [ 'label' => esc_html__( 'Hover', 'elementskit' ), ] ); $this->add_control( 'ekit_coupon_hover_primary_color', [ 'label' => esc_html__( 'Icon Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .elementskit-coupon-popup .modal-content .ekit-coupon-modal-close:hover' => 'color: {{VALUE}};', '{{WRAPPER}} .elementskit-coupon-popup .modal-content .ekit-coupon-modal-close:hover svg path' => 'fill: {{VALUE}};', ], ] ); $this->add_control( 'ekit_coupon_hover_background_color', [ 'label' => esc_html__( 'Icon Background', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .elementskit-coupon-popup .modal-content .ekit-coupon-modal-close:hover' => 'background-color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_coupon_border_icon_group', 'label' => esc_html__( 'Border', 'elementskit' ), 'selector' => '{{WRAPPER}} .elementskit-coupon-popup .modal-content .ekit-coupon-modal-close:hover', ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_responsive_control( 'ekit_coupon_close_icon_border_radius', [ 'label' => esc_html__( 'Border Radius', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .elementskit-coupon-popup .modal-content .ekit-coupon-modal-close' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'separator' => 'before' ] ); $this->add_responsive_control( 'ekit_coupon_close_icon_padding', [ 'label' => esc_html__( 'Padding', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px','em' ], 'selectors' => [ '{{WRAPPER}} .elementskit-coupon-popup .modal-content .ekit-coupon-modal-close' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_control( 'ekit_coupon_close_icon_hw', [ 'label' => esc_html__( 'Use Height Width', 'elementskit' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Show', 'elementskit' ), 'label_off' => esc_html__( 'Hide', 'elementskit' ), 'return_value' => 'yes', 'default' => 'no', ] ); $this->add_responsive_control( 'ekit_coupon_close_icon_width', [ 'label' => esc_html__( 'Width', 'elementskit' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', '%' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 200, ], ], 'default' => [ 'size' => 60, 'unit' => 'px', ], 'selectors' => [ '{{WRAPPER}} .elementskit-coupon-popup .modal-content .ekit-coupon-modal-close' => 'width: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'ekit_coupon_close_icon_hw' => 'yes' ], ] ); $this->add_responsive_control( 'ekit_coupon_close_icon_height', [ 'label' => esc_html__( 'Height', 'elementskit' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 200, ], ], 'default' => [ 'size' => 60, 'unit' => 'px', ], 'selectors' => [ '{{WRAPPER}} .elementskit-coupon-popup .modal-content .ekit-coupon-modal-close' => 'height: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'ekit_coupon_close_icon_hw' => 'yes' ], ] ); $this->add_responsive_control( 'ekit_coupon_close_icon_lheight', [ 'label' => esc_html__( 'Line Height', 'elementskit' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 200, ], ], 'default' => [ 'size' => 60, 'unit' => 'px', ], 'selectors' => [ '{{WRAPPER}} .elementskit-coupon-popup .modal-content .ekit-coupon-modal-close' => 'line-height: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'ekit_coupon_close_icon_hw' => 'yes' ], ] ); $this->end_controls_section(); /** Popup Title and Description */ $this->start_controls_section ( 'ekit_coupon_popup_title_desc_style', [ 'label' => esc_html__( 'Popup Content', 'elementskit' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'ekit_coupon_action_type' => 'popup', 'ekit_coupon_style!' => ['style-7', 'inline'], ] ], ); /** Popup Sub Title style */ $this->add_control( 'ekit_coupon_modal_sub_title_heading', [ 'label' => esc_html__( 'Sub Title', 'elementskit' ), 'type' => Controls_Manager::HEADING, ] ); $this->add_control( 'ekit_coupon_modal_sub_title_color', [ 'label' => esc_html__( 'Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ekit_coupon_modal_sub_title' => 'color: {{VALUE}};' ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'ekit_coupon_modal_sub_title_typography', 'label' => esc_html__( 'Typography', 'elementskit' ), 'selector' => '{{WRAPPER}} .ekit_coupon_modal_sub_title', ] ); $this->add_responsive_control( 'ekit_coupon_modal_sub_title_margin_bottom', [ 'label' => esc_html__( 'Margin Bottom', 'elementskit' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 150, 'step' => 1, ], ], 'selectors' => [ '{{WRAPPER}} .ekit_coupon_modal_sub_title' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); /** Popup Title style */ $this->add_control( 'ekit_coupon_modal_title_heading', [ 'label' => esc_html__( 'Title', 'elementskit' ), 'type' => Controls_Manager::HEADING, ] ); $this->add_control( 'ekit_coupon_modal_title_color', [ 'label' => esc_html__( 'Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ekit_coupon_modal_title' => 'color: {{VALUE}};' ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'ekit_coupon_modal_title_typography', 'label' => esc_html__( 'Typography', 'elementskit' ), 'selector' => '{{WRAPPER}} .ekit_coupon_modal_title', ] ); $this->add_responsive_control( 'ekit_coupon_modal_title_margin_bottom', [ 'label' => esc_html__( 'Margin Bottom', 'elementskit' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 150, 'step' => 1, ], ], 'selectors' => [ '{{WRAPPER}} .ekit_coupon_modal_title' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); /** Popup Description style */ $this->add_control( 'ekit_coupon_modal_desc_heading', [ 'label' => esc_html__( 'Description', 'elementskit' ), 'type' => Controls_Manager::HEADING, ] ); $this->add_control( 'ekit_coupon_modal_desc_color', [ 'label' => esc_html__( 'Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ekit_coupon_modal_desc' => 'color: {{VALUE}};' ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'ekit_coupon_modal_desc_typography', 'label' => esc_html__( 'Typography', 'elementskit' ), 'selector' => '{{WRAPPER}} .ekit_coupon_modal_desc', ] ); $this->add_responsive_control( 'ekit_coupon_modal_desc_margin_bottom', [ 'label' => esc_html__( 'Margin Bottom', 'elementskit' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px'], 'range' => [ 'px' => [ 'min' => 0, 'max' => 150, 'step' => 1, ], ], 'selectors' => [ '{{WRAPPER}} .ekit_coupon_modal_desc' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_coupon_modal_ls_padding', [ 'label' => esc_html__( 'Padding', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em' ], 'separator' => 'before', 'selectors' => [ '{{WRAPPER}} .modal-body-wrap .ekit-coupon-modal-info' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'ekit_coupon_modal_side_image[url]!' => '', ], ] ); $this->end_controls_section(); /** Popup Copy Button style */ $this->start_controls_section ( 'ekit_coupon_popup_copy_btn_style', [ 'label' => esc_html__( 'Popup Copy Button', 'elementskit' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'ekit_coupon_action_type' => 'popup', 'ekit_coupon_style!' => ['style-7', 'inline'], ] ], ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'ekit_coupon_popup_copy_btn_typography', 'label' => esc_html__( 'Typography', 'elementskit' ), 'selector' => '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .popup_copy_button, {{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .click-to-copy__text', ] ); $this->start_controls_tabs( 'ekit_coupon_popup_tabs' ); $this->start_controls_tab( 'ekit_coupon_popup_tab', [ 'label' => esc_html__( 'Normal', 'elementskit' ), ] ); $this->add_control( 'ekit_coupon_popup_copy_btn_color', [ 'label' => esc_html__('Color', 'elementskit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .popup_copy_button' => 'color:{{VALUE}};', '{{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .click-to-copy__text' => 'color:{{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_coupon_popup_copy_btn_background', 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .popup_copy_button, {{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .click-to-copy__text', 'exclude' => ['image'], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_coupon_popup_copy_btn_border', 'label' => esc_html__( 'Border', 'elementskit' ), 'selector' => '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .popup_copy_button, {{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .click-to-copy__text', ] ); $this->add_responsive_control( 'ekit_coupon_popup_copy_btn_radius', [ 'label' => esc_html__( 'Border Radius', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .popup_copy_button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .click-to-copy__text' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->end_controls_tab(); $this->start_controls_tab( 'ekit_coupon_popup_tab_hover', [ 'label' => esc_html__( 'Hover', 'elementskit' ), ] ); $this->add_control( 'ekit_coupon_popup_copy_btn_hover_color', [ 'label' => esc_html__('Color', 'elementskit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .popup_copy_button:hover' => 'color:{{VALUE}};', '{{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .click-to-copy__text:hover' => 'color:{{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_coupon_popup_copy_btn_hover_background', 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .popup_copy_button:hover, {{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .click-to-copy__text:hover', 'exclude' => ['image'], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_coupon_popup_copy_btn_hover_border', 'label' => esc_html__( 'Border', 'elementskit' ), 'selector' => '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .popup_copy_button:hover, {{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .click-to-copy__text:hover', ] ); $this->add_responsive_control( 'ekit_coupon_popup_copy_btn_hover_radius', [ 'label' => esc_html__( 'Border Radius', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .popup_copy_button:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .click-to-copy__text:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_responsive_control( 'ekit_coupon_copy_button_padding', [ 'label' => esc_html__( 'Padding', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em' ], 'selectors' => [ '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .popup_copy_button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .click-to-copy__text' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'separator' => 'before' ] ); $this->add_responsive_control( 'ekit_coupon_copy_button_margin', [ 'label' => esc_html__( 'Margin', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em' ], 'selectors' => [ '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .popup_copy_button' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .click-to-copy__text' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_control( 'ekit_coupon_modal_popup_button_icon', [ 'label' => esc_html__( 'Button Icon', 'elementskit' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_control( 'ekit_coupon_button_icon_size', [ 'label' => esc_html__( 'Font Size', 'elementskit' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px'], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, 'step' => 5, ], ], 'default' => [ 'unit' => 'px', 'size' => 15, ], 'selectors' => [ '{{WRAPPER}} .ekit-inline-coupon-code .click-to-copy__text i' => 'font-size: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .ekit-inline-coupon-code .click-to-copy__text svg' => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}}; position: relative; top: 3px;', ], ] ); $this->add_control( 'ekit_coupon_button_icon_color', [ 'label' => esc_html__( 'Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ekit-inline-coupon-code .click-to-copy__text i' => 'color: {{VALUE}}', '{{WRAPPER}} .ekit-inline-coupon-code .click-to-copy__text svg' => 'fill: {{VALUE}}', ], ] ); $this->add_control( 'ekit_coupon_button_icon_color_hv', [ 'label' => esc_html__( 'Hover Color', 'elementskit' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ekit-inline-coupon-code .click-to-copy__text:hover i' => 'color: {{VALUE}}', '{{WRAPPER}} .ekit-inline-coupon-code .click-to-copy__text:hover svg' => 'fill: {{VALUE}}', ], ] ); $this->add_control( 'ekit_coupon_button_icon_spacing', [ 'label' => esc_html__( 'Spacing', 'elementskit' ), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px'], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 5, ], 'selectors' => [ '{{WRAPPER}} .ekit-inline-coupon-code .click-to-copy__text .ekit-coupon-code-icon-before' => 'margin-right: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .ekit-inline-coupon-code .click-to-copy__text .ekit-coupon-code-icon-after' => 'margin-left: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .ekit-inline-coupon-code .copy__text svg' => 'margin-left: {{SIZE}}{{UNIT}}; margin-right: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .ekit-inline-coupon-code .copy__text svg' => 'margin-right: {{SIZE}}{{UNIT}}; margin-left: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_coupon_button_icon_margin', [ 'label' => esc_html__( 'Margin', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em' ], 'selectors' => [ '{{WRAPPER}} .ekit-inline-coupon-code .click-to-copy__text i, {{WRAPPER}} .ekit-inline-coupon-code .click-to-copy__text svg' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->end_controls_section(); /** Popup Copy Code style */ $this->start_controls_section ( 'ekit_coupon_popup_copy_code_style', [ 'label' => esc_html__( 'Popup Copy Code', 'elementskit' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'ekit_coupon_action_type' => 'popup', 'ekit_coupon_style!' => ['style-7', 'inline'], ] ], ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'ekit_coupon_popup_copy_code_typography', 'label' => esc_html__( 'Typography', 'elementskit' ), 'selector' => '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .ekit_modal_code, {{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .copy_success', ] ); $this->start_controls_tabs( 'ekit_coupon_popup_copy_code_tabs' ); $this->start_controls_tab( 'ekit_coupon_popup_copy_code_tab', [ 'label' => esc_html__( 'Normal', 'elementskit' ), ] ); $this->add_control( 'ekit_coupon_popup_copy_code_color', [ 'label' => esc_html__('Color', 'elementskit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .ekit_modal_code' => 'color:{{VALUE}};', '{{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .copy_success' => 'color:{{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_coupon_popup_copy_code_background', 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .ekit_modal_code, {{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .copy_success', 'exclude' => ['image'], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_coupon_popup_copy_code_border', 'label' => esc_html__( 'Border', 'elementskit' ), 'selector' => '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .ekit_modal_code, {{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .copy_success', ] ); $this->add_responsive_control( 'ekit_coupon_popup_copy_code_radius', [ 'label' => esc_html__( 'Border Radius', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .ekit_modal_code' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .copy_success' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->end_controls_tab(); $this->start_controls_tab( 'ekit_coupon_popup_copy_code_tab_hover', [ 'label' => esc_html__( 'Hover', 'elementskit' ), ] ); $this->add_control( 'ekit_coupon_popup_copy_code_hover_color', [ 'label' => esc_html__('Color', 'elementskit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .ekit_modal_code:hover, {{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .copy_success:hover' => 'color:{{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_coupon_popup_copy_code_hover_background', 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .ekit_modal_code:hover, {{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .copy_success:hover', 'exclude' => ['image'], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_coupon_popup_copy_code_hover_border', 'label' => esc_html__( 'Border', 'elementskit' ), 'selector' => '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .ekit_modal_code:hover, {{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .copy_success:hover', ] ); $this->add_responsive_control( 'ekit_coupon_popup_copy_code_hover_radius', [ 'label' => esc_html__( 'Border Radius', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .ekit_modal_code:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .copy_success:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_responsive_control( 'ekit_coupon_copy_code_padding', [ 'label' => esc_html__( 'Padding', 'elementskit' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em'], 'selectors' => [ '{{WRAPPER}} .modal-content .modal-body-wrap .ekit-coupon-modal-info .ekit-coupon-outer .ekit_modal_code' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .ekit-wid-con .ekit-inline-coupon-code .copy_success' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'separator' => 'before' ] ); $this->end_controls_section(); $this->insert_pro_message(); } protected function render() { echo '<div class="ekit-wid-con">'; $this-> render_raw(); echo '</div>'; } protected function render_raw( ) { $settings = $this->get_settings_for_display(); extract($settings); $popup_class = $ekit_coupon_action_type == 'popup' ? 'ekit-coupon-popup' : ''; $this->add_render_attribute( 'coupon', [ 'class' => 'ekit_coupon_code', 'id' => 'copy_code', 'data-coupon' =>$ekit_coupon_code, 'data-coupon-text' => $ekit_after_copy_text, ]); if($ekit_coupon_style == 'style-7'): ?> <div class="ekit_coupon_btn_group"> <span class="ekit_modal_code ekit_coupon_copy_code" <?php $this->print_render_attribute_string('coupon'); ?> data-coupon="<?php echo esc_attr($ekit_coupon_code ); ?>"> <?php echo esc_html($ekit_coupon_code ); ?> </span> <button class="ekit_btn popup_copy_button ekit_coupon_copybtn" <?php $this->print_render_attribute_string( 'modal_copy_code' ); ?>> <?php $ekit_coupon_icon_align == 'left' && Icons_Manager::render_icon( $settings['ekit_coupon_icons'], [ 'aria-hidden' => 'true', 'class' => 'ekit-coupon-code-icon-before' ] ); ?> <span class="ekit_coupon_btn_group_wrap"> <span class="ekit_copybtn_text"> <?php echo wp_kses($ekit_copybtn_text, \ElementsKit_Lite\Utils::get_kses_array()); ?> </span> </span> <?php $ekit_coupon_icon_align == 'right' && Icons_Manager::render_icon( $settings['ekit_coupon_icons'], [ 'aria-hidden' => 'true', 'class' => 'ekit-coupon-code-icon-after' ] ); ?> </button> </div> <?php endif; if($ekit_coupon_style !== 'inline' && $ekit_coupon_style !== 'style-7' ): ?> <div class="ekit-coupon-wrapper open-button" id="ekit_coupon_wrapper" data-popup-select="<?php echo esc_attr($ekit_coupon_action_type); ?>" ekit_modal_open="ekit_coupon_popup" href="javascript:void(0)"> <a class="coupon-btn-link <?php echo esc_html($popup_class); ?>" data-mfp-src="#ekit_coupon_modal_<?php echo esc_attr($this->get_id()); ?>"> <div class="ekit_coupon_text <?php echo esc_html($ekit_coupon_style); ?>" id="btn_copy_code"> <?php $ekit_coupon_icon_align == 'left' && Icons_Manager::render_icon( $settings['ekit_coupon_icons'], [ 'aria-hidden' => 'true', 'class' => 'ekit-coupon-code-icon-before' ] ); if (!empty($settings['ekit_coupon_text']) ) : ?> <span class="coupon-text"><?php echo esc_html( $settings['ekit_coupon_text'] ); ?></span> <?php endif; $ekit_coupon_icon_align == 'right' && Icons_Manager::render_icon( $settings['ekit_coupon_icons'], [ 'aria-hidden' => 'true', 'class' => 'ekit-coupon-code-icon-after' ] ); ?> </div> <div <?php $this->print_render_attribute_string( 'coupon' ); ?>> <span><?php echo esc_html($ekit_coupon_code ); ?></span> </div> </a> </div> <?php endif; if($ekit_coupon_style == 'inline'): ?> <div class="ekit-inline-coupon-code"> <span class="click-to-copy__text"> <?php $ekit_coupon_icon_align == 'left' && Icons_Manager::render_icon( $settings['ekit_coupon_icons'], [ 'aria-hidden' => 'true', 'class' => 'ekit-coupon-code-icon-before' ] ); ?> <?php echo esc_html($ekit_coupon_code ); ?> <?php $ekit_coupon_icon_align == 'right' && Icons_Manager::render_icon( $settings['ekit_coupon_icons'], [ 'aria-hidden' => 'true', 'class' => 'ekit-coupon-code-icon-after' ] ); ?> </span> <span class="copy_success hide"><?php echo esc_html( $settings['ekit_coupon_text'] ); ?></span> </div> <?php endif; if($ekit_coupon_action_type == 'popup') : ?> <!-- Popup Modal --> <div class="zoom-anim-dialog mfp-hide elementskit-coupon-popup" id="ekit_coupon_modal_<?php echo esc_attr($this->get_id()); ?>" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <button type="button" class="ekit-coupon-modal-close"> <?php Icons_Manager::render_icon( $ekit_coupon_close_button_icons, ['aria-hidden' => 'true'] ); ?> </button> <div class="modal-body-wrap"> <div class="ekit-coupon-modal-info<?php echo !empty($image_html) ? ' has-img' : ''; ?>"> <?php if (!empty($ekit_coupon_modal_sub_title) ) : ?> <h5 class="ekit_coupon_modal_sub_title"><?php echo esc_html( $ekit_coupon_modal_sub_title ); ?></h5> <?php endif; if (!empty($ekit_coupon_modal_title) ) : ?> <h3 class="ekit_coupon_modal_title"><?php echo esc_html( $ekit_coupon_modal_title ); ?></h3> <?php endif; if (!empty($ekit_coupon_modal_desc) ) : ?> <p class="ekit_coupon_modal_desc"> <?php echo wp_kses($ekit_coupon_modal_desc, \ElementsKit_Lite\Utils::get_kses_array()); ?> </p> <?php endif; if ($ekit_coupon_popup_button_type == 'inline') : ?> <div class="ekit-inline-coupon-code"> <span class="click-to-copy__text"> <?php $ekit_coupon_icon_align == 'left' && Icons_Manager::render_icon( $settings['ekit_coupon_popup_button_icon'], [ 'aria-hidden' => 'true', 'class' => 'ekit-coupon-code-icon-before' ] ); ?> <?php echo esc_html($ekit_after_copied_text ); ?> <?php $ekit_coupon_icon_align == 'right' && Icons_Manager::render_icon( $settings['ekit_coupon_popup_button_icon'], [ 'aria-hidden' => 'true', 'class' => 'ekit-coupon-code-icon-after' ] ); ?> </span> <span class="copy_success hide"> <?php echo esc_html( $ekit_copy_btn_text); ?> </span> </div> <?php endif; if ($ekit_coupon_popup_button_type !== 'inline') : ?> <div class="ekit-coupon-outer"> <span class="ekit_modal_code" <?php $this->print_render_attribute_string('coupon'); ?> data-coupon="<?php echo esc_attr($ekit_coupon_code ); ?>"> <?php echo esc_html($ekit_coupon_code ); ?> </span> <button class="ekit_btn popup_copy_button" <?php $this->print_render_attribute_string( 'modal_copy_code' ); ?>> <span class="ekit_copy_btn_text"><?php echo wp_kses($ekit_copy_btn_text, \ElementsKit_Lite\Utils::get_kses_array()); ?></span> <span class="ekit_after_copied_text"><?php echo wp_kses($ekit_after_copied_text, \ElementsKit_Lite\Utils::get_kses_array()); ?></span> </button> </div> <?php endif; ?> </div> <?php if ($settings['ekit_coupon_modal_side_image']['url'] !== '') : ?> <div class="ekit-coupon-right-sidebar"> <?php if (!empty( $settings['ekit_coupon_modal_side_image']['url'])) : ?> <img src="<?php echo esc_url( $settings['ekit_coupon_modal_side_image']['url'] ); ?>" alt="side-image"> <?php endif; ?> </div> <?php endif; ?> </div> </div> </div> </div> <?php endif; ?> <?php } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.04 |
proxy
|
phpinfo
|
Settings