add_control(
'layout',
array(
'label' => esc_html__( 'Layout', 'bella-beauty' ),
'label_block' => false,
'description' => esc_html__( 'This setting will be applied after save and reload.', 'bella-beauty' ),
'type' => CmsmastersControls::CHOOSE_TEXT,
'options' => array(
'l-sidebar' => array(
'title' => esc_html__( 'Left', 'bella-beauty' ),
'description' => esc_html__( 'Left Sidebar', 'bella-beauty' ),
),
'fullwidth' => array(
'title' => esc_html__( 'Full', 'bella-beauty' ),
'description' => esc_html__( 'Full Width', 'bella-beauty' ),
),
'r-sidebar' => array(
'title' => esc_html__( 'Right', 'bella-beauty' ),
'description' => esc_html__( 'Right Sidebar', 'bella-beauty' ),
),
),
'default' => $this->get_default_setting(
$this->get_control_name_parameter( '', 'layout' ),
'r-sidebar'
),
'toggle' => false,
)
);
$this->add_control(
'content_sidebar_heading_control',
array(
'label' => esc_html__( 'Content', 'bella-beauty' ),
'type' => Controls_Manager::HEADING,
)
);
$this->add_responsive_control(
'content_sidebar_width',
array(
'label' => esc_html__( 'Width', 'bella-beauty' ),
'description' => esc_html__( 'This value will be used for page layouts with sidebar.', 'bella-beauty' ) . '
' . esc_html__( 'The width of the sidebar will be equal "100% - this value".', 'bella-beauty' ) . '
' . esc_html__( 'For example: 74% - content width, then sidebar width will be 26%.', 'bella-beauty' ) . '
' . esc_html__( 'Default value is 74%.', 'bella-beauty' ),
'type' => Controls_Manager::SLIDER,
'size_units' => array( '%' ),
'range' => array(
'%' => array(
'min' => 10,
'max' => 100,
),
),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'content_sidebar_width' ) . ': {{SIZE}}%;',
),
)
);
$this->add_control(
'sidebar_heading_control',
array(
'label' => esc_html__( 'Sidebar', 'bella-beauty' ),
'type' => Controls_Manager::HEADING,
)
);
$this->add_responsive_control(
'sidebar_gap',
array(
'label' => esc_html__( 'Gap', 'bella-beauty' ),
'description' => esc_html__( 'Gap between content and sidebar.', 'bella-beauty' ) . '
' . esc_html__( 'Default value is 40px.', 'bella-beauty' ) . '
' . esc_html__( 'Note: This gap reduces the width of the sidebar.', 'bella-beauty' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'px' => array(
'min' => 0,
'max' => 100,
),
'%' => array(
'min' => 0,
'max' => 10,
),
'vw' => array(
'min' => 0,
'max' => 10,
),
),
'size_units' => array(
'px',
'%',
'vw',
),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'sidebar_gap' ) . ': {{SIZE}}{{UNIT}};',
),
)
);
$this->add_control(
'sidebar_divider_type',
array(
'label' => _x( 'Divider Type', 'Divider Control', 'bella-beauty' ),
'type' => Controls_Manager::SELECT,
'options' => array(
'' => _x( 'Default', 'Divider Control', 'bella-beauty' ),
'none' => _x( 'None', 'Divider Control', 'bella-beauty' ),
'solid' => _x( 'Solid', 'Divider Control', 'bella-beauty' ),
'double' => _x( 'Double', 'Divider Control', 'bella-beauty' ),
'dotted' => _x( 'Dotted', 'Divider Control', 'bella-beauty' ),
'dashed' => _x( 'Dashed', 'Divider Control', 'bella-beauty' ),
'groove' => _x( 'Groove', 'Divider Control', 'bella-beauty' ),
),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'sidebar_divider_type' ) . ': {{VALUE}};',
),
)
);
$this->add_responsive_control(
'sidebar_divider_width',
array(
'label' => _x( 'Width', 'Divider Control', 'bella-beauty' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'px' => array(
'min' => 0,
'max' => 50,
),
),
'size_units' => array(
'px',
),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'sidebar_divider_width' ) . ': {{SIZE}}{{UNIT}};',
),
'condition' => array(
$this->get_control_id_parameter( '', 'sidebar_divider_type!' ) => array(
'',
'none',
),
),
)
);
$this->add_control(
'sidebar_divider_color',
array(
'label' => _x( 'Color', 'Divider Control', 'bella-beauty' ),
'type' => Controls_Manager::COLOR,
'dynamic' => array(),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'sidebar_divider_color' ) . ': {{VALUE}};',
),
'condition' => array(
$this->get_control_id_parameter( '', 'sidebar_divider_type!' ) => 'none',
),
)
);
$this->add_controls_group( 'container', self::CONTROLS_CONTAINER );
$this->add_controls_group( 'content', self::CONTROLS_CONTENT, array(
'elementor_padding' => true,
) );
$this->add_control(
'apply_settings',
array(
'label_block' => true,
'show_label' => false,
'type' => Controls_Manager::BUTTON,
'text' => esc_html__( 'Save & Reload', 'bella-beauty' ),
'event' => 'cmsmasters:theme_settings:apply_settings',
'separator' => 'before',
)
);
}
}