Skip to content

EPS-1408: Added sticky header notice functionality #1286

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ShubhamGupta05 wants to merge 2 commits into
base: release-candidate
Choose a base branch
from
Open

EPS-1408: Added sticky header notice functionality #1286

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3475fee
Added sticky header notice functionality
ShubhamGupta05 Aug 1, 2025
df58e3b
Updated function prefix from uae to hfe
ShubhamGupta05 Aug 4, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 20 additions & 0 deletions admin/class-hfe-addons-actions.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,6 +71,8 @@ public function __construct() {
add_action( 'wp_ajax_hfe_flush_permalink_notice', [ $this, 'hfe_flush_permalink_notice' ] );
add_action( 'wp_ajax_nopriv_hfe_flush_permalink_notice', [ $this, 'hfe_flush_permalink_notice' ] );

add_action( 'wp_ajax_dismiss_sticky_header_notice', [ $this, 'dismiss_sticky_header_notice' ] );
Copy link

@github-actions github-actions bot Aug 1, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What: Consider using a more descriptive name for the nonce action instead of 'uae_dismiss_sticky_header_notice'. This will help in identifying the nonce's purpose easily.

Why: Using a descriptive name for your nonce action improves code readability and helps with future maintainability by making it clear what the nonce is intended for.

How: Change the nonce name to something more indicative, for example, 'dismiss_sticky_header_notice_nonce'. This will enhance clarity regarding its purpose.

Copy link
Collaborator

@sushmak02 sushmak02 Aug 4, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

use hfe specific function name

Copy link
Collaborator

@sushmak02 sushmak02 Aug 4, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@ShubhamGupta05 use hfe specific function name

Copy link
Contributor Author

@ShubhamGupta05 ShubhamGupta05 Aug 4, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

done


}

/**
Expand Down Expand Up @@ -572,6 +574,24 @@ public function save_analytics_option() {
}
}

/**
* Handle sticky header notice dismissal
*
* @return void
*/
public function dismiss_sticky_header_notice() {
if (!wp_verify_nonce($_POST['nonce'], 'uae_dismiss_sticky_header_notice')) {
wp_die('Security check failed');
}

if ( ! current_user_can( 'manage_options' ) ) {
wp_send_json_error( 'Unauthorized', 403 );
}

update_user_meta(get_current_user_id(), 'uae_sticky_header_notice_dismissed', true);
wp_send_json_success();
}

}

/**
Expand Down
143 changes: 143 additions & 0 deletions inc/class-header-footer-elementor.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -92,6 +92,11 @@ function () {
'in_admin_header',
function () {
$this->render_admin_top_bar();
$current_screen = get_current_screen();
if( 'edit-elementor-hf' === $current_screen->id ){
// Add sticky header promotion notice for elementor-hf listing page
$this->sticky_header_promotion_notice();
}
}
);
}
Expand Down Expand Up @@ -368,6 +373,144 @@ public function elementor_outdated() {
printf( '<div class="%1$s"><p>%2$s</p>%3$s</div>', esc_attr( $class ), wp_kses_post( $message ), wp_kses_post( $button ) );
}

/**
* Check if user has headers created with HFE
*
* @return boolean
*/
private function has_hfe_headers() {
$headers = get_posts(array(
'post_type' => 'elementor-hf',
'meta_query' => array(
array(
'key' => 'ehf_template_type',
'value' => 'type_header',
'compare' => '='
)
),
'posts_per_page' => 1,
'post_status' => 'publish'
));

return !empty($headers);
}

/**
* Check if sticky header promotion notice should be shown
*
* @return boolean
*/
private function should_show_sticky_header_notice() {
// Don't show if already dismissed
if (get_user_meta(get_current_user_id(), 'uae_sticky_header_notice_dismissed', true)) {
return false;
}

// Don't show if pro version is already active
if (defined('UAEL_PRO') && UAEL_PRO) {
return false;
}

// Only show if user has HFE headers
$has_headers = $this->has_hfe_headers();

// Debug: Uncomment the line below to force show the notice for testing
// return true;

return $has_headers;
}

/**
* Display sticky header promotion notice
*
* @return void
*/
public function sticky_header_promotion_notice() {
if (!$this->should_show_sticky_header_notice()) {
return;
}

$this->render_sticky_header_notice();
}

/**
* Render the sticky header promotion notice HTML
*
* @return void
*/
private function render_sticky_header_notice() {

?>
<div class="notice notice-info is-dismissible uae-sticky-header-notice" data-notice="sticky_header">
<div style="display: flex; align-items: center; padding: 10px 0;">
<div style="margin-right: 15px;">
<img src="<?php echo esc_url(HFE_URL . 'assets/images/settings/logo.svg'); ?>" style="width: 70px; height: 70px;" alt="UAE Logo">
</div>
<div style="flex: 1;">
<h3 style="margin: 0 0 8px 0; color: #23282d;">
<?php echo esc_html__('Make Your Header Sticky with UAE Pro!', 'header-footer-elementor'); ?>
</h3>
<p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5;">
<?php
echo wp_kses_post( __(
"We noticed you're using <strong>Ultimate Addons for Elementor</strong> to create custom headers.
Take it to the next level with <strong>Sticky Header functionality</strong> in UAE Pro!
Keep your navigation visible as users scroll for better user experience and higher conversions.",
'header-footer-elementor'
) );
?>
</p>
<div style="margin-top: 12px;">
<a href="https://ultimateelementor.com/widgets/sticky-header/?utm_source=plugin&utm_medium=sticky-header-notice&utm_campaign=uae-lite"
class="button button-secondary" target="_blank" style="margin-right: 10px;">
<?php echo esc_html__('Learn More', 'header-footer-elementor'); ?>
</a>
<a href="https://ultimateelementor.com/pricing/?utm_source=plugin&utm_medium=sticky-header-notice&utm_campaign=uae-lite"
class="button button-primary" target="_blank">
<?php echo esc_html__('Unlock Sticky Header', 'header-footer-elementor'); ?>
</a>
</div>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(document).on('click', '.uae-sticky-header-notice .notice-dismiss', function() {
$.ajax({
url: ajaxurl,
type: 'POST',
data: {
action: 'dismiss_sticky_header_notice',
nonce: '<?php echo wp_create_nonce('uae_dismiss_sticky_header_notice'); ?>'
}
});
});
});
</script>
<style>
.uae-sticky-header-notice {
border-left-color: #6005FF !important;
background: #f8f9ff;
}
.uae-sticky-header-notice h3 {
color: #6005FF !important;
}
.uae-sticky-header-notice .button-primary {
background:#6005FF;
border-color: #6005FF;
text-shadow: none;
box-shadow: none;
}
.uae-sticky-header-notice .button-primary:hover,
.uae-sticky-header-notice .button-primary:focus {
background: #4B00CC;
border-color: #4B00CC;
box-shadow: none;
}
</style>
<?php
}

/**
* Plugin version tracking.
*
Expand Down
Loading