File: /datos/www/www.colombia.co/public_html/wp-content/themes/colombia2016/single-custom_template.php
<?php get_header(); ?>
<?php
while ( have_posts() ) : the_post();
$cat = get_the_category();
$cat_id = $cat[0]->term_id;
$images = get_option('taxonomy_image_plugin'); // get the taxonomy images array
if( array_key_exists( $cat_id, $images ) ) { // check if term has an image
$category_image = wp_get_attachment_image_src( $images[$cat_id], 'full' ); // if it does, echo that image
}
$category_color = get_term_meta( $cat_id , 'category_color', true );
$url_exploded = explode('/', parse_url(get_the_permalink(), PHP_URL_PATH));
$parent_category = 'category-'.$url_exploded[1];
?>
<style>
<?php if(($category_image)||($category_color)): ?>
<?php if($category_image): ?>
#post-header {
background-image: url(<?php echo $category_image[0]; ?>);
background-size: cover;
}
<?php if($category_color): ?>
#post-content .post-content > p:first-of-type::first-letter {
color: <?php echo $category_color; ?>;
}
#post-content .post-content blockquote {
color: <?php echo $category_color; ?>;
}
#sidebar .related-posts .related-posts-title {
border-bottom-color: <?php echo $category_color; ?>;
}
<?php endif; ?>
<?php endif; ?>
<?php endif; ?>
.content_full_width{
width:100% !important;
max-width:100% !important;
flex-basis:100% !important;
}
</style>
<?php
$selected_template_name = get_field('selected_template_name');
$display_sidebar = true;
$extraclass = "";
// if($selected_template_name != 'template_1' && $selected_template_name != 'template_2' && $selected_template_name != 'template_3' && $selected_template_name != 'template_4' && $selected_template_name != 'template_6' && $selected_template_name != 'template_7'){
if($selected_template_name == 'template_1' || $selected_template_name == 'template_2' || $selected_template_name == 'template_3' || $selected_template_name == 'template_4' || $selected_template_name == 'template_6' || $selected_template_name == 'template_7'){
$display_sidebar = false;
$extraclass = "content_full_width";
}
?>
<main role="main" class="l-flex <?php echo $parent_category ?> custom-templates">
<div id="post-header">
<div class="l-container l-flex">
<div class="post-header-container">
<?php echo do_shortcode('[breadcrumb]'); ?>
<h1 class="post-title"><?php the_title(); ?></h1>
</div>
</div>
</div>
<div id="content-wrapper" class="l-container l-flex">
<section id="post-content" class="<?php echo $extraclass;?>">
<article <?php post_class('l-flex'); ?> id="post-<?php the_ID(); ?>">
<?php
$gallery = get_field('gallery_post');
$n = count($gallery);
if($gallery){
if($n > 1){
?>
<div id="post-slider" class="swiper-container">
<div class="swiper-wrapper">
<?php
foreach($gallery as $img){
$url = $img["image_gallery_post"]['url'];
$alt = $img["image_gallery_post"]['alt'];
$title = $img["image_gallery_post"]['title'];
$width = $img["image_gallery_post"]['width'];
$height = $img["image_gallery_post"]['height'];
if($width > $height){
?>
<div class="swiper-slide">
<figure class="slide">
<img class="slide-img" src="<?php echo $url; ?>" alt="<?php echo $alt; ?>" title="<?php echo $title; ?>" />
</figure>
</div>
<?php
}
}
?>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev"><i class="icon-arrow-left"></i></div>
<div class="swiper-button-next"><i class="icon-arrow-right"></i></div>
</div>
<?php if(get_field('image_credit')): ?>
<div class="img-credits"><?php the_field('image_credit') ?></div>
<?php endif; ?>
<?php
}
else{
$url = $gallery[0]["image_gallery_post"]['url'];
$alt = $gallery[0]["image_gallery_post"]['alt'];
$title = $gallery[0]["image_gallery_post"]['title'];
$width = $gallery[0]["image_gallery_post"]['width'];
$height = $gallery[0]["image_gallery_post"]['height'];
if($width > $height){
?>
<figure class="post-img">
<img class="slide-img" src="<?php echo $url; ?>" alt="<?php echo $alt; ?>" title="<?php echo $title; ?>" />
<?php if(get_field('image_credit')): ?>
<figcaption class="img-credits"><?php the_field('image_credit') ?></figcaption>
<?php endif; ?>
</figure>
<?php
}
}
}
elseif(has_post_thumbnail()){
if(has_post_video()){
?>
<figure class="post-img">
<?php the_post_thumbnail(); ?>
<?php if(get_field('image_credit')): ?>
<figcaption class="img-credits"><?php the_field('image_credit') ?></figcaption>
<?php endif; ?>
</figure>
<?php
}
else{
$image = wp_get_attachment_image_src(get_post_thumbnail_id($post->id), 'post-thumbnail');
if(($image[1] > 600) && ($image[1] > $image[2])):
?>
<figure class="post-img">
<?php the_post_thumbnail(); ?>
<?php if(get_field('image_credit')): ?>
<figcaption class="img-credits"><?php the_field('image_credit') ?></figcaption>
<?php endif; ?>
</figure>
<?php
endif;
}
}
?>
<div class="post-sharing">
<?php echo do_shortcode('[wp_social_sharing social_options="facebook, twitter,linkedin" facebook_text="" twitter_text="" linkedin_text="" icon_order="f,t,l"]'); ?>
</div>
<div class="post-data">
<!--<span class="post-author"><?php // the_author(); ?></span>-->
<span class="post-date"><?php the_date(); ?></span>
</div>
<h2 class="post-excerpt">
<?php echo get_the_excerpt(); ?>
</h2>
<div class="post-text">
<?php echo the_content(); ?>
</div>
<div class="inner-box-over">
<?php
if($selected_template_name == 'template_1'){
$image_full = get_field('image_full');
$left_text_title = get_field('left_text_title');
$left_description = get_field('left_description');
$right_text_title = get_field('right_text_title');
$right_description = get_field('right_description');
$left_text_title = get_field('left_text_title');
$video_full_url = get_field('video_full_url');
?>
<div class="full-img">
<img src="<?php echo $image_full; ?>" style="max-width: 100%;">
</div>
<div class="col-2-txt clearfix">
<div class="detailpart txt-block">
<h2><?php echo $left_text_title; ?></h2>
<?php echo $left_description; ?>
</div>
<div class="detailpart txt-block">
<h2><?php echo $right_text_title; ?></h2>
<?php echo $right_description; ?>
</div>
</div>
<div class="iframe">
<i> <img src="<?php bloginfo('template_directory'); ?>/img/playbutton.png" class="click-play" id="play-click"/> </i>
<iframe src="<?php echo $video_full_url; ?>" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen id="iframe-play"></iframe>
</div>
<?php } else if($selected_template_name == 'template_2'){
$temp_2_video_full_url = get_field('temp_2_video_full_url');
$temp_2_text_title = get_field('temp_2_text_title');
$temp_2_text_description = get_field('temp_2_text_description');
$temp_2_left_image = get_field('temp_2_left_image');
$temp_2_right_text_title = get_field('temp_2_right_text_title');
$temp_2_right_text_description = get_field('temp_2_right_text_description');
?>
<div class="iframe">
<i> <img src="<?php bloginfo('template_directory'); ?>/img/playbutton.png" class="click-play" id="play-click"/> </i>
<iframe src="<?php echo $temp_2_video_full_url; ?>" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen id="iframe-play"></iframe>
</div>
<div class="col-1-txt">
<div class="detailpart txt-block">
<h2><?php echo $temp_2_text_title; ?></h2>
<?php echo $temp_2_text_description; ?>
</div>
</div>
<div class="col-2-txt clearfix">
<div class="full-img txt-block pr-10">
<img src="<?php echo $temp_2_left_image; ?>" >
</div>
<div class="detailpart txt-block">
<h2><?php echo $temp_2_right_text_title; ?></h2>
<?php echo $temp_2_right_text_description; ?>
</div>
</div>
<?php } else if($selected_template_name == 'template_3'){
$temp_3_left_image = get_field('temp_3_left_image');
$temp_3_right_text_title = get_field('temp_3_right_text_title');
$temp_3_right_text_description = get_field('temp_3_right_text_description');
$temp_3_full_text_title = get_field('temp_3_full_text_title');
$temp_3_full_text_description = get_field('temp_3_full_text_description');
$temp_3_video_full_url = get_field('temp_3_video_full_url');
?>
<div class="col-2-txt clearfix">
<div class="full-img txt-block pr-10">
<img src="<?php echo $temp_3_left_image; ?>" >
</div>
<div class="detailpart txt-block">
<h2><?php echo $temp_3_right_text_title; ?></h2>
<?php echo $temp_3_right_text_description; ?>
</div>
</div>
<div class="col-1-txt">
<div class="detailpart txt-block">
<h2><?php echo $temp_3_full_text_title; ?></h2>
<?php echo $temp_3_full_text_description; ?>
</div>
</div>
<div class="iframe">
<i> <img src="<?php bloginfo('template_directory'); ?>/img/playbutton.png" class="click-play" id="play-click"/> </i>
<iframe src="<?php echo $temp_3_video_full_url; ?>" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen id="iframe-play"></iframe>
</div>
<?php } else if($selected_template_name == 'template_4'){
$temp_4_image_gallery = get_field('temp_4_image_gallery');
$temp_4_left_text_title = get_field('temp_4_left_text_title');
$temp_4_left_text_description = get_field('temp_4_left_text_description');
$temp_4_right_text_title = get_field('temp_4_right_text_title');
$temp_4_right_text_description = get_field('temp_4_right_text_description');
$temp_4_image_full = get_field('temp_4_image_full');
?>
<div id="post-slider" class="swiper-container">
<div class="swiper-wrapper">
<?php foreach ($temp_4_image_gallery as $image) { ?>
<div class="swiper-slide">
<figure class="slide">
<img class="slide-img" src="<?php echo $image['temp_4_image'];?>" />
</figure>
</div>
<?php } ?>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev"><i class="icon-arrow-left"></i></div>
<div class="swiper-button-next"><i class="icon-arrow-right"></i></div>
</div>
<div class="col-2-txt clearfix">
<div class="detailpart txt-block">
<h2><?php echo $temp_4_left_text_title;?></h2>
<?php echo $temp_4_left_text_description;?>
</div>
<div class="detailpart txt-block">
<h2><?php echo $temp_4_right_text_title;?></h2>
<?php echo $temp_4_right_text_description;?>
</div>
</div>
<div class="full-img">
<img src="<?php echo $temp_4_image_full;?>" >
</div>
<?php } else if($selected_template_name == 'template_5'){
$temp_5_left_video = get_field('temp_5_left_video');
$temp_5_right_text_title = get_field('temp_5_right_text_title');
$temp_5_right_text_description = get_field('temp_5_right_text_description');
$temp_5_left_text_title = get_field('temp_5_left_text_title');
$temp_5_left_text_description_second_line = get_field('temp_5_left_text_description_second_line');
$temp_5_right_text_title_second_line = get_field('temp_5_right_text_title_second_line');
$temp_5_right_text_description_second_line = get_field('temp_5_right_text_description_second_line');
$temp_5_image_gallery = get_field('temp_5_image_gallery');
?>
<div class="col-2-txt clearfix">
<div class="iframe txt-block left-video">
<i> <img src="<?php bloginfo('template_directory'); ?>/img/playbutton.png" class="click-play" id="play-click"/> </i>
<iframe src="<?php echo $temp_5_left_video;?>" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen id="iframe-play"></iframe>
</div>
<div class="detailpart txt-block">
<h2><?php echo $temp_5_right_text_title;?></h2>
<?php echo $temp_5_right_text_description;?>
</div>
</div>
<div class="col-2-txt clearfix">
<div class="detailpart txt-block">
<h2><?php echo $temp_5_left_text_title;?></h2>
<?php echo $temp_5_left_text_description_second_line;?>
</div>
<div class="detailpart txt-block">
<h2><?php echo $temp_5_right_text_title_second_line;?></h2>
<?php echo $temp_5_right_text_description_second_line;?>
</div>
</div>
<div id="post-slider" class="swiper-container">
<div class="swiper-wrapper">
<?php
foreach ($temp_5_image_gallery as $image) { ?>
<div class="swiper-slide">
<figure class="slide">
<img class="slide-img" src="<?php echo $image['temp_5_image'];?>" />
</figure>
</div>
<?php } ?>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev"><i class="icon-arrow-left"></i></div>
<div class="swiper-button-next"><i class="icon-arrow-right"></i></div>
</div>
<?php } else if($selected_template_name == 'template_6') {
$temp_6_image_full = get_field('temp_6_image_full');
$temp_6_full_text_title = get_field('temp_6_full_text_title');
$temp_6_full_text_description = get_field('temp_6_full_text_description');
$temp_6_image_gallery_left = get_field('temp_6_image_gallery_left');
$temp_6_video_url_right = get_field('temp_6_video_url_right');
?>
<div class="full-img">
<img src="<?php echo $temp_6_image_full;?>" >
</div>
<div class="col-1-txt">
<div class="detailpart txt-block">
<h2><?php echo $temp_6_full_text_title;?></h2>
<?php echo $temp_6_full_text_description;?>
</div>
</div>
<div class="col-2-txt clearfix">
<div id="post-slider" class="txt-block swiper-container half">
<div class="swiper-wrapper">
<?php
foreach ($temp_6_image_gallery_left as $image) {
?>
<div class="swiper-slide">
<figure class="slide">
<img class="slide-img" src="<?php echo $image['temp_6_image'];?>" />
</figure>
</div>
<?php
}
?>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev"><i class="icon-arrow-left"></i></div>
<div class="swiper-button-next"><i class="icon-arrow-right"></i></div>
</div>
<div class="iframe txt-block left-video">
<i> <img src="<?php bloginfo('template_directory'); ?>/img/playbutton.png" class="click-play" id="play-click"/> </i>
<iframe src="<?php echo $temp_6_video_url_right;?>" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen id="iframe-play"></iframe>
</div>
</div>
<?php } else if($selected_template_name == 'template_7'){
$temp_7_video_full_url = get_field('temp_7_video_full_url');
$temp_7_left_text_title = get_field('temp_7_left_text_title');
$temp_7_left_text_description = get_field('temp_7_left_text_description');
$temp_7_right_text_title = get_field('temp_7_right_text_title');
$temp_7_right_text_description = get_field('temp_7_right_text_description');
$temp_7_image_full = get_field('temp_7_image_full');
?>
<div class="iframe">
<i> <img src="<?php bloginfo('template_directory'); ?>/img/playbutton.png" class="click-play" id="play-click"/> </i>
<iframe src="<?php echo $temp_7_video_full_url; ?>" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen id="iframe-play"></iframe>
</div>
<div class="col-2-txt clearfix">
<div class="detailpart txt-block">
<h2><?php echo $temp_7_left_text_title; ?></h2>
<?php echo $temp_7_left_text_description; ?>
</div>
<div class="detailpart txt-block">
<h2><?php echo $temp_7_right_text_title; ?></h2>
<?php echo $temp_7_right_text_description; ?>
</div>
</div>
<div class="full-img">
<img src=" <?php echo $temp_7_image_full; ?>" style="max-width: 100%;">
</div>
<?php } else if($selected_template_name == 'template_8'){
$temp_8_left_text_title = get_field('temp_8_left_text_title');
$temp_8_left_text_description = get_field('temp_8_left_text_description');
$temp_8_right_image = get_field('temp_8_right_image');
$temp_8_chronology_title = get_field('temp_8_chronology_title');
$temp_8_chronology = get_field('temp_8_chronology');
$temp_8_full_text_title = get_field('temp_8_full_text_title');
$temp_8_full_text_description = get_field('temp_8_full_text_description');
?>
<div class="col-2-txt clearfix">
<div class="detailpart txt-block">
<h2><?php echo $temp_8_left_text_title ;?></h2>
<?php echo $temp_8_left_text_description ;?>
</div>
<div class="full-img txt-block">
<img src="<?php echo $temp_8_right_image ;?>" >
</div>
</div>
<!-- Chronology Start -->
<div class="list-title">
<h2> <?php echo $temp_8_chronology_title; ?></h2>
</div>
<div class="timeline_for_mobile">
<div class="owl-carousel mobile_timeline">
<?php foreach ($temp_8_chronology as $chronology) { ?>
<div class="timeline_cont item">
<p> <?php echo $chronology['temp_8_chronology_description']; ?></p>
<h2><?php echo $chronology['temp_8_year']; ?></h2>
<div class="timeline_profileimg">
<div class="profileimg" style="background-image:url('<?php echo $chronology['temp_8_chronology_image']; ?>')"></div>
</div>
</div>
<?php } ?>
</div>
</div>
<div class="timeline_for_desktop">
<div class="owl-carousel desktop_timeline">
<?php
$i = 0;
foreach ($temp_8_chronology as $chronology) {
if ( $i % 2 == 0) {?>
<div class="timeline_cont item top">
<p><?php echo $chronology['temp_8_chronology_description']; ?></p>
<div class="timeline_profileimg">
<div class="profileimg" style="background-image:url('<?php echo $chronology['temp_8_chronology_image']; ?>')"></div>
</div>
<h2><?php echo $chronology['temp_8_year']; ?></h2>
</div>
<?php }else{ ?>
<div class="timeline_cont item bottom">
<h2><?php echo $chronology['temp_8_year']; ?></h2>
<p> <?php echo $chronology['temp_8_chronology_description']; ?></p>
<div class="timeline_profileimg">
<div class="profileimg" style="background-image:url('<?php echo $chronology['temp_8_chronology_image']; ?>')"></div>
</div>
</div>
<?php } ?>
<?php $i++; } ?>
</div>
</div>
<!-- Chronology End -->
<div class="col-1-txt">
<div class="detailpart txt-block">
<h2><?php echo $temp_8_full_text_title ;?></h2>
<?php echo $temp_8_full_text_description ;?>
</div>
</div>
<?php } else if($selected_template_name == 'template_9'){
$temp_9_full_text_title = get_field('temp_9_full_text_title');
$temp_9_full_text_description = get_field('temp_9_full_text_description');
$temp_9_chronology_title = get_field('temp_9_chronology_title');
$temp_9_chronology = get_field('temp_9_chronology');
$temp_9_left_text_title = get_field('temp_9_left_text_title');
$temp_9_left_text_description = get_field('temp_9_left_text_description');
$temp_9_right_text_title = get_field('temp_9_right_text_title');
$temp_9_right_text_description = get_field('temp_9_right_text_description');
// echo "<pre>";
// print_r($temp_9_chronology); die;
?>
<div class="col-1-txt">
<div class="detailpart txt-block">
<h2> <?php echo $temp_9_full_text_title ;?></h2>
<?php echo $temp_9_full_text_description ;?>
</div>
</div>
<!-- Chronology Start -->
<div class="list-title">
<h2><?php echo $temp_9_chronology_title; ?></h2>
</div>
<div class="timeline_for_mobile">
<div class="owl-carousel mobile_timeline">
<?php foreach ($temp_9_chronology as $chronology) { ?>
<div class="timeline_cont item">
<p><?php echo $chronology['temp_9_chronology_description']; ?></p>
<h2><?php echo $chronology['temp_9_year']; ?></h2>
<div class="timeline_profileimg">
<div class="profileimg" style="background-image:url('<?php echo $chronology['temp_9_chronology_image']; ?>')"></div>
</div>
</div>
<?php } ?>
</div>
</div>
<div class="timeline_for_desktop">
<div class="owl-carousel desktop_timeline">
<?php
$i = 0;
foreach ($temp_9_chronology as $chronology) {
if ( $i % 2 == 0) {?>
<div class="timeline_cont item top">
<p><?php echo $chronology['temp_9_chronology_description']; ?></p>
<div class="timeline_profileimg">
<div class="profileimg" style="background-image:url('<?php echo $chronology['temp_9_chronology_image']; ?>')"></div>
</div>
<h2><?php echo $chronology['temp_9_year']; ?></h2>
</div>
<?php }else{ ?>
<div class="timeline_cont item bottom">
<h2><?php echo $chronology['temp_9_year']; ?></h2>
<p><?php echo $chronology['temp_9_chronology_description']; ?></p>
<div class="timeline_profileimg">
<div class="profileimg" style="background-image:url('<?php echo $chronology['temp_9_chronology_image']; ?>')"></div>
</div>
</div>
<?php } ?>
<?php $i++; } ?>
</div>
</div>
<!-- Chronology End -->
<div class="col-2-txt clearfix">
<div class="detailpart txt-block">
<h2> <?php echo $temp_9_left_text_title ;?></h2>
<?php echo $temp_9_left_text_description ;?>
</div>
<div class="detailpart txt-block">
<h2> <?php echo $temp_9_right_text_title ;?></h2>
<?php echo $temp_9_right_text_description ;?>
</div>
</div>
<?php } else if($selected_template_name == 'template_10'){
$temp_10_full_video_url = get_field('temp_10_full_video_url');
$temp_10_chronology_title = get_field('temp_10_chronology_title');
$temp_10_chronology = get_field('temp_10_chronology');
$temp_10_full_text_title = get_field('temp_10_full_text_title');
$temp_10_full_text_description = get_field('temp_10_full_text_description');
?>
<div class="iframe">
<i> <img src="<?php bloginfo('template_directory'); ?>/img/playbutton.png" class="click-play" id="play-click"/> </i>
<iframe src=" <?php echo $temp_10_full_video_url ;?>" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen id="iframe-play"></iframe>
</div>
<!-- Chronology Start -->
<div class="list-title">
<h2> <?php echo $temp_10_chronology_title; ?></h2>
</div>
<div class="timeline_for_mobile">
<div class="owl-carousel mobile_timeline">
<?php foreach ($temp_10_chronology as $chronology) { ?>
<div class="timeline_cont item">
<p><?php echo $chronology['temp_10_chronology_description']; ?></p>
<h2><?php echo $chronology['temp_10_year']; ?></h2>
<div class="timeline_profileimg">
<div class="profileimg" style="background-image:url('<?php echo $chronology['temp_10_chronology_image']; ?>')"></div>
</div>
</div>
<?php } ?>
</div>
</div>
<div class="timeline_for_desktop">
<div class="owl-carousel desktop_timeline">
<?php
$i = 0;
foreach ($temp_10_chronology as $chronology) {
if ( $i % 2 == 0) {?>
<div class="timeline_cont item top">
<p><?php echo $chronology['temp_10_chronology_description']; ?></p>
<div class="timeline_profileimg">
<div class="profileimg" style="background-image:url('<?php echo $chronology['temp_10_chronology_image']; ?>')"></div>
</div>
<h2><?php echo $chronology['temp_10_year']; ?></h2>
</div>
<?php }else{ ?>
<div class="timeline_cont item bottom">
<h2><?php echo $chronology['temp_10_year']; ?></h2>
<p><?php echo $chronology['temp_10_chronology_description']; ?></p>
<div class="timeline_profileimg">
<div class="profileimg" style="background-image:url('<?php echo $chronology['temp_10_chronology_image']; ?>')"></div>
</div>
</div>
<?php } ?>
<?php $i++; } ?>
</div>
</div>
<!-- Chronology End -->
<div class="col-1-txt">
<div class="detailpart txt-block">
<h2> <?php echo $temp_10_full_text_title ;?></h2>
<?php echo $temp_10_full_text_description ;?>
</div>
</div>
<?php } ?>
<?php if(function_exists("kk_star_ratings")) : echo kk_star_ratings(get_the_ID()); endif; ?>
</div>
<div class="post-tags">
<?php the_tags('', ''); ?>
</div>
<div class="post-sharing post-sharing-after">
<?php echo do_shortcode('[wp_social_sharing social_options="facebook, twitter,linkedin" facebook_text="" twitter_text="" linkedin_text="" icon_order="f,t,l"]'); ?>
</div>
</article>
<?php endwhile; ?>
</section>
<?php
if($display_sidebar){
get_sidebar();
}
?>
</div>
</main>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/owl.carousel.min.js"></script>
<script>
$(document).ready(function(){
$(".mobile_timeline").owlCarousel({
items:1,
nav:true,
});
$(".desktop_timeline").owlCarousel({
nav:true,
// /loop:true,
//autoWidth:true,
//center:true,
responsive:{
// 0:{
// items:1
// },
768:{
items:2
},
992:{
items:3
},
1201:{
items:4
}
}
});
$('.timeline-nav-button--next').click(function(){
//$('.timeline__item').removeClass('active');
//$('.timeline__items .active').next().addClass('active');
});
$('.desktop_timeline .owl-item ').each(function(index){
if(index == 0){
$(this).addClass('current_active');
}
});
$('.desktop_timeline .owl-item ').click(function(){
$('.desktop_timeline .owl-item.active').removeClass('current_active');
$(this).addClass('current_active');
});
$(".slider-img").owlCarousel({
items:1,
nav:true,
});
$(".slider-video").owlCarousel({
items:1,
videoHeight: 420,
center:true,
video:true
//merge:true,
//loop:true,
//margin:10,
//videoWidth: false,
});
$(document).on("click", ".timeline .timeline__item", function(){
$('.timeline__item').removeClass('active');
$(this).addClass('active');
});
});
</script>
<?php get_footer(); ?>