Dear bdbrown,
many thanks for important hints. So now I seem to have managed add the flexslider on the home page, but it does not appear there as apparently it is not formatted properly. I had some style formatting in style.css file in my child theme so I removed it but this did not help. Any tips what could go wrong? My current set up is the following.
I have a homepage template in my child theme which I created by taking the child-menu.php from the Hueman theme and I added a line to include the flexslider. This is the code for my home page:
<?php
/*
Template Name: Domovska stranka (SKM)
*/
?>
<?php get_header(); ?>
<section class="content">
<?php get_template_part('parts/page-title'); ?>
<div class="pad group">
<?php get_template_part('parts/featured'); ?>
<?php while ( have_posts() ): the_post(); ?>
<article <?php post_class('group'); ?>>
<?php get_template_part('parts/page-image'); ?>
<div class="entry themeform">
<?php the_content(); ?>
<div class="clear"></div>
</div><!--/.entry-->
</article>
<?php if ( hu_is_checked('page-comments') ) { comments_template('/comments.php',true); } ?>
<?php endwhile; ?>
</div><!--/.pad-->
</section><!--/.content-->
<?php get_sidebar(); ?>
<?php get_footer(); ?>
Then I removed is_home && from the featured.php, so now it looks as follows:
<?php
// Query featured entries
$featured = new WP_Query(
array(
'no_found_rows' => false,
'update_post_meta_cache' => false,
'update_post_term_cache' => false,
'ignore_sticky_posts' => 1,
'posts_per_page' => hu_get_option('featured-posts-count'),
'cat' => hu_get_option('featured-category')
)
);
?>
<?php if ( !is_paged() && ( hu_get_option('featured-posts-count') =='1') && $featured->have_posts() ): // No slider if 1 post is featured ?>
<div class="featured">
<?php while ( $featured->have_posts() ): $featured->the_post(); ?>
<?php get_template_part('content-featured'); ?>
<?php endwhile; ?>
</div><!--/.featured-->
<?php elseif ( !is_paged() && ( hu_get_option('featured-posts-count') !='0') && $featured->have_posts() ): // Show slider if posts are not 1 or 0 ?>
<script type="text/javascript">
// Check if first slider image is loaded, and load flexslider on document ready
jQuery(function($){
var firstImage = $('#flexslider-featured').find('img').filter(':first'),
checkforloaded = setInterval(function() {
var image = firstImage.get(0);
if (image.complete || image.readyState == 'complete' || image.readyState == 4) {
clearInterval(checkforloaded);
$('#flexslider-featured').flexslider({
animation: "slide",
useCSS: false, // Fix iPad flickering issue
directionNav: true,
controlNav: true,
pauseOnHover: true,
animationSpeed: 400,
smoothHeight: true,
touch: <?php echo apply_filters('hu_flexslider_touch_support' , true); ?>,
slideshow: <?php echo hu_is_checked('featured-slideshow') ? 'true' : 'false'; ?>,
slideshowSpeed: <?php echo hu_get_option('featured-slideshow-speed', 5000); ?>,
});
}
}, 20);
});
</script>
<div class="featured flexslider" id="flexslider-featured">
<ul class="slides">
<?php while ( $featured->have_posts() ): $featured->the_post(); ?>
<li>
<?php get_template_part('content-featured'); ?>
</li>
<?php endwhile; ?>
</ul>
</div><!--/.featured-->
<?php endif; ?>
<?php wp_reset_postdata(); ?>
With these changes I get the flexslider on the home page, but without proper formatting.
Any ideas appreciated!
