TwoTalesDev/4WDCSA.co.za
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

whatsapp button added

Browse Source
This commit is contained in:
twotalesanimation
2025-12-16 23:00:30 +02:00
parent 1b47cb0a69
commit 927f9f3fe1
1 changed files with 50 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
header.php
View File

@@ -1,4 +1,5 @@
<?php <?php
/** /**
* UNIFIED HEADER TEMPLATE * UNIFIED HEADER TEMPLATE
* *
@@ -187,8 +188,7 @@ if ($headerStyle === 'light') {
background-color: #f8f8f8; background-color: #f8f8f8;
} }
<?php if ($headerStyle === 'light'): ?> <?php if ($headerStyle === 'light'): ?>.page-banner-area {
.page-banner-area {
position: relative; position: relative;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
@@ -215,6 +215,7 @@ if ($headerStyle === 'light') {
position: relative; position: relative;
z-index: 3; z-index: 3;
} }
<?php endif; ?> <?php endif; ?>
</style> </style>
@@ -262,13 +263,13 @@ if ($headerStyle === 'light') {
<li><a href="track-map">Track Map</a></li> <li><a href="track-map">Track Map</a></li>
<li><a href="trips">Trips</a> <li><a href="trips">Trips</a>
<?php if ($headerStyle === 'dark'): ?> <?php if ($headerStyle === 'dark'): ?>
<ul> <ul>
<li><a href="tour-list.html">Tour List</a></li> <li><a href="tour-list.html">Tour List</a></li>
<li><a href="tour-grid.html">Tour Grid</a></li> <li><a href="tour-grid.html">Tour Grid</a></li>
<li><a href="tour-sidebar.html">Tour Sidebar</a></li> <li><a href="tour-sidebar.html">Tour Sidebar</a></li>
<li><a href="trip-details">Tour Details</a></li> <li><a href="trip-details">Tour Details</a></li>
<li><a href="tour-guide.html">Tour Guide</a></li> <li><a href="tour-guide.html">Tour Guide</a></li>
</ul> </ul>
<?php endif; ?> <?php endif; ?>
</li> </li>
<li class="dropdown"><a href="#">Training</a> <li class="dropdown"><a href="#">Training</a>
@@ -293,7 +294,7 @@ if ($headerStyle === 'light') {
<li><a href="admin_transactions">iKhokha Payment History</a></li> <li><a href="admin_transactions">iKhokha Payment History</a></li>
<!-- <li><a href="process_payments">Process Payments</a></li> --> <!-- <li><a href="process_payments">Process Payments</a></li> -->
<?php if ($role === 'superadmin') { ?> <?php if ($role === 'superadmin') { ?>
<li><a href="admin_visitors">Visitor Log</a></li> <li><a href="admin_visitors">Visitor Log</a></li>
<?php } ?> <?php } ?>
</ul> </ul>
</li> </li>
@@ -307,16 +308,16 @@ if ($headerStyle === 'light') {
if (getUserMemberStatus($_SESSION['user_id'])) { if (getUserMemberStatus($_SESSION['user_id'])) {
echo "<li><a href=\"campsites\">Campsites Directory</a></li>"; echo "<li><a href=\"campsites\">Campsites Directory</a></li>";
echo "<li><a href=\"gallery\">Photo Gallery</a></li>"; echo "<li><a href=\"gallery\">Photo Gallery</a></li>";
} else { } else {
echo "<li><a href=\"membership\">Campsites Directory</a><i class='fal fa-lock'></i></li>"; echo "<li><a href=\"membership\">Campsites Directory</a><i class='fal fa-lock'></i></li>";
echo "<li><a href=\"membership\">Photo Gallery</a><i class='fal fa-lock'></i></li>"; echo "<li><a href=\"membership\">Photo Gallery</a><i class='fal fa-lock'></i></li>";
} }
?> ?>
</ul> </ul>
</li> </li>
<li class="dropdown"><a href="#">My Account</a> <li class="dropdown"><a href="#">My Account</a>
<ul> <ul>
<li><a href="account_settings">Account Settings</a></li> <li><a href="account_settings">Account Settings</a></li>
@@ -325,9 +326,9 @@ if ($headerStyle === 'light') {
<?php <?php
if (getUserMemberStatus($_SESSION['user_id'])) { if (getUserMemberStatus($_SESSION['user_id'])) {
echo "<li><a href=\"user_blogs\">My Blog Posts</a></li>"; echo "<li><a href=\"user_blogs\">My Blog Posts</a></li>";
} else { } else {
echo "<li><a href=\"membership\">My Blog Posts</a><i class='fal fa-lock'></i></li>"; echo "<li><a href=\"membership\">My Blog Posts</a><i class='fal fa-lock'></i></li>";
} }
?> ?>
<!-- <li><a href="submit_pop">Submit P.O.P</a></li> --> <!-- <li><a href="submit_pop">Submit P.O.P</a></li> -->
<li><a href="logout">Log Out</a></li> <li><a href="logout">Log Out</a></li>
@@ -359,8 +360,8 @@ if ($headerStyle === 'light') {
</div> </div>
</div> </div>
<?php if ($role === 'admin' || $role === 'superadmin') { ?> <?php if ($role === 'admin' || $role === 'superadmin') { ?>
<link rel="stylesheet" href="assets/css/notifications.css"> <link rel="stylesheet" href="assets/css/notifications.css">
<script src="assets/js/notifications_panel.js" defer></script> <script src="assets/js/notifications_panel.js" defer></script>
<?php } ?> <?php } ?>
<?php else : ?> <?php else : ?>
<a href="login" class="theme-btn style-two bgc-secondary"> <a href="login" class="theme-btn style-two bgc-secondary">
@@ -376,6 +377,36 @@ if ($headerStyle === 'light') {
<!--End Header Upper--> <!--End Header Upper-->
</header> </header>
<a href="https://wa.me/27790652795?text=Hi,%20I%20would%20like%20to%20know%20more%20about%20your%20club!"
class="whatsapp-float"
target="_blank"
aria-label="Chat on WhatsApp">
<i class="fab fa-whatsapp"></i>
</a>
<style>
.whatsapp-float {
position: fixed;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
background-color: #25D366;
color: white;
border-radius: 50%;
text-align: center;
font-size: 30px;
line-height: 60px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
z-index: 1000;
}
.whatsapp-float:hover {
background-color: #1ebe5d;
}
</style>
<script> <script>
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
const profileInfo = document.querySelector('.profile-info'); const profileInfo = document.querySelector('.profile-info');
@@ -400,4 +431,4 @@ if ($headerStyle === 'light') {
} }
}); });
}); });
</script> </script>