533 lines
15 KiB
PHP
533 lines
15 KiB
PHP
|
<?php
|
||
|
|
||
|
namespace HelloElementor\Includes\Settings;
|
||
|
|
||
|
use Elementor\Controls_Manager;
|
||
|
use Elementor\Group_Control_Background;
|
||
|
use Elementor\Group_Control_Typography;
|
||
|
use Elementor\Core\Kits\Documents\Tabs\Tab_Base;
|
||
|
|
||
|
if ( ! defined( 'ABSPATH' ) ) {
|
||
|
exit; // Exit if accessed directly
|
||
|
}
|
||
|
|
||
|
class Settings_Footer extends Tab_Base {
|
||
|
|
||
|
public function get_id() {
|
||
|
return 'hello-settings-footer';
|
||
|
}
|
||
|
|
||
|
public function get_title() {
|
||
|
return esc_html__( 'Hello Theme Footer', 'hello-elementor' );
|
||
|
}
|
||
|
|
||
|
public function get_icon() {
|
||
|
return 'eicon-footer';
|
||
|
}
|
||
|
|
||
|
public function get_help_url() {
|
||
|
return '';
|
||
|
}
|
||
|
|
||
|
public function get_group() {
|
||
|
return 'theme-style';
|
||
|
}
|
||
|
|
||
|
protected function register_tab_controls() {
|
||
|
|
||
|
$this->start_controls_section(
|
||
|
'hello_footer_section',
|
||
|
[
|
||
|
'tab' => 'hello-settings-footer',
|
||
|
'label' => esc_html__( 'Footer', 'hello-elementor' ),
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_control(
|
||
|
'hello_footer_logo_display',
|
||
|
[
|
||
|
'type' => Controls_Manager::SWITCHER,
|
||
|
'label' => esc_html__( 'Site Logo', 'hello-elementor' ),
|
||
|
'default' => 'yes',
|
||
|
'label_on' => esc_html__( 'Show', 'hello-elementor' ),
|
||
|
'label_off' => esc_html__( 'Hide', 'hello-elementor' ),
|
||
|
'selector' => '.site-footer .site-branding',
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_control(
|
||
|
'hello_footer_tagline_display',
|
||
|
[
|
||
|
'type' => Controls_Manager::SWITCHER,
|
||
|
'label' => esc_html__( 'Tagline', 'hello-elementor' ),
|
||
|
'default' => 'yes',
|
||
|
'label_on' => esc_html__( 'Show', 'hello-elementor' ),
|
||
|
'label_off' => esc_html__( 'Hide', 'hello-elementor' ),
|
||
|
'selector' => '.site-footer .site-description',
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_control(
|
||
|
'hello_footer_menu_display',
|
||
|
[
|
||
|
'type' => Controls_Manager::SWITCHER,
|
||
|
'label' => esc_html__( 'Menu', 'hello-elementor' ),
|
||
|
'default' => 'yes',
|
||
|
'label_on' => esc_html__( 'Show', 'hello-elementor' ),
|
||
|
'label_off' => esc_html__( 'Hide', 'hello-elementor' ),
|
||
|
'selector' => '.site-footer .site-navigation',
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_control(
|
||
|
'hello_footer_copyright_display',
|
||
|
[
|
||
|
'type' => Controls_Manager::SWITCHER,
|
||
|
'label' => esc_html__( 'Copyright', 'hello-elementor' ),
|
||
|
'default' => 'yes',
|
||
|
'label_on' => esc_html__( 'Show', 'hello-elementor' ),
|
||
|
'label_off' => esc_html__( 'Hide', 'hello-elementor' ),
|
||
|
'selector' => '.site-footer .copyright',
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_control(
|
||
|
'hello_footer_disable_note',
|
||
|
[
|
||
|
'type' => Controls_Manager::RAW_HTML,
|
||
|
'raw' => sprintf(
|
||
|
/* translators: %s: Link that opens the theme settings page. */
|
||
|
__( 'Note: Hiding all the elements, only hides them visually. To disable them completely go to <a href="%s">Theme Settings</a> .', 'hello-elementor' ),
|
||
|
admin_url( 'themes.php?page=hello-theme-settings' )
|
||
|
),
|
||
|
'content_classes' => 'elementor-panel-alert elementor-panel-alert-warning',
|
||
|
'condition' => [
|
||
|
'hello_footer_logo_display' => '',
|
||
|
'hello_footer_tagline_display' => '',
|
||
|
'hello_footer_menu_display' => '',
|
||
|
'hello_footer_copyright_display' => '',
|
||
|
],
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_control(
|
||
|
'hello_footer_layout',
|
||
|
[
|
||
|
'type' => Controls_Manager::SELECT,
|
||
|
'label' => esc_html__( 'Layout', 'hello-elementor' ),
|
||
|
'options' => [
|
||
|
'default' => esc_html__( 'Default', 'hello-elementor' ),
|
||
|
'inverted' => esc_html__( 'Inverted', 'hello-elementor' ),
|
||
|
'stacked' => esc_html__( 'Centered', 'hello-elementor' ),
|
||
|
],
|
||
|
'selector' => '.site-footer',
|
||
|
'default' => 'default',
|
||
|
'separator' => 'before',
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_control(
|
||
|
'hello_footer_width',
|
||
|
[
|
||
|
'type' => Controls_Manager::SELECT,
|
||
|
'label' => esc_html__( 'Width', 'hello-elementor' ),
|
||
|
'options' => [
|
||
|
'boxed' => esc_html__( 'Boxed', 'hello-elementor' ),
|
||
|
'full-width' => esc_html__( 'Full Width', 'hello-elementor' ),
|
||
|
],
|
||
|
'selector' => '.site-footer',
|
||
|
'default' => 'boxed',
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_responsive_control(
|
||
|
'hello_footer_custom_width',
|
||
|
[
|
||
|
'type' => Controls_Manager::SLIDER,
|
||
|
'label' => esc_html__( 'Content Width', 'hello-elementor' ),
|
||
|
'size_units' => [ '%', 'px', 'em', 'rem', 'vw', 'custom' ],
|
||
|
'range' => [
|
||
|
'px' => [
|
||
|
'max' => 2000,
|
||
|
],
|
||
|
'em' => [
|
||
|
'max' => 100,
|
||
|
],
|
||
|
'rem' => [
|
||
|
'max' => 100,
|
||
|
],
|
||
|
],
|
||
|
'condition' => [
|
||
|
'hello_footer_width' => 'boxed',
|
||
|
],
|
||
|
'selectors' => [
|
||
|
'.site-footer .footer-inner' => 'width: {{SIZE}}{{UNIT}}; max-width: 100%;',
|
||
|
],
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_responsive_control(
|
||
|
'hello_footer_gap',
|
||
|
[
|
||
|
'type' => Controls_Manager::SLIDER,
|
||
|
'label' => esc_html__( 'Gap', 'hello-elementor' ),
|
||
|
'size_units' => [ '%', 'px', 'em ', 'rem', 'vw', 'custom' ],
|
||
|
'range' => [
|
||
|
'px' => [
|
||
|
'max' => 100,
|
||
|
],
|
||
|
'em' => [
|
||
|
'max' => 5,
|
||
|
],
|
||
|
'rem' => [
|
||
|
'max' => 5,
|
||
|
],
|
||
|
],
|
||
|
'selectors' => [
|
||
|
'.site-footer' => 'padding-inline-end: {{SIZE}}{{UNIT}}; padding-inline-start: {{SIZE}}{{UNIT}}',
|
||
|
],
|
||
|
'condition' => [
|
||
|
'hello_footer_layout!' => 'stacked',
|
||
|
],
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_group_control(
|
||
|
Group_Control_Background::get_type(),
|
||
|
[
|
||
|
'name' => 'hello_footer_background',
|
||
|
'label' => esc_html__( 'Background', 'hello-elementor' ),
|
||
|
'types' => [ 'classic', 'gradient' ],
|
||
|
'selector' => '.site-footer',
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->end_controls_section();
|
||
|
|
||
|
$this->start_controls_section(
|
||
|
'hello_footer_logo_section',
|
||
|
[
|
||
|
'tab' => 'hello-settings-footer',
|
||
|
'label' => esc_html__( 'Site Logo', 'hello-elementor' ),
|
||
|
'condition' => [
|
||
|
'hello_footer_logo_display!' => '',
|
||
|
],
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_control(
|
||
|
'hello_footer_logo_type',
|
||
|
[
|
||
|
'label' => esc_html__( 'Type', 'hello-elementor' ),
|
||
|
'type' => Controls_Manager::SELECT,
|
||
|
'default' => 'logo',
|
||
|
'options' => [
|
||
|
'logo' => esc_html__( 'Logo', 'hello-elementor' ),
|
||
|
'title' => esc_html__( 'Title', 'hello-elementor' ),
|
||
|
],
|
||
|
'frontend_available' => true,
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_responsive_control(
|
||
|
'hello_footer_logo_width',
|
||
|
[
|
||
|
'type' => Controls_Manager::SLIDER,
|
||
|
'label' => esc_html__( 'Logo Width', 'hello-elementor' ),
|
||
|
'description' => sprintf(
|
||
|
/* translators: %s: Link that opens Elementor's "Site Identity" panel. */
|
||
|
__( 'Go to <a href="%s">Site Identity</a> to manage your site\'s logo', 'hello-elementor' ),
|
||
|
"javascript:\$e.route('panel/global/settings-site-identity')"
|
||
|
),
|
||
|
'size_units' => [ '%', 'px', 'em', 'rem', 'vw', 'custom' ],
|
||
|
'range' => [
|
||
|
'px' => [
|
||
|
'max' => 1000,
|
||
|
],
|
||
|
'em' => [
|
||
|
'max' => 100,
|
||
|
],
|
||
|
'rem' => [
|
||
|
'max' => 100,
|
||
|
],
|
||
|
],
|
||
|
'condition' => [
|
||
|
'hello_footer_logo_display' => 'yes',
|
||
|
'hello_footer_logo_type' => 'logo',
|
||
|
],
|
||
|
'selectors' => [
|
||
|
'.site-footer .site-branding .site-logo img' => 'width: {{SIZE}}{{UNIT}}; max-width: {{SIZE}}{{UNIT}}',
|
||
|
],
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_control(
|
||
|
'hello_footer_title_color',
|
||
|
[
|
||
|
'label' => esc_html__( 'Text Color', 'hello-elementor' ),
|
||
|
'type' => Controls_Manager::COLOR,
|
||
|
'condition' => [
|
||
|
'hello_footer_logo_display' => 'yes',
|
||
|
'hello_footer_logo_type' => 'title',
|
||
|
],
|
||
|
'selectors' => [
|
||
|
'.site-footer h4.site-title a' => 'color: {{VALUE}};',
|
||
|
],
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_group_control(
|
||
|
Group_Control_Typography::get_type(),
|
||
|
[
|
||
|
'name' => 'hello_footer_title_typography',
|
||
|
'label' => esc_html__( 'Typography', 'hello-elementor' ),
|
||
|
'condition' => [
|
||
|
'hello_footer_logo_display' => 'yes',
|
||
|
'hello_footer_logo_type' => 'title',
|
||
|
],
|
||
|
'selector' => '.site-footer h4.site-title',
|
||
|
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_control(
|
||
|
'hello_footer_title_link',
|
||
|
[
|
||
|
'type' => Controls_Manager::RAW_HTML,
|
||
|
'raw' => sprintf(
|
||
|
/* translators: %s: Link that opens Elementor's "Site Identity" panel. */
|
||
|
__( 'Go to <a href="%s">Site Identity</a> to manage your site\'s title', 'hello-elementor' ),
|
||
|
"javascript:\$e.route('panel/global/settings-site-identity')"
|
||
|
),
|
||
|
'content_classes' => 'elementor-control-field-description',
|
||
|
'condition' => [
|
||
|
'hello_footer_logo_display' => 'yes',
|
||
|
'hello_footer_logo_type' => 'title',
|
||
|
],
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->end_controls_section();
|
||
|
|
||
|
$this->start_controls_section(
|
||
|
'hello_footer_tagline',
|
||
|
[
|
||
|
'tab' => 'hello-settings-footer',
|
||
|
'label' => esc_html__( 'Tagline', 'hello-elementor' ),
|
||
|
'condition' => [
|
||
|
'hello_footer_tagline_display' => 'yes',
|
||
|
],
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_control(
|
||
|
'hello_footer_tagline_color',
|
||
|
[
|
||
|
'label' => esc_html__( 'Text Color', 'hello-elementor' ),
|
||
|
'type' => Controls_Manager::COLOR,
|
||
|
'condition' => [
|
||
|
'hello_footer_tagline_display' => 'yes',
|
||
|
],
|
||
|
'selectors' => [
|
||
|
'.site-footer .site-description' => 'color: {{VALUE}};',
|
||
|
],
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_group_control(
|
||
|
Group_Control_Typography::get_type(),
|
||
|
[
|
||
|
'name' => 'hello_footer_tagline_typography',
|
||
|
'label' => esc_html__( 'Typography', 'hello-elementor' ),
|
||
|
'condition' => [
|
||
|
'hello_footer_tagline_display' => 'yes',
|
||
|
],
|
||
|
'selector' => '.site-footer .site-description',
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_control(
|
||
|
'hello_footer_tagline_link',
|
||
|
[
|
||
|
'type' => Controls_Manager::RAW_HTML,
|
||
|
'raw' => sprintf(
|
||
|
/* translators: %s: Link that opens Elementor's "Site Identity" panel. */
|
||
|
__( 'Go to <a href="%s">Site Identity</a> to manage your site\'s tagline', 'hello-elementor' ),
|
||
|
"javascript:\$e.route('panel/global/settings-site-identity')"
|
||
|
),
|
||
|
'content_classes' => 'elementor-control-field-description',
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->end_controls_section();
|
||
|
|
||
|
$this->start_controls_section(
|
||
|
'hello_footer_menu_tab',
|
||
|
[
|
||
|
'tab' => 'hello-settings-footer',
|
||
|
'label' => esc_html__( 'Menu', 'hello-elementor' ),
|
||
|
'condition' => [
|
||
|
'hello_footer_menu_display' => 'yes',
|
||
|
],
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$available_menus = wp_get_nav_menus();
|
||
|
|
||
|
$menus = [ '0' => esc_html__( '— Select a Menu —', 'hello-elementor' ) ];
|
||
|
foreach ( $available_menus as $available_menu ) {
|
||
|
$menus[ $available_menu->term_id ] = $available_menu->name;
|
||
|
}
|
||
|
|
||
|
if ( 1 === count( $menus ) ) {
|
||
|
$this->add_control(
|
||
|
'hello_footer_menu_notice',
|
||
|
[
|
||
|
'type' => Controls_Manager::RAW_HTML,
|
||
|
'raw' => '<strong>' . esc_html__( 'There are no menus in your site.', 'hello-elementor' ) . '</strong><br>' . sprintf( __( 'Go to <a href="%s" target="_blank">Menus screen</a> to create one.', 'hello-elementor' ), admin_url( 'nav-menus.php?action=edit&menu=0' ) ),
|
||
|
'separator' => 'after',
|
||
|
'content_classes' => 'elementor-panel-alert elementor-panel-alert-info',
|
||
|
]
|
||
|
);
|
||
|
} else {
|
||
|
$this->add_control(
|
||
|
'hello_footer_menu',
|
||
|
[
|
||
|
'label' => esc_html__( 'Menu', 'hello-elementor' ),
|
||
|
'type' => Controls_Manager::SELECT,
|
||
|
'options' => $menus,
|
||
|
'default' => array_keys( $menus )[0],
|
||
|
'description' => sprintf( __( 'Go to the <a href="%s" target="_blank">Menus screen</a> to manage your menus.', 'hello-elementor' ), admin_url( 'nav-menus.php' ) ),
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_control(
|
||
|
'hello_footer_menu_warning',
|
||
|
[
|
||
|
'type' => Controls_Manager::RAW_HTML,
|
||
|
'raw' => esc_html__( 'Changes will be reflected in the preview only after the page reloads.', 'hello-elementor' ),
|
||
|
'content_classes' => 'elementor-panel-alert elementor-panel-alert-info',
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_control(
|
||
|
'hello_footer_menu_color',
|
||
|
[
|
||
|
'label' => esc_html__( 'Color', 'hello-elementor' ),
|
||
|
'type' => Controls_Manager::COLOR,
|
||
|
'selectors' => [
|
||
|
'footer .footer-inner .site-navigation a' => 'color: {{VALUE}};',
|
||
|
],
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_group_control(
|
||
|
Group_Control_Typography::get_type(),
|
||
|
[
|
||
|
'name' => 'hello_footer_menu_typography',
|
||
|
'label' => esc_html__( 'Typography', 'hello-elementor' ),
|
||
|
'selector' => 'footer .footer-inner .site-navigation a',
|
||
|
]
|
||
|
);
|
||
|
}
|
||
|
|
||
|
$this->end_controls_section();
|
||
|
|
||
|
$this->start_controls_section(
|
||
|
'hello_footer_copyright_section',
|
||
|
[
|
||
|
'tab' => 'hello-settings-footer',
|
||
|
'label' => esc_html__( 'Copyright', 'hello-elementor' ),
|
||
|
'conditions' => [
|
||
|
'relation' => 'and',
|
||
|
'terms' => [
|
||
|
[
|
||
|
'name' => 'hello_footer_copyright_display',
|
||
|
'operator' => '=',
|
||
|
'value' => 'yes',
|
||
|
],
|
||
|
],
|
||
|
],
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_control(
|
||
|
'hello_footer_copyright_text',
|
||
|
[
|
||
|
'type' => Controls_Manager::TEXTAREA,
|
||
|
'default' => esc_html__( 'All rights reserved', 'hello-elementor' ),
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_control(
|
||
|
'hello_footer_copyright_color',
|
||
|
[
|
||
|
'label' => esc_html__( 'Text Color', 'hello-elementor' ),
|
||
|
'type' => Controls_Manager::COLOR,
|
||
|
'condition' => [
|
||
|
'hello_footer_copyright_display' => 'yes',
|
||
|
],
|
||
|
'selectors' => [
|
||
|
'.site-footer .copyright p' => 'color: {{VALUE}};',
|
||
|
],
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->add_group_control(
|
||
|
Group_Control_Typography::get_type(),
|
||
|
[
|
||
|
'name' => 'hello_footer_copyright_typography',
|
||
|
'label' => esc_html__( 'Typography', 'hello-elementor' ),
|
||
|
'condition' => [
|
||
|
'hello_footer_copyright_display' => 'yes',
|
||
|
],
|
||
|
'selector' => '.site-footer .copyright p',
|
||
|
]
|
||
|
);
|
||
|
|
||
|
$this->end_controls_section();
|
||
|
}
|
||
|
|
||
|
public function on_save( $data ) {
|
||
|
// Save chosen footer menu to the WP settings.
|
||
|
if ( isset( $data['settings']['hello_footer_menu'] ) ) {
|
||
|
$menu_id = $data['settings']['hello_footer_menu'];
|
||
|
$locations = get_theme_mod( 'nav_menu_locations' );
|
||
|
$locations['menu-2'] = (int) $menu_id;
|
||
|
set_theme_mod( 'nav_menu_locations', $locations );
|
||
|
}
|
||
|
}
|
||
|
|
||
|
public function get_additional_tab_content() {
|
||
|
$content_template = '
|
||
|
<div class="hello-elementor elementor-nerd-box">
|
||
|
<img src="%1$s" class="elementor-nerd-box-icon" alt="%2$s">
|
||
|
<p class="elementor-nerd-box-title">%3$s</p>
|
||
|
<p class="elementor-nerd-box-message">%4$s</p>
|
||
|
<a class="elementor-nerd-box-link elementor-button" target="_blank" href="%5$s">%6$s</a>
|
||
|
</div>';
|
||
|
|
||
|
if ( ! defined( 'ELEMENTOR_PRO_VERSION' ) ) {
|
||
|
return sprintf(
|
||
|
$content_template,
|
||
|
get_template_directory_uri() . '/assets/images/go-pro.svg',
|
||
|
esc_attr__( 'Get Elementor Pro', 'hello-elementor' ),
|
||
|
esc_html__( 'Create a custom footer with multiple options', 'hello-elementor' ),
|
||
|
esc_html__( 'Upgrade to Elementor Pro and enjoy free design and many more features', 'hello-elementor' ),
|
||
|
'https://go.elementor.com/hello-theme-footer/',
|
||
|
esc_html__( 'Upgrade', 'hello-elementor' )
|
||
|
);
|
||
|
} else {
|
||
|
return sprintf(
|
||
|
$content_template,
|
||
|
get_template_directory_uri() . '/assets/images/go-pro.svg',
|
||
|
esc_attr__( 'Elementor Pro', 'hello-elementor' ),
|
||
|
esc_html__( 'Create a custom footer with the Theme Builder', 'hello-elementor' ),
|
||
|
esc_html__( 'With the Theme Builder you can jump directly into each part of your site', 'hello-elementor' ),
|
||
|
get_admin_url( null, 'admin.php?page=elementor-app#/site-editor/templates/footer' ),
|
||
|
esc_html__( 'Create Footer', 'hello-elementor' )
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
}
|