✏️ Editing: bf-sale-2025-banner.php Writable

<?php

namespace EA11y\Modules\Settings\Banners;

use EA11y\Modules\Core\Components\Pointers;
use Throwable;

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

class BF_Sale_2025_Banner {
	const BANNER_POINTER_NAME = 'ea11y_bf_sale_2025_banner';
	const POINTER_ACTION = 'ea11y_pointer_dismissed';
	const POINTER_NONCE_KEY = 'ea11y-pointer-dismissed';

public static function is_sale_time(): bool {
		$sale_start_time = strtotime( '2025-11-25 13:00:00 UTC' );
		$sale_end_time = strtotime( '2025-12-04 04:59:00 UTC' );

$now_time = current_time( 'timestamp', true );
		
		return $now_time >= $sale_start_time && $now_time <= $sale_end_time;
	}

public static function user_viewed_banner(): bool {
		return Pointers::is_dismissed( self::BANNER_POINTER_NAME );
	}

/**
	 * Get banner markup
	 * @throws Throwable
	 */
	public static function get_banner( string $link ) {
		if ( ! self::is_sale_time() || self::user_viewed_banner() ) {
			return;
		}

$img = plugins_url( '/images/bf-2025-banner.png', __FILE__ );
		$url = admin_url( 'admin-ajax.php' );
		$nonce = wp_create_nonce( self::POINTER_NONCE_KEY );
		?>

<div class="elementor-ea11y-banner">
			<div class="elementor-ea11y-banner-container">
				<img src="<?php echo esc_url( $img ); ?>" alt="Elementor black friday sale banner" width="100%" />

<a href="<?php echo esc_url( $link ); ?>" target="_blank">
					Get discount
				</a>

.elementor-ea11y-banner {
				overflow: hidden;
				margin-inline-start: -20px;
				background: #FF7BE5;
			}

.elementor-ea11y-banner-container {
				position: relative;
				max-width: 1600px;
				margin: 0 auto;
				display: flex;
				justify-content: end;
				align-items: center;
				direction: ltr;
				height: 80px;
			}

.elementor-ea11y-banner img {
				position: absolute;
				left: 0;
				top: 50%;
				transform: translateY(-50%);
				width: 100%;
			}

.elementor-ea11y-banner a {
				position: relative;
				display: inline-block;
				padding: 12px 24px;
				font-size: 18px;
				color: #000;
				background-color: #FF7BE5;
				text-decoration: none;
				z-index: 2;
				font-weight: 500;
				line-height: 24px;
				letter-spacing: -0.36px;
				font-feature-settings: 'liga' off, 'clig' off;
			}

.elementor-ea11y-banner button {
				position: relative;
				border: none;
				background: none;
				padding: 12px;
				margin: 0 24px;
				cursor: pointer;
				z-index: 2;
			}

@media (max-width: 1170px) {
				.elementor-ea11y-banner a {
					padding: 6px 12px;
					font-size: 14px;
				}
			}

@media (max-width: 845px) {
				.elementor-ea11y-banner button {
					margin: 0 6px;
				}
			}
		</style>

const requestData = {
					action: "<?php echo esc_js( self::POINTER_ACTION ); ?>",
					nonce: "<?php echo esc_js( $nonce ); ?>",
					data: {
						pointer: "<?php echo esc_js( self::BANNER_POINTER_NAME ); ?>",
					}
				};

if (button) {
					button.addEventListener('click', function () {
						jQuery.ajax(
							{
								url: '<?php echo esc_js( $url ); ?>',
								method: 'POST',
								data: requestData,
								success: () => {
									banner.remove();

if (pageRoot) {
										pageRoot.style.height = 'calc(100vh - 32px)';
									}
								},
								error: (error) => console.error('Error:', error),
							}
						);
					});
				}
			});

</script>
		<?php
	}
}

🔐 Sid Gifari File Manager Pro