197 lines
11 KiB
PHP
197 lines
11 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en" <?php language_attributes(); ?>>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title><?php wp_title('|', true, 'right'); ?></title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
|
<!-- Slick Carousel -->
|
|
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
|
|
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
|
|
<!-- Handlebars to flip between Consumer and Business style sheets -->
|
|
<link rel="stylesheet" type="text/css" href="{{}}"/>
|
|
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,700;0,800;1,600&display=swap" rel="stylesheet">
|
|
|
|
<?php wp_head(); ?>
|
|
</head>
|
|
|
|
<body <?php body_class(); ?>>
|
|
<?php do_action('body_top'); ?>
|
|
|
|
<?php
|
|
$company_logo = get_field('company_logo', 'option');
|
|
$login_icon = get_field('login_icon', 'option');
|
|
$consumer_login_link = get_field('consumer_login_link', 'option');
|
|
$business_login_link = get_field('business_login_link', 'option');
|
|
$cart_icon = get_field('cart_icon', 'option');
|
|
$cart_link = get_field('cart_link', 'option');
|
|
$search_icon = get_field('search_icon', 'option');
|
|
$consumer_phone_number = get_field('consumer_phone_number', 'option');
|
|
$business_phone_number = get_field('business_phone_number', 'option');
|
|
$stylesheet = get_field('style_sheet');
|
|
|
|
// default to consumer brand if we don't have the ACF option for the current page
|
|
if (!$stylesheet) {
|
|
$stylesheet = "consumer-brand";
|
|
}
|
|
?>
|
|
|
|
<header class="w-100 sticky-top main-header <?php echo $stylesheet; ?>">
|
|
<div class="bg-light top-menu">
|
|
<div class="container">
|
|
<div class="row justify-content-end align-items-center d-none d-md-flex top-bar">
|
|
<?php if( $stylesheet == 'consumer-brand' ) : ?>
|
|
<div class="col col-lg-4 d-flex justify-content-center">
|
|
<a class="text-decoration-none text-nowrap" href="/business/">Healthcare and Senior Living</a>
|
|
</div>
|
|
<?php else : ?>
|
|
<div class="col col-lg-3 d-flex justify-content-center">
|
|
<a class="text-decoration-none text-nowrap text-right" href="/">For Consumers</a>
|
|
</div>
|
|
<?php endif; ?>
|
|
<!-- <div class="col col-lg-1 d-flex justify-content-end">
|
|
<?php if( $stylesheet == 'consumer-brand' ) : ?>
|
|
<a class="text-decoration-none text-nowrap" href="<?php echo $consumer_login_link['url']; ?>" target="_blank" aria-label="Link opens in a new tab"><i class="bi bi-person-circle" aria-hidden="true"></i> Login</a>
|
|
<?php else : ?>
|
|
<a class="text-decoration-none text-nowrap" href="<?php echo $business_login_link['url']; ?>" target="_blank" aria-label="Link opens in a new tab"><i class="bi bi-person-circle" aria-hidden="true"></i> Login</a>
|
|
<?php endif; ?>
|
|
</div> -->
|
|
<?php if( $stylesheet == 'consumer-brand' ) : ?>
|
|
<!-- <div class="col col-lg-1 d-flex justify-content-end">
|
|
<a class="text-decoration-none text-nowrap" href="<?php echo $cart_link['url']; ?>"><i class="bi bi-cart" aria-hidden="true"></i> Cart</a>
|
|
</div> -->
|
|
|
|
<div class="nav-btn col col-lg-2 d-flex justify-content-end">
|
|
<?php if( $stylesheet == 'consumer-brand' ) : ?>
|
|
<a class="text-nowrap d-flex header-phone-number" href="tel:<?php echo $consumer_phone_number; ?>">
|
|
<i class="fa-solid fa-phone-volume fa-rotate-by color-white" aria-hidden="true" style="--fa-rotate-angle: -45deg; padding-bottom: 8px;"></i> <?php echo $consumer_phone_number; ?>
|
|
</a>
|
|
<?php else : ?>
|
|
<a class="text-nowrap d-flex header-phone-number" href="tel:<?php echo $business_phone_number; ?>">
|
|
<i class="fa-solid fa-phone-volume fa-rotate-by color-white" aria-hidden="true" style="--fa-rotate-angle: -45deg; padding-bottom: 8px;"></i> <?php echo $business_phone_number; ?>
|
|
</a>
|
|
<?php endif; ?>
|
|
</div>
|
|
<div class="col col-lg-1 d-flex justify-content-center">
|
|
<a class="text-decoration-none" href="/?s=" aria-label="Search pages, posts and products on this website"><i class="bi bi-search" aria-hidden="true"></i></a>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
<div class="row d-md-none p-1">
|
|
<div class="col d-flex justify-content-center top-bar-mobile">
|
|
<?php if( $stylesheet == 'consumer-brand' ) : ?>
|
|
<a class="text-nowrap d-flex top-bar-mobile-phone" href="tel:<?php echo $consumer_phone_number; ?>">
|
|
<i class="fa-solid fa-phone-volume fa-rotate-by" aria-hidden="true" style="--fa-rotate-angle: -45deg;"></i> <?php echo $consumer_phone_number; ?>
|
|
</a>
|
|
<?php else : ?>
|
|
<a class="text-nowrap d-flex top-bar-mobile-phone" href="tel:<?php echo $business_phone_number; ?>">
|
|
<i class="fa-solid fa-phone-volume fa-rotate-by" aria-hidden="true" style="--fa-rotate-angle: -45deg;"></i> <?php echo $business_phone_number; ?>
|
|
</a>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<nav class="navbar navbar-dark navbar-expand-lg main-nav">
|
|
<div class="container main-nav-wrapper">
|
|
<?php if( $stylesheet == 'consumer-brand' ) : ?>
|
|
<a class="navbar-brand w-50 main-logo" href="/"><img class="img-fluid" src="<?php echo $company_logo['url']; ?>" alt="Lifeline Logo"></a>
|
|
<?php else : ?>
|
|
<a class="navbar-brand w-50 main-logo" href="/business/"><img class="img-fluid" src="<?php echo $company_logo['url']; ?>" alt="Lifeline Logo"></a>
|
|
<?php endif; ?>
|
|
<button class="navbar-toggler ms-auto navbar-dark" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarText">
|
|
<?php
|
|
if( $stylesheet === 'business-brand' ) {
|
|
wp_nav_menu(array(
|
|
'theme_location' => 'business-menu',
|
|
'container' => false,
|
|
'menu_class' => '',
|
|
'fallback_cb' => '__return_false',
|
|
'items_wrap' => '<ul id="%1$s" class="navbar-nav me-auto mb-2 mb-lg-0 nav-justified w-100 %2$s">%3$s</ul>',
|
|
'depth' => 3,
|
|
'walker' => new bootstrap_5_wp_nav_menu_walker()
|
|
));
|
|
} else {
|
|
wp_nav_menu(array(
|
|
'theme_location' => 'consumer-menu',
|
|
'container' => false,
|
|
'menu_class' => '',
|
|
'fallback_cb' => '__return_false',
|
|
'items_wrap' => '<ul id="%1$s" class="navbar-nav me-auto mb-2 mb-lg-0 nav-justified w-100 %2$s">%3$s</ul>',
|
|
'depth' => 4,
|
|
'walker' => new bootstrap_5_wp_nav_menu_walker()
|
|
));
|
|
}
|
|
?>
|
|
<ul class="d-md-none top-nav-mobile">
|
|
<?php if( $stylesheet == 'consumer-brand' ) : ?>
|
|
<li class="nav-item">
|
|
<a class="text-decoration-none text-nowrap" href="/business/">Healthcare and Senior Living</a>
|
|
</li>
|
|
<?php else : ?>
|
|
<li class="nav-item">
|
|
<a class="text-decoration-none text-nowrap" href="/">For Consumers</a>
|
|
</li>
|
|
<?php endif; ?>
|
|
<!-- <li class="nav-item">
|
|
<a class="text-decoration-none text-nowrap" href="#"><i class="bi bi-person-circle text-white" aria-hidden="true"></i> Login</a>
|
|
</li> -->
|
|
<!-- <li class="nav-item">
|
|
<a class="text-decoration-none text-nowrap" href="#"><i class="bi bi-cart text-white" aria-hidden="true"></i> Cart</a>
|
|
</li> -->
|
|
</ul>
|
|
<!-- <div class="nav-btn d-flex justify-content-center">
|
|
<?php if( $stylesheet == 'consumer-brand' ) : ?>
|
|
<a class="text-nowrap d-flex header-phone-number" href="tel:<?php echo $consumer_phone_number; ?>">
|
|
<i class="fa-solid fa-phone-volume fa-rotate-by color-white" aria-hidden="true" style="--fa-rotate-angle: -45deg;"></i> <?php echo $consumer_phone_number; ?>
|
|
</a>
|
|
<?php else : ?>
|
|
<a class="text-nowrap d-flex header-phone-number" href="tel:<?php echo $business_phone_number; ?>">
|
|
<i class="fa-solid fa-phone-volume fa-rotate-by color-white" aria-hidden="true" style="--fa-rotate-angle: -45deg;"></i> <?php echo $business_phone_number; ?>
|
|
</a>
|
|
<?php endif; ?>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<script type="text/javascript">
|
|
$(window).on('load', function() {
|
|
$('#navbarText .navbar-nav > li > a').on('click', function() {
|
|
location.href = this.href;
|
|
});
|
|
});
|
|
|
|
var menuWasToggled = false;
|
|
|
|
$(window).scroll(function() {
|
|
var showingThreshold = 50 + $('.top-menu').height();
|
|
// minimum showing threshold
|
|
if (showingThreshold < 80) {
|
|
showingThreshold = 80;
|
|
}
|
|
|
|
if (($(this).scrollTop() - $('.top-menu').height()) > showingThreshold) {
|
|
$('.top-menu').hide();
|
|
$('.top-menu').css("height", 0);
|
|
} else {
|
|
$('.top-menu').show();
|
|
$('.top-menu').css("height", "auto");
|
|
}
|
|
});
|
|
</script>
|
|
|