'icon' => 'eicon-h-align-right', ), 'justify' => array( 'title' => esc_html__( 'Justified', 'jet-elements' ), 'icon' => 'eicon-h-align-stretch', ), ), 'selectors_dictionary' => array( 'left' => 'margin-left: 0; margin-right: auto; width: auto;', 'center' => 'margin-left: auto; margin-right: auto; width: auto;', 'right' => 'margin-left: auto; margin-right: 0; width: auto;', 'justify' => 'margin-left: 0; margin-right: 0; width: 100%;', ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['inner'] => '{{VALUE}}', ), 'classes' => 'jet-elements-text-align-control', ) ); $this->add_control( 'content_heading', array( 'label' => esc_html__( 'Content', 'jet-elements' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ) ); $this->add_control( 'content_type', array( 'label' => esc_html__( 'Content Type', 'jet-elements' ), 'type' => Controls_Manager::CHOOSE, 'default' => 'simple', 'toggle' => false, 'options' => array( 'simple' => array( 'title' => esc_html__( 'Simple Text', 'jet-elements' ), 'icon' => 'fa fa-text-width', ), 'wysiwyg' => array( 'title' => esc_html__( 'WYSIWYG', 'jet-elements' ), 'icon' => 'fa fa-edit', ), 'template' => array( 'title' => esc_html__( 'Template', 'jet-elements' ), 'icon' => 'fa fa-file', ), ), ) ); $this->add_control( 'simple_content', array( 'label' => esc_html__( 'Simple Text', 'jet-elements' ), 'type' => Controls_Manager::TEXTAREA, 'default' => esc_html__( 'Dropbar Content', 'jet-elements' ), 'condition' => array( 'content_type' => 'simple', ), 'dynamic' => array( 'active' => true ), ) ); $this->add_control( 'wysiwyg_editor', array( 'label' => esc_html__( 'WYSIWYG Editor', 'jet-elements' ), 'type' => Controls_Manager::WYSIWYG, 'show_label' => false, 'condition' => array( 'content_type' => 'wysiwyg', ), 'dynamic' => array( 'active' => true ), ) ); $this->add_control( 'template_id', array( 'label' => esc_html__( 'Choose Template', 'jet-elements' ), 'type' => 'jet-query', 'query_type' => 'elementor_templates', 'edit_button' => array( 'active' => true, 'label' => __( 'Edit Template', 'jet-elements' ), ), 'condition' => array( 'content_type' => 'template', ), ) ); $this->end_controls_section(); /** * `Settings` Section */ $this->start_controls_section( 'section_dropbar_settings', array( 'label' => esc_html__( 'Settings', 'jet-elements' ), ) ); $this->add_responsive_control( 'position', array( 'label' => esc_html__( 'Position', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'default' => 'bottom-left', 'label_block' => true, 'options' => array( 'top-left' => esc_html__( 'Top Left', 'jet-elements' ), 'top-center' => esc_html__( 'Top Center', 'jet-elements' ), 'top-right' => esc_html__( 'Top Right', 'jet-elements' ), 'bottom-left' => esc_html__( 'Bottom Left', 'jet-elements' ), 'bottom-center' => esc_html__( 'Bottom Center', 'jet-elements' ), 'bottom-right' => esc_html__( 'Bottom Right', 'jet-elements' ), 'left-top' => esc_html__( 'Left Top', 'jet-elements' ), 'left-center' => esc_html__( 'Left Center', 'jet-elements' ), 'left-bottom' => esc_html__( 'Left Bottom', 'jet-elements' ), 'right-top' => esc_html__( 'Right Top', 'jet-elements' ), 'right-center' => esc_html__( 'Right Center', 'jet-elements' ), 'right-bottom' => esc_html__( 'Right Bottom', 'jet-elements' ), ), 'selectors_dictionary' => array( 'top-left' => 'top: auto; bottom: 100%; left: 0; right: auto; transform: none;', 'top-center' => 'top: auto; bottom: 100%; left: 50%; right: auto; transform: translateX(-50%);', 'top-right' => 'top: auto; bottom: 100%; left: auto; right: 0; transform: none;', 'bottom-left' => 'top: 100%; bottom: auto; left: 0; right: auto; transform: none;', 'bottom-center' => 'top: 100%; bottom: auto; left: 50%; right: auto; transform: translateX(-50%);', 'bottom-right' => 'top: 100%; bottom: auto; left: auto; right: 0; transform: none;', 'left-top' => 'top: 0; bottom: auto; left: auto; right: 100%; transform: none;', 'left-center' => 'top: 50%; bottom: auto; left: auto; right: 100%; transform: translateY(-50%);', 'left-bottom' => 'top: auto; bottom: 0; left: auto; right: 100%; transform: none;', 'right-top' => 'top: 0; bottom: auto; left: 100%; right: auto; transform: none;', 'right-center' => 'top: 50%; bottom: auto; left: 100%; right: auto; transform: translateY(-50%);', 'right-bottom' => 'top: auto; bottom: 0; left: 100%; right: auto; transform: none;', ), 'prefix_class' => 'jet-dropbar%s-position-', 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['content_wrapper'] => '{{VALUE}}', ), ) ); $this->add_control( 'mode', array( 'label' => esc_html__( 'Mode', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'default' => 'hover', 'options' => array( 'hover' => esc_html__( 'Hover', 'jet-elements' ), 'click' => esc_html__( 'Click', 'jet-elements' ), ), ) ); $this->add_control( 'hide_delay', array( 'label' => esc_html__( 'Hide Delay', 'jet-elements' ), 'type' => Controls_Manager::NUMBER, 'default' => 500, 'min' => 0, 'max' => 5000, 'condition' => array( 'mode' => 'hover', ), ) ); $this->add_control( 'show_effect', array( 'label' => esc_html__( 'Show Effect', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'default' => 'none', 'options' => array( 'none' => esc_html__( 'None', 'jet-elements' ), 'fade' => esc_html__( 'Fade', 'jet-elements' ), 'zoom-in' => esc_html__( 'Zoom In', 'jet-elements' ), 'zoom-out' => esc_html__( 'Zoom Out', 'jet-elements' ), 'slide-up' => esc_html__( 'Slide Up', 'jet-elements' ), 'slide-down' => esc_html__( 'Slide Down', 'jet-elements' ), 'slide-left' => esc_html__( 'Slide Left', 'jet-elements' ), 'slide-right' => esc_html__( 'Slide Right', 'jet-elements' ), 'slide-up-big' => esc_html__( 'Slide Up Big', 'jet-elements' ), 'slide-down-big' => esc_html__( 'Slide Down Big', 'jet-elements' ), 'slide-left-big' => esc_html__( 'Slide Left Big', 'jet-elements' ), 'slide-right-big' => esc_html__( 'Slide Right Big', 'jet-elements' ), 'fall-perspective' => esc_html__( 'Fall Perspective', 'jet-elements' ), 'flip-in-x' => esc_html__( 'Flip In X', 'jet-elements' ), 'flip-in-y' => esc_html__( 'Flip In Y', 'jet-elements' ), ), ) ); $this->add_control( 'offset', array( 'label' => esc_html__( 'Offset', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'range' => array( 'px' => array( 'min' => 0, 'max' => 100, ), ), 'default' => array( 'unit' => 'px', 'size' => 10, ), 'selectors' => array( '{{WRAPPER}}[class*="jet-dropbar-position-top-"] ' . $css_scheme['content_wrapper'] => 'margin: 0 0 {{SIZE}}{{UNIT}} 0;', '{{WRAPPER}}[class*="jet-dropbar-position-bottom-"] ' . $css_scheme['content_wrapper'] => 'margin: {{SIZE}}{{UNIT}} 0 0 0;', '{{WRAPPER}}[class*="jet-dropbar-position-left-"] ' . $css_scheme['content_wrapper'] => 'margin: 0 {{SIZE}}{{UNIT}} 0 0;', '{{WRAPPER}}[class*="jet-dropbar-position-right-"] ' . $css_scheme['content_wrapper'] => 'margin: 0 0 0 {{SIZE}}{{UNIT}};', '(tablet){{WRAPPER}}[class*="jet-dropbar-tablet-position-top-"] ' . $css_scheme['content_wrapper'] => 'margin: 0 0 {{SIZE}}{{UNIT}} 0;', '(tablet){{WRAPPER}}[class*="jet-dropbar-tablet-position-bottom-"] ' . $css_scheme['content_wrapper'] => 'margin: {{SIZE}}{{UNIT}} 0 0 0;', '(tablet){{WRAPPER}}[class*="jet-dropbar-tablet-position-left-"] ' . $css_scheme['content_wrapper'] => 'margin: 0 {{SIZE}}{{UNIT}} 0 0;', '(tablet){{WRAPPER}}[class*="jet-dropbar-tablet-position-right-"] ' . $css_scheme['content_wrapper'] => 'margin: 0 0 0 {{SIZE}}{{UNIT}};', '(mobile){{WRAPPER}}[class*="jet-dropbar-mobile-position-top-"] ' . $css_scheme['content_wrapper'] => 'margin: 0 0 {{SIZE}}{{UNIT}} 0;', '(mobile){{WRAPPER}}[class*="jet-dropbar-mobile-position-bottom-"] ' . $css_scheme['content_wrapper'] => 'margin: {{SIZE}}{{UNIT}} 0 0 0;', '(mobile){{WRAPPER}}[class*="jet-dropbar-mobile-position-left-"] ' . $css_scheme['content_wrapper'] => 'margin: 0 {{SIZE}}{{UNIT}} 0 0;', '(mobile){{WRAPPER}}[class*="jet-dropbar-mobile-position-right-"] ' . $css_scheme['content_wrapper'] => 'margin: 0 0 0 {{SIZE}}{{UNIT}};', '{{WRAPPER}}[class*="jet-dropbar-position-top-"] ' . $css_scheme['content_wrapper'] . ':before' => 'top: 100%; bottom: auto; left: 0; right: 0; height: {{SIZE}}{{UNIT}}; width: 100%;', '{{WRAPPER}}[class*="jet-dropbar-position-bottom-"] ' . $css_scheme['content_wrapper'] . ':before' => 'top: auto; bottom: 100%; left: 0; right: 0; height: {{SIZE}}{{UNIT}}; width: 100%;', '{{WRAPPER}}[class*="jet-dropbar-position-left-"] ' . $css_scheme['content_wrapper'] . ':before' => 'top: 0; bottom: 0; left: 100%; right: auto; height: 100%; width: {{SIZE}}{{UNIT}};', '{{WRAPPER}}[class*="jet-dropbar-position-right-"] ' . $css_scheme['content_wrapper'] . ':before' => 'top: 0; bottom: 0; left: auto; right: 100%; height: 100%; width: {{SIZE}}{{UNIT}};', '(tablet){{WRAPPER}}[class*="jet-dropbar-tablet-position-top-"] ' . $css_scheme['content_wrapper'] . ':before' => 'top: 100%; bottom: auto; left: 0; right: 0; height: {{SIZE}}{{UNIT}}; width: 100%;', '(tablet){{WRAPPER}}[class*="jet-dropbar-tablet-position-bottom-"] ' . $css_scheme['content_wrapper'] . ':before' => 'top: auto; bottom: 100%; left: 0; right: 0; height: {{SIZE}}{{UNIT}}; width: 100%;', '(tablet){{WRAPPER}}[class*="jet-dropbar-tablet-position-left-"] ' . $css_scheme['content_wrapper'] . ':before' => 'top: 0; bottom: 0; left: 100%; right: auto; height: 100%; width: {{SIZE}}{{UNIT}};', '(tablet){{WRAPPER}}[class*="jet-dropbar-tablet-position-right-"] ' . $css_scheme['content_wrapper'] . ':before' => 'top: 0; bottom: 0; left: auto; right: 100%; height: 100%; width: {{SIZE}}{{UNIT}};', '(mobile){{WRAPPER}}[class*="jet-dropbar-mobile-position-top-"] ' . $css_scheme['content_wrapper'] . ':before' => 'top: 100%; bottom: auto; left: 0; right: 0; height: {{SIZE}}{{UNIT}}; width: 100%;', '(mobile){{WRAPPER}}[class*="jet-dropbar-mobile-position-bottom-"] ' . $css_scheme['content_wrapper'] . ':before' => 'top: auto; bottom: 100%; left: 0; right: 0; height: {{SIZE}}{{UNIT}}; width: 100%;', '(mobile){{WRAPPER}}[class*="jet-dropbar-mobile-position-left-"] ' . $css_scheme['content_wrapper'] . ':before' => 'top: 0; bottom: 0; left: 100%; right: auto; height: 100%; width: {{SIZE}}{{UNIT}};', '(mobile){{WRAPPER}}[class*="jet-dropbar-mobile-position-right-"] ' . $css_scheme['content_wrapper'] . ':before' => 'top: 0; bottom: 0; left: auto; right: 100%; height: 100%; width: {{SIZE}}{{UNIT}};', ), ) ); $this->add_responsive_control( 'content_width', array( 'label' => esc_html__( 'Width', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', '%', 'custom' ), 'range' => array( 'px' => array( 'min' => 100, 'max' => 1000, ), ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['content_wrapper'] => 'width: {{SIZE}}{{UNIT}};', ), ) ); $this->add_control( 'fixed', array( 'label' => esc_html__( 'Fixed Layout', 'jet-elements' ), 'type' => Controls_Manager::SWITCHER, 'separator' => 'before', ) ); $this->add_responsive_control( 'fixed_position', array( 'label' => esc_html__( 'Fixed Position', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'default' => 'top-left', 'options' => array( 'top-left' => esc_html__( 'Top Left', 'jet-elements' ), 'top-center' => esc_html__( 'Top Center', 'jet-elements' ), 'top-right' => esc_html__( 'Top Right', 'jet-elements' ), 'center-left' => esc_html__( 'Center Left', 'jet-elements' ), 'center-center' => esc_html__( 'Center Center', 'jet-elements' ), 'center-right' => esc_html__( 'Center Right', 'jet-elements' ), 'bottom-left' => esc_html__( 'Bottom Left', 'jet-elements' ), 'bottom-center' => esc_html__( 'Bottom Center', 'jet-elements' ), 'bottom-right' => esc_html__( 'Bottom Right', 'jet-elements' ), ), 'selectors_dictionary' => array( 'top-left' => 'top: 0; bottom: auto; left: 0; right: auto; transform: none;', 'top-center' => 'top: 0; bottom: auto; left: 50%; right: auto; transform: translateX(-50%);', 'top-right' => 'top: 0; bottom: auto; left: auto; right: 0; transform: none;', 'center-left' => 'top: 50%; bottom: auto; left: 0; right: auto; transform: translateY(-50%);', 'center-center' => 'top: 50%; bottom: auto; left: 50%; right: auto; transform: translateX( -50% ) translateY( -50% );', 'center-right' => 'top: 50%; bottom: auto; left: auto; right: 0; transform: translateY( -50% );', 'bottom-left' => 'top: auto; bottom: 0; left: 0; right: auto; transform: none;', 'bottom-center' => 'top: auto; bottom: 0; left: 50%; right: auto; transform: translateX(-50%);', 'bottom-right' => 'top: auto; bottom: 0; left: auto; right: 0; transform: none;', ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['dropbar'] => '{{VALUE}}', ), 'condition' => array( 'fixed' => 'yes', ), ) ); $this->add_responsive_control( 'fixed_gap', array( 'label' => esc_html__( 'Gap', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['dropbar'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'condition' => array( 'fixed' => 'yes', ), ) ); $this->add_control( 'fixed_z_index', array( 'label' => esc_html__( 'Z-index', 'jet-elements' ), 'type' => Controls_Manager::NUMBER, 'min' => 0, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['dropbar'] => 'z-index: {{VALUE}};', ), 'condition' => array( 'fixed' => 'yes', ), ) ); $this->end_controls_section(); /** * `Button` Style Section */ $this->_start_controls_section( 'section_button_style', array( 'label' => esc_html__( 'Button', 'jet-elements' ), 'tab' => Controls_Manager::TAB_STYLE, ) ); $this->_add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'button_typography', 'scheme' => Scheme_Typography::TYPOGRAPHY_4, 'selector' => '{{WRAPPER}} ' . $css_scheme['button_text'], ), 50 ); $this->_add_responsive_control( 'button_icon_font_size', array( 'label' => esc_html__( 'Icon Font Size', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', 'em', 'rem', 'custom' ), 'range' => array( 'px' => array( 'min' => 1, 'max' => 100, ), ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button_icon'] => 'font-size: {{SIZE}}{{UNIT}};', ), 'conditions' => array( 'relation' => 'or', 'terms' => array( array( 'name' => $this->_prepare_icon_id_for_condition( 'button_before_icon' ), 'operator' => '!==', 'value' => '', ), array( 'name' => $this->_prepare_icon_id_for_condition( 'button_after_icon' ), 'operator' => '!==', 'value' => '', ), ), ), ), 50 ); $this->_add_control( 'button_icon_spacing', array( 'label' => esc_html__( 'Icon Spacing', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'range' => array( 'px' => array( 'min' => 0, 'max' => 50, ), ), 'selectors' => array( 'body:not(.rtl) {{WRAPPER}} ' . $css_scheme['button_icon'] . '--before:not(:only-child)' => 'margin-right: {{SIZE}}{{UNIT}};', 'body.rtl {{WRAPPER}} ' . $css_scheme['button_icon'] . '--before:not(:only-child)' => 'margin-left: {{SIZE}}{{UNIT}};', 'body:not(.rtl) {{WRAPPER}} ' . $css_scheme['button_icon'] . '--after:not(:only-child)' => 'margin-left: {{SIZE}}{{UNIT}};', 'body.rtl {{WRAPPER}} ' . $css_scheme['button_icon'] . '--after:not(:only-child)' => 'margin-right: {{SIZE}}{{UNIT}};', ), 'conditions' => array( 'relation' => 'or', 'terms' => array( array( 'name' => $this->_prepare_icon_id_for_condition( 'button_before_icon' ), 'operator' => '!==', 'value' => '', ), array( 'name' => $this->_prepare_icon_id_for_condition( 'button_after_icon' ), 'operator' => '!==', 'value' => '', ), ), ), ), 25 ); $this->_start_controls_tabs( 'tabs_button_style' ); $this->_start_controls_tab( 'tab_button_normal', array( 'label' => esc_html__( 'Normal', 'jet-elements' ), ) ); $this->_add_group_control( Group_Control_Background::get_type(), array( 'name' => 'button_background', 'selector' => '{{WRAPPER}} ' . $css_scheme['button'], ), 25 ); $this->_add_control( 'button_color', array( 'label' => esc_html__( 'Text Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] => 'color: {{VALUE}};', ), ), 25 ); $this->_add_control( 'button_icon_color', array( 'label' => esc_html__( 'Icon Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button_icon'] => 'color: {{VALUE}};', ), 'conditions' => array( 'relation' => 'or', 'terms' => array( array( 'name' => $this->_prepare_icon_id_for_condition( 'button_before_icon' ), 'operator' => '!==', 'value' => '', ), array( 'name' => $this->_prepare_icon_id_for_condition( 'button_after_icon' ), 'operator' => '!==', 'value' => '', ), ), ), ), 25 ); $this->_add_group_control( Group_Control_Box_Shadow::get_type(), array( 'name' => 'button_box_shadow', 'selector' => '{{WRAPPER}} ' . $css_scheme['button'], ), 100 ); $this->_end_controls_tab(); $this->_start_controls_tab( 'tab_button_hover', array( 'label' => esc_html__( 'Hover', 'jet-elements' ), ) ); $this->_add_group_control( Group_Control_Background::get_type(), array( 'name' => 'button_background_hover', 'selector' => '{{WRAPPER}} ' . $css_scheme['button'] . ':hover', ), 25 ); $this->_add_control( 'button_color_hover', array( 'label' => esc_html__( 'Text Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] . ':hover' => 'color: {{VALUE}};', ), ), 25 ); $this->_add_control( 'button_icon_color_hover', array( 'label' => esc_html__( 'Icon Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] . ':hover ' . $css_scheme['button_icon'] => 'color: {{VALUE}};', ), 'conditions' => array( 'relation' => 'or', 'terms' => array( array( 'name' => $this->_prepare_icon_id_for_condition( 'button_before_icon' ), 'operator' => '!==', 'value' => '', ), array( 'name' => $this->_prepare_icon_id_for_condition( 'button_after_icon' ), 'operator' => '!==', 'value' => '', ), ), ), ), 25 ); $this->_add_control( 'button_border_color_hover', array( 'label' => esc_html__( 'Border Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] . ':hover' => 'border-color: {{VALUE}};', ), 'condition' => array( 'button_border_border!' => '', ), ), 75 ); $this->_add_group_control( Group_Control_Box_Shadow::get_type(), array( 'name' => 'button_box_shadow_hover', 'selector' => '{{WRAPPER}} ' . $css_scheme['button'] . ':hover', ), 100 ); $this->_add_control( 'button_hover_animation', array( 'label' => esc_html__( 'Hover Animation', 'jet-elements' ), 'type' => Controls_Manager::HOVER_ANIMATION, ), 25 ); $this->_end_controls_tab(); $this->_end_controls_tabs(); $this->_add_group_control( Group_Control_Border::get_type(), array( 'name' => 'button_border', 'selector' => '{{WRAPPER}} ' . $css_scheme['button'], 'separator' => 'before', ), 75 ); $this->_add_control( 'button_border_radius', array( 'label' => esc_html__( 'Border Radius', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 75 ); $this->_add_responsive_control( 'button_padding', array( 'label' => esc_html__( 'Padding', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 25 ); $this->_add_control( 'button_image_border_radius', array( 'label' => esc_html__( 'Image Border Radius', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] . ' img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'condition' => array( 'button_type' => 'image', ), ), 75 ); $this->_end_controls_section(); /** * `Content` Style Section */ $this->_start_controls_section( 'section_content_style', array( 'label' => esc_html__( 'Content', 'jet-elements' ), 'tab' => Controls_Manager::TAB_STYLE, ) ); $this->_add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'content_typography', 'scheme' => Scheme_Typography::TYPOGRAPHY_3, 'selector' => '{{WRAPPER}} ' . $css_scheme['content'], ), 50 ); $this->_add_responsive_control( 'content_align', array( 'label' => esc_html__( 'Alignment', 'jet-elements' ), 'type' => Controls_Manager::CHOOSE, 'options' => array( 'left' => array( 'title' => esc_html__( 'Left', 'jet-elements' ), 'icon' => 'fa fa-align-left', ), 'center' => array( 'title' => esc_html__( 'Center', 'jet-elements' ), 'icon' => 'fa fa-align-center', ), 'right' => array( 'title' => esc_html__( 'Right', 'jet-elements' ), 'icon' => 'fa fa-align-right', ), 'justify' => array( 'title' => esc_html__( 'Justified', 'jet-elements' ), 'icon' => 'fa fa-align-justify', ), ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['content'] => 'text-align: {{VALUE}};', ), 'classes' => 'jet-elements-text-align-control', ), 50 ); $this->_add_group_control( Group_Control_Background::get_type(), array( 'name' => 'content_background', 'selector' => '{{WRAPPER}} ' . $css_scheme['content'], ), 25 ); $this->_add_control( 'content_color', array( 'label' => esc_html__( 'Text Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['content'] => 'color: {{VALUE}};', ), ), 25 ); $this->_add_group_control( Group_Control_Border::get_type(), array( 'name' => 'content_border', 'selector' => '{{WRAPPER}} ' . $css_scheme['content'], ), 75 ); $this->_add_control( 'content_border_radius', array( 'label' => esc_html__( 'Border Radius', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['content'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 75 ); $this->_add_group_control( Group_Control_Box_Shadow::get_type(), array( 'name' => 'content_box_shadow', 'selector' => '{{WRAPPER}} ' . $css_scheme['content'], ), 100 ); $this->_add_responsive_control( 'content_padding', array( 'label' => esc_html__( 'Padding', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['content'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 25 ); $this->_add_control( 'content_z_index', array( 'label' => esc_html__( 'Z-index', 'jet-elements' ), 'type' => Controls_Manager::NUMBER, 'min' => 0, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['content_wrapper'] => 'z-index: {{VALUE}};', ), ), 75 ); $this->_end_controls_section(); } protected function render() { $this->_context = 'render'; $this->_open_wrap(); include $this->_get_global_template( 'index' ); $this->_close_wrap(); } public function get_dropbar_content() { $settings = $this->get_settings_for_display(); $content = ''; $content_type = $settings['content_type']; switch ( $content_type ) : case 'simple': $content = wp_kses_post( $settings['simple_content'] ); break; case 'wysiwyg': $content = wp_kses_post( $settings['wysiwyg_editor'] ); break; case 'template': $template_id = $settings['template_id']; if ( ! empty( $template_id ) ) { // for multi-language plugins $template_id = apply_filters( 'jet-elements/widgets/template_id', $template_id, $this ); $content = jet_elements()->elementor()->frontend->get_builder_content_for_display( $template_id ); if ( jet_elements()->elementor()->editor->is_edit_mode() ) { $edit_url = add_query_arg( array( 'elementor' => '', ), get_permalink( $template_id ) ); $edit_link = sprintf( '', esc_url( $edit_url ), esc_html__( 'Edit Template', 'jet-elements' ) ); $content .= $edit_link; } } break; endswitch; return $content; } public function get_dropbar_export_settings() { $settings = $this->get_settings_for_display(); $allowed = apply_filters( 'jet-elements/dropbar/export-settings', array( 'mode', 'hide_delay', ) ); $result = array(); foreach ( $allowed as $setting ) { $result[ $setting ] = isset( $settings[ $setting ] ) ? $settings[ $setting ] : false; } return json_encode( $result ); } public function _button_image_item() { $settings = $this->get_settings_for_display(); return Group_Control_Image_Size::get_attachment_image_html( $settings ); } } RÖST 1044 - Norwegian Eyewear Benelux Skip to content

RÖST 1044

Clear
Kleur

C1, C2, C3

Size

56-17-140

function wc_remove_some_structured_data( $markup ) { unset( $markup['offers'] ); return $markup; } add_filter( 'woocommerce_structured_data_product', 'wc_remove_some_structured_data' );

Neem, in overeenstemming met de huidige EU-wetgeving inzake gegevensbescherming, even de tijd om de voorwaarden voor het gebruik van onze services te lezen. Onze voorwaarden beschrijven onder andere hoe we gegevens gebruiken.

AFSPRAAK MAKEN

    x