Skip to content

M
makura-2025
Commit 50b21f92 by rajshah
Options

dynamic footer

parent 98d33317
Showing with 75 additions and 120 deletions
footer.php
...@@ -123,8 +123,12 @@ ...@@ -123,8 +123,12 @@
?> ?>
<li> <li>
<a target="_blank" href="<?php echo get_sub_field('link'); ?>"> <a target="_blank" href="<?php echo get_sub_field('link'); ?>">
<?php echo get_sub_field('icon', 'option'); ?> <?php echo get_sub_field('icon', 'option');
<span>Facebook</span> $social_media_label = get_sub_field('label', 'option');
if(!empty($social_media_label)) {
?>
<span><?php echo $social_media_label; ?></span>
<?php }?>
</a> </a>
</li> </li>
<?php <?php
...@@ -133,114 +137,34 @@ ...@@ -133,114 +137,34 @@
?> ?>
</ul> </ul>
</div> </div>
<div class="footer-link-wrapper location-wrapper"> <!-- -->
<!-- -->
<!-- -->
<div class="footer-link-wrapper location-wrapper">
<strong class="text-uppercase text-white">Locations</strong> <strong class="text-uppercase text-white">Locations</strong>
<div class="row"> <div class="row">
<?php if( have_rows('branch_information', 'option') ): ?>
<?php while( have_rows('branch_information', 'option') ): the_row();
$flag = get_sub_field('country_flag'); // image array
$country = get_sub_field('country_name');
$location = get_sub_field('location_address'); // link array
$phone = get_sub_field('location_contact_number');
$whatsapp = get_sub_field('location_whatsapp_number');
$email = get_sub_field('location_email_address');
?>
<div class="col-md-6"> <div class="col-md-6">
<div class="footer-branch"> <div class="footer-branch">
<div class="branch-title d-flex justify-content-start align-items-center"> <div class="branch-title d-flex justify-content-start align-items-center">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/nepal.svg" alt="" <?php if($flag): ?>
class="img-fluid"> <img src="<?php echo esc_url($flag['url']); ?>" alt="<?php echo esc_attr($flag['alt']); ?>" class="img-fluid">
<span>Nepal</span> <?php endif; ?>
</div> <span><?php echo esc_html($country); ?></span>
<ul>
<li class="nav-item">
<a class="" target="_blank" aria-current="page"
href="https://www.google.com/maps/place/<?php echo get_field('gb_location', 'option'); ?>"><svg
width="25" height="25" viewBox="0 0 25 25" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5" clip-path="url(#clip0_1314_12708)">
<path
d="M12.5 0.5C7.70726 0.5 3.80811 4.39916 3.80811 9.19184C3.80811 15.1397 11.5865 23.8715 11.9177 24.2404C12.2287 24.5868 12.7718 24.5862 13.0823 24.2404C13.4135 23.8715 21.1919 15.1397 21.1919 9.19184C21.1918 4.39916 17.2927 0.5 12.5 0.5ZM12.5 13.565C10.0887 13.565 8.12693 11.6032 8.12693 9.19184C8.12693 6.7805 10.0887 4.81878 12.5 4.81878C14.9113 4.81878 16.873 6.78055 16.873 9.19189C16.873 11.6032 14.9113 13.565 12.5 13.565Z"
fill="white" />
</g>
<defs>
<clipPath id="clip0_1314_12708">
<rect width="24" height="24" fill="white"
transform="translate(0.5 0.5)" />
</clipPath>
</defs>
</svg>
<?php echo get_field('gb_location', 'option'); ?></a>
</li>
<li class="nav-item">
<a class="" href="tel:<?php echo get_field('gb_phone_number', 'option'); ?>"><svg
width="25" height="25" viewBox="0 0 25 25" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5">
<path
d="M22.5448 18.02C21.8892 17.4703 18.0448 15.0358 17.4058 15.1475C17.1058 15.2008 16.8763 15.4565 16.262 16.1893C15.9779 16.5499 15.666 16.8877 15.329 17.1995C14.7116 17.0504 14.114 16.8288 13.5485 16.5395C11.331 15.4599 9.53947 13.6679 8.4605 11.45C8.17118 10.8846 7.94964 10.2869 7.8005 9.6695C8.1123 9.33252 8.45009 9.02056 8.81075 8.7365C9.54275 8.12225 9.79925 7.89425 9.8525 7.59275C9.96425 6.95225 7.5275 3.10925 6.98 2.45375C6.7505 2.18225 6.542 2 6.275 2C5.501 2 2 6.329 2 6.89C2 6.93575 2.075 11.4425 7.76675 17.2333C13.5575 22.925 18.0642 23 18.11 23C18.671 23 23 19.499 23 18.725C23 18.458 22.8177 18.2495 22.5448 18.02Z"
fill="white" />
<path
d="M17.75 11.75H19.25C19.2482 10.1592 18.6155 8.63416 17.4907 7.50933C16.3658 6.3845 14.8408 5.75179 13.25 5.75V7.25C14.4431 7.25119 15.587 7.72568 16.4307 8.56933C17.2743 9.41299 17.7488 10.5569 17.75 11.75Z"
fill="white" />
<path
d="M21.5 11.75H23C22.997 9.16505 21.9688 6.68683 20.141 4.859C18.3132 3.03116 15.8349 2.00298 13.25 2V3.5C15.4372 3.50258 17.5342 4.3726 19.0808 5.91922C20.6274 7.46584 21.4974 9.56276 21.5 11.75Z"
fill="white" />
</g>
</svg>
<?php echo get_field('gb_phone_number', 'option'); ?></a>
</li>
<li class="nav-item">
<a class=""
href="https://api.whatsapp.com/send?phone=<?php echo get_field('gb_mobile_number', 'option'); ?>"
target="_blank"><svg width="25" height="25" viewBox="0 0 25 25" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5" clip-path="url(#clip0_1314_12720)">
<path
d="M12.503 0.5H12.497C5.8805 0.5 0.5 5.882 0.5 12.5C0.5 15.125 1.346 17.558 2.7845 19.5335L1.289 23.9915L5.9015 22.517C7.799 23.774 10.0625 24.5 12.503 24.5C19.1195 24.5 24.5 19.1165 24.5 12.5C24.5 5.8835 19.1195 0.5 12.503 0.5ZM19.4855 17.4455C19.196 18.263 18.047 18.941 17.1305 19.139C16.5035 19.2725 15.6845 19.379 12.9275 18.236C9.401 16.775 7.13 13.1915 6.953 12.959C6.7835 12.7265 5.528 11.0615 5.528 9.3395C5.528 7.6175 6.4025 6.779 6.755 6.419C7.0445 6.1235 7.523 5.9885 7.982 5.9885C8.1305 5.9885 8.264 5.996 8.384 6.002C8.7365 6.017 8.9135 6.038 9.146 6.5945C9.4355 7.292 10.1405 9.014 10.2245 9.191C10.31 9.368 10.3955 9.608 10.2755 9.8405C10.163 10.0805 10.064 10.187 9.887 10.391C9.71 10.595 9.542 10.751 9.365 10.97C9.203 11.1605 9.02 11.3645 9.224 11.717C9.428 12.062 10.133 13.2125 11.171 14.1365C12.5105 15.329 13.5965 15.71 13.985 15.872C14.2745 15.992 14.6195 15.9635 14.831 15.7385C15.0995 15.449 15.431 14.969 15.7685 14.4965C16.0085 14.1575 16.3115 14.1155 16.6295 14.2355C16.9535 14.348 18.668 15.1955 19.0205 15.371C19.373 15.548 19.6055 15.632 19.691 15.7805C19.775 15.929 19.775 16.6265 19.4855 17.4455Z"
fill="white" />
</g>
<defs>
<clipPath id="clip0_1314_12720">
<rect width="24" height="24" fill="white"
transform="translate(0.5 0.5)" />
</clipPath>
</defs>
</svg>
<?php echo get_field('gb_mobile_number', 'option') ?></a>
</li>
<li class="nav-item">
<a class="" href="mailto:<?php echo get_field('gb_email', 'option') ?>"><svg
width="25" height="25" viewBox="0 0 25 25" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5" clip-path="url(#clip0_1314_12726)">
<path
d="M24.2886 5.26807L17.0099 12.4999L24.2886 19.7317C24.4202 19.4567 24.5 19.1527 24.5 18.828V6.17177C24.5 5.84707 24.4202 5.54308 24.2886 5.26807Z"
fill="white" />
<path
d="M22.3906 4.0625H2.60939C2.28469 4.0625 1.9807 4.14233 1.70569 4.27391L11.0086 13.53C11.8312 14.3525 13.1688 14.3525 13.9914 13.53L23.2943 4.27391C23.0193 4.14233 22.7153 4.0625 22.3906 4.0625Z"
fill="white" />
<path
d="M0.711406 5.26807C0.579828 5.54308 0.5 5.84707 0.5 6.17177V18.828C0.5 19.1527 0.579828 19.4568 0.711406 19.7317L7.99011 12.4999L0.711406 5.26807Z"
fill="white" />
<path
d="M16.0156 13.4941L14.9857 14.5241C13.6151 15.8947 11.3849 15.8947 10.0143 14.5241L8.98439 13.4941L1.70569 20.726C1.9807 20.8575 2.28469 20.9374 2.60939 20.9374H22.3906C22.7153 20.9374 23.0193 20.8575 23.2943 20.726L16.0156 13.4941Z"
fill="white" />
</g>
<defs>
<clipPath id="clip0_1314_12726">
<rect width="24" height="24" fill="white"
transform="translate(0.5 0.5)" />
</clipPath>
</defs>
</svg>
<?php echo get_field('gb_email', 'option') ?></a>
</li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="footer-branch">
<div class="branch-title d-flex justify-content-start align-items-center">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/nepal.svg" alt=""
class="img-fluid">
<span>Nepal</span>
</div> </div>
<ul> <ul>
<?php if($location): ?>
<li class="nav-item"> <li class="nav-item">
<a class="" target="_blank" aria-current="page" <a target="_blank" href="<?php echo esc_url($location['url']); ?>">
href="https://www.google.com/maps/place/<?php echo get_field('gb_location', 'option'); ?>"><svg <svg
width="25" height="25" viewBox="0 0 25 25" fill="none" width="25" height="25" viewBox="0 0 25 25" fill="none"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5" clip-path="url(#clip0_1314_12708)"> <g opacity="0.5" clip-path="url(#clip0_1314_12708)">
...@@ -255,10 +179,15 @@ ...@@ -255,10 +179,15 @@
</clipPath> </clipPath>
</defs> </defs>
</svg> </svg>
<?php echo get_field('gb_location', 'option'); ?></a> <?php echo esc_html($location['title']); ?>
</a>
</li> </li>
<?php endif; ?>
<?php if($phone): ?>
<li class="nav-item"> <li class="nav-item">
<a class="" href="tel:<?php echo get_field('gb_phone_number', 'option'); ?>"><svg <a href="tel:<?php echo esc_attr($phone); ?>">
<svg
width="25" height="25" viewBox="0 0 25 25" fill="none" width="25" height="25" viewBox="0 0 25 25" fill="none"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5"> <g opacity="0.5">
...@@ -273,12 +202,15 @@ ...@@ -273,12 +202,15 @@
fill="white" /> fill="white" />
</g> </g>
</svg> </svg>
<?php echo get_field('gb_phone_number', 'option'); ?></a> <?php echo esc_html($phone); ?>
</a>
</li> </li>
<?php endif; ?>
<?php if($whatsapp): ?>
<li class="nav-item"> <li class="nav-item">
<a class="" <a href="https://api.whatsapp.com/send?phone=<?php echo esc_attr($whatsapp); ?>" target="_blank">
href="https://api.whatsapp.com/send?phone=<?php echo get_field('gb_mobile_number', 'option') ?>" <svg width="25" height="25" viewBox="0 0 25 25" fill="none"
target="_blank"><svg width="25" height="25" viewBox="0 0 25 25" fill="none"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5" clip-path="url(#clip0_1314_12720)"> <g opacity="0.5" clip-path="url(#clip0_1314_12720)">
<path <path
...@@ -292,10 +224,15 @@ ...@@ -292,10 +224,15 @@
</clipPath> </clipPath>
</defs> </defs>
</svg> </svg>
<?php echo get_field('gb_mobile_number', 'option') ?></a> <?php echo esc_html($whatsapp); ?>
</a>
</li> </li>
<?php endif; ?>
<?php if($email): ?>
<li class="nav-item"> <li class="nav-item">
<a class="" href="mailto:<?php echo get_field('gb_email', 'option') ?>"><svg <a href="mailto:<?php echo antispambot($email); ?>">
<svg
width="25" height="25" viewBox="0 0 25 25" fill="none" width="25" height="25" viewBox="0 0 25 25" fill="none"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5" clip-path="url(#clip0_1314_12726)"> <g opacity="0.5" clip-path="url(#clip0_1314_12726)">
...@@ -318,29 +255,47 @@ ...@@ -318,29 +255,47 @@
transform="translate(0.5 0.5)" /> transform="translate(0.5 0.5)" />
</clipPath> </clipPath>
</defs> </defs>
</svg> </svg><?php echo esc_html($email); ?>
<?php echo get_field('gb_email', 'option') ?></a> </a>
</li> </li>
<?php endif; ?>
</ul> </ul>
</div> </div>
</div> </div>
<?php endwhile; ?>
<?php endif; ?>
</div> </div>
</div> </div>
</div> </div>
<div class="footer-about"> <div class="footer-about">
<a href="<?= get_home_url();?>" class="logo"> <?php
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/logo.svg" alt="" class="img-fluid" /> $site_footer_logo = get_field('site_logo', 'option')?:[];
if(isset($site_footer_logo) && !empty($site_footer_logo)) :
$site_footer_logo_url = $site_footer_logo['url'] ?: '';
$site_footer_logo_title = $site_footer_logo['title'] ?: '';
$site_footer_logo_alt = $site_footer_logo['alt'] ?:$site_footer_logo_title;
?>
<a href="<?php echo esc_url(get_home_url());?>" class="logo">
<img src="<?php echo esc_url($site_footer_logo_url); ?>" alt="<?php echo esc_attr($site_footer_logo_alt); ?>" class="img-fluid" />
</a> </a>
<?php endif;?>
<span class="text-light text-center"><?php echo get_field('copyright_text', 'option'); ?></span> <span class="text-light text-center"><?php echo get_field('copyright_text', 'option'); ?></span>
<p>We are officially registered under the Government of Nepal (Regd. No: 123456/078/79) and operate in <?php
compliance with recognized industry standards, ensuring transparency, reliability, and professional $impactful_message = get_field('impactful_message', 'option') ?: '';
integrity in all our services.</p> if(isset($impactful_message) && !empty($impactful_message)) :
echo $impactful_message;
endif;
?>
</div> </div>
<?php
$proudly_since = get_field('proudly_since', 'option') ?: '';
if(isset($proudly_since) && !empty($proudly_since)) :
?>
<div class="scroll-animate"> <div class="scroll-animate">
<span>proudly SINCE 2013</span> <span><?php echo $proudly_since; ?></span>
</div> </div>
<?php endif; ?>
</div> </div>
</footer> </footer>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment