File: /var/www/html/studio/wp-content/themes/kulan/single-services.php
<?php
/**
* The template for displaying single service
*
* This is the template that displays all pages by default.
* Please note that this is the WordPress construct of pages
* and that other 'pages' on your WordPress site may use a
* different template.
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
*
* @package kulan
*/
get_header();
if ( class_exists('ACF') ) {
$hide_page_banner = get_field('hide_page_banner');
$banner_title = get_field('banner_title');
$banner_image = get_field('banner_image');
}else{
$hide_page_banner = $banner_title = $banner_image = '';
}
if( !$banner_title){
$banner_title = get_the_title();
}
if($hide_page_banner == false):
?>
<!-- Start page header -->
<section class="page__header position-relative">
<div class="container">
<div class="text-center" >
<div class="d-inline-flex justify-content-center gap-2 transprent__btn">
<?php kulan_breadcrumb_trail(); ?>
</div>
<h2 class="t__40"><?php echo esc_html($banner_title); ?></h2>
</div>
</div>
</section>
<!-- End page header -->
<?php
endif;
// Member Information
if ( class_exists('ACF') ) {
$service_sidebar_categories__title = get_field('service_sidebar_categories__title');
$service_sidebar_information__card_title = get_field('service_sidebar_information__card_title');
$envelope_icon = get_field('envelope_icon');
$your_email = get_field('your_email');
$phone_icon_1 = get_field('phone_icon_1');
$phone_number_1 = get_field('phone_number_1');
$phone_icon_2 = get_field('phone_icon_2');
$phone_number_2 = get_field('phone_number_2');
$calendar_icon_ = get_field('calendar_icon_');
$available_time = get_field('available_time');
$location_icon = get_field('location_icon');
$find_location = get_field('find_location');
$top_title = get_field('top_title');
$title_main_t = get_field('title_main_t');
$content_1 = get_field('content_1');
$content_2 = get_field('content_2');
$content_3 = get_field('content_3');
$inner_icon_image_1 = get_field('inner_icon_image_1');
$inner_title_1 = get_field('inner_title_1');
$inner_content_1 = get_field('inner_content_1');
$inner_icon_image_2 = get_field('inner_icon_image_2');
$inner_title_2 = get_field('inner_title_2');
$inner_content_2 = get_field('inner_content_2');
$video_background_image = get_field('video_background_image');
$video_url = get_field('video_url');
$video_button_icon = get_field('video_button_icon');
$shape_image_1 = get_field('shape_image_1');
$shape_image_2 = get_field('shape_image_2');
$our_process__top_title = get_field('our_process__top_title');
$our_process__title = get_field('our_process__title');
$our_process__section_image = get_field('our_process__section_image');
$our_process__shape_image = get_field('our_process__shape_image');
$our_process__description_field__number_1 = get_field('our_process__description_field__number_1');
$our_process__description_field__title_1 = get_field('our_process__description_field__title_1');
$our_process__description_field__content_1 = get_field('our_process__description_field__content_1');
$our_process__description_field__number_2 = get_field('our_process__description_field__number_2');
$our_process__description_field__title_2 = get_field('our_process__description_field__title_2');
$our_process__description_field__content_2 = get_field('our_process__description_field__content_2');
$our_process__description_field__number_3 = get_field('our_process__description_field__number_3');
$our_process__description_field__title_3 = get_field('our_process__description_field__title_3');
$our_process__description_field__content_3 = get_field('our_process__description_field__content_3');
$our_process__description_field__number_4 = get_field('our_process__description_field__number_4');
$our_process__description_field__title_4 = get_field('our_process__description_field__title_4');
$our_process__description_field__content_4 = get_field('our_process__description_field__content_4');
}else{
$service_sidebar_categories__title = $service_sidebar_information__card_title = $envelope_icon = $your_email = $phone_icon_1 = $phone_number_1 = $phone_icon_2 = $phone_number_2 = $calendar_icon_ = $available_time = $location_icon = $find_location = $top_title = $content_1 = $content_2 = $content_3 = $inner_icon_image_1 = $inner_title_1 = $inner_content_1 = $inner_icon_image_2 = $inner_title_2 = $inner_content_2 = $video_background_image = $video_url = $video_button_icon = $shape_image_1 = $shape_image_2 = $our_process__top_title = $our_process__title = $our_process__section_image = $our_process__shape_image = $our_process__description_field__number_1 = $our_process__description_field__title_1 = $our_process__description_field__content_1 = $our_process__description_field__number_2 = $our_process__description_field__title_2 = $our_process__description_field__content_2 = $our_process__description_field__number_3 = $our_process__description_field__title_3 = $our_process__description_field__content_3 = $our_process__description_field__number_4 = $our_process__description_field__title_4 = $our_process__description_field__content_4 = $title_main_t = '';
}
?>
<!-- Start Service Details -->
<section class="service__details pt__130">
<div class="container">
<div class="row">
<div class="col-lg-3 order-lg-0 order-1 mt-4 mt-lg-0">
<div class="ser__sidebar">
<div class="more__service">
<h3 class="t__22"><?php echo esc_html($service_sidebar_categories__title);?></h3>
<ul>
<?php
$terms = get_terms(array(
'taxonomy' => 'services_cat',
'hide_empty' => true,
));
if ($terms) {
foreach ($terms as $term) {
$term_name = $term->name;
$term_link = get_term_link($term);
?>
<li><a href="<?php echo esc_url($term_link); ?>"><?php echo esc_html($term_name); ?></a></li>
<?php
}
}
?>
</ul>
</div>
<div class="help">
<h3 class="t__22"><?php echo esc_html($service_sidebar_information__card_title);?></h3>
<ul>
<li> <i class="<?php echo esc_attr($envelope_icon);?>"></i> <p><?php echo esc_html($your_email);?></p> </li>
<li> <i class="<?php echo esc_attr($phone_icon_1);?>"></i> <p><?php echo esc_html($phone_number_1);?></p> </li>
<li> <i class="<?php echo esc_attr($phone_icon_2);?>"></i> <p><?php echo esc_html($phone_number_2);?></p> </li>
<li> <i class="<?php echo esc_attr($calendar_icon_);?>"></i> <p><?php echo esc_html($available_time);?></p> </li>
<li> <i class="<?php echo esc_attr($location_icon);?>"></i> <p><?php echo esc_html($find_location);?></p> </li>
</ul>
</div>
</div>
</div>
<div class="col-lg-9">
<?php if(has_post_thumbnail()): ?>
<img src="<?php the_post_thumbnail_url() ?>" alt="<?php the_title_attribute(); ?>" class="w-100 thumb__img" >
<?php endif; ?>
<div class="first__para pt__60">
<?php if($top_title): ?>
<p class="transparent__btn pt__40"><?php echo esc_html($top_title);?></p>
<?php endif;?>
<?php if($title_main_t): ?>
<h2 class="t__40 pt__30" data-aos="fade-up" data-aos-delay="100" data-aos-offset="0" data-aos-duration="1000">
<?php echo esc_html($title_main_t);?>
</h2>
<?php endif;?>
<?php if($content_1):?>
<p class="pt__35">
<?php echo wp_kses($content_1, 'kulan_kses_allowed_html');?>
</p>
<?php endif;?>
<?php if($content_2):?>
<p class="pt__35">
<?php echo wp_kses($content_2, 'kulan_kses_allowed_html');?>
</p>
<?php endif;?>
<?php if($content_3):?>
<p class="pt__35">
<?php echo wp_kses($content_3, 'kulan_kses_allowed_html');?>
</p>
<?php endif;?>
</div>
<div class="second__para pt__60">
<div class="d-flex justify-content-between">
<div>
<div class="d-flex align-items-center gap-3 mb-3">
<div class="icon__box">
<?php if($inner_icon_image_1):?>
<img src="<?php echo esc_url($inner_icon_image_1);?>" alt="<?php echo esc_attr($top_title);?>">
<?php endif;?>
</div>
<h5 class="t__22"><?php echo esc_html($inner_title_1);?></h5>
</div>
<p> <?php echo wp_kses($inner_content_1, 'kulan_kses_allowed_html');?> </p>
</div>
<div class="">
<div class="d-flex align-items-center gap-3 mb-3">
<div class="icon__box">
<?php if($inner_icon_image_2):?>
<img src="<?php echo esc_url($inner_icon_image_2);?>" alt="<?php echo esc_attr($top_title);?>">
<?php endif;?>
</div>
<h5 class="t__22"><?php echo esc_html($inner_title_2);?></h5>
</div>
<p> <?php echo wp_kses($inner_content_2, 'kulan_kses_allowed_html');?> </p>
</div>
</div>
<?php if($video_background_image):?>
<div class="pt__60 position-relative">
<img src="<?php echo esc_url($video_background_image);?>" alt="<?php echo esc_attr($top_title);?>" class="w-100 videO__thumb">
<a href="<?php echo esc_attr($video_url); ?>" target="_blank" class="video_icon">
<i class="<?php echo esc_attr($video_button_icon);?>"></i>
</a>
</div>
<?php endif;?>
</div>
</div> <!-- service article end -->
</div>
</div>
<div>
<?php if($shape_image_1):?>
<img src="<?php echo esc_url($shape_image_1);?>" alt="<?php esc_attr_e('Shape Image','kulan');?>" class="dots__shap">
<?php endif;?>
<?php if($shape_image_2):?>
<img src="<?php echo esc_url($shape_image_2);?>" alt="<?php esc_attr_e('Shape Image','kulan');?>" class="rat__shap">
<?php endif;?>
</div>
</section>
<!-- End service details -->
<!-- Start Work Process -->
<section class="work_process work_process_3 py__130">
<div class="container">
<div class="wrapper">
<div> <!-- process title start-->
<div class="title__area">
<?php if($our_process__top_title):?>
<div class="transparent__btn"><?php echo esc_html($our_process__top_title); ?></div>
<?php endif;?>
<h2 class="t__40 pt__30"> <?php echo esc_html($our_process__title); ?></h2>
</div>
<?php if($our_process__section_image):?>
<img src="<?php echo esc_url($our_process__section_image);?>" alt="<?php echo esc_attr($our_process__title); ?>" class="bg__img">
<?php endif;?>
</div> <!-- process title end-->
<div> <!-- process list start-->
<ul>
<li>
<h3 class="t__22 d-flex align-items-center gap-3"><span class="no"><?php echo esc_html($our_process__description_field__number_1); ?></span><span><?php echo esc_html($our_process__description_field__title_1); ?></span></h3>
<p><?php echo wp_kses($our_process__description_field__content_1, 'kulan_kses_allowed_html');?></p>
</li>
<li>
<h3 class="t__22 d-flex align-items-center gap-3"><span class="no"><?php echo esc_html($our_process__description_field__number_2); ?></span><span><?php echo esc_html($our_process__description_field__title_2); ?></span></h3>
<p><?php echo wp_kses($our_process__description_field__content_2, 'kulan_kses_allowed_html');?></p>
</li>
<li>
<h3 class="t__22 d-flex align-items-center gap-3"><span class="no"><?php echo esc_html($our_process__description_field__number_3); ?></span><span><?php echo esc_html($our_process__description_field__title_3); ?></span></h3>
<p><?php echo wp_kses($our_process__description_field__content_3, 'kulan_kses_allowed_html');?></p>
</li>
<li>
<h3 class="t__22 d-flex align-items-center gap-3"><span class="no"><?php echo esc_html($our_process__description_field__number_4); ?></span><span><?php echo esc_html($our_process__description_field__title_4); ?></span></h3>
<p><?php echo wp_kses($our_process__description_field__content_4, 'kulan_kses_allowed_html');?></p>
</li>
</ul>
</div> <!-- process list End-->
</div>
</div>
<div>
<?php if($our_process__shape_image):?>
<img src="<?php echo esc_url($our_process__shape_image);?>" alt="<?php esc_attr_e('Shape Image','kulan');?>" class="dots__shap">
<?php endif;?>
</div>
</section>
<!-- End Work Process -->
<?php
get_footer();