• Hello –
    Very cool theme!!!
    I just can’t get the home page slider to work properly, my images do not appear. I only see the demo image of the vintage motorcycle and the text from my post.

    I’ve set my homepage to “Recent Post”. I’ve created “Slideshow” category. I’ve added 2 new posts with the following setting (format = image / category = slideshow / featured image added).

    In Modality theme options, the “Theme Image Slider” is set to category = slideshow.

    What have I missed?
    Please advise.

    https://almadentea.com

    Thanks in advance.
    Mo.

Viewing 2 replies - 1 through 2 (of 2 total)
  • ollie

    (@librarianollie)

    Hey, I found this somewhere, but can’t remember where, but if you copy and paste this code into the modality-image-slider.php file, it should work. It did for me.

    <?php
    /**
     * Modality functions and definitions
     *
     * @package Modality
     */
    
    function modality_slider() {
    global $post;
    $modality_theme_options = modality_get_options( 'modality_theme_options' );
    $slider_cat = $modality_theme_options['image_slider_cat'];
    $num_of_slides = $modality_theme_options['slider_num'];
    $button_text = $modality_theme_options['caption_button_text'];
    
    $modality_slider_query = new WP_Query(
    	array(
    		'posts_per_page' => $num_of_slides,
    		'cat' 	=> $slider_cat
    	)
    );?>
    <div class="clear"></div>
    <div class="banner">
    	<ul>
    	<?php while ( $modality_slider_query->have_posts() ): $modality_slider_query->the_post(); ?>
    		<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
    		<li style="background: url(<?php echo esc_url($image[0]); ?>) 50% 0 no-repeat;background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;">
    		<?php if ($modality_theme_options['captions_on'] == '1') { ?>
    			<div class="inner">
    				<a class="post-title" href="<?php the_permalink() ?>"><h1><?php the_title(); ?></h1></a>
    				<?php the_excerpt(); ?>
    			</div>
    			<?php if ($modality_theme_options['captions_button'] == '1') { ?>
    				<a href="<?php the_permalink() ?>" class="btn"><?php echo $button_text ?></a>
    			<?php }; ?>
    		<?php }; ?>
    		</li>
    	<?php endwhile; wp_reset_query(); ?>
    	</ul>
    </div>
    <div class="clear"></div>
    
    <?php
    }
    
    function modality_localize_scripts(){
    	wp_enqueue_script( 'slides', get_template_directory_uri() .'/js/slides.js' , array( 'jquery' ), '', true );
    	$modality_theme_options = modality_get_options( 'modality_theme_options' );
    	$animation_speed = $modality_theme_options['animation_speed'];
    	$slideshow_speed = $modality_theme_options['slideshow_speed'];
    		$datatoBePassed = array(
            	'slideshowSpeed' => $slideshow_speed,
            	'animationSpeed' => $animation_speed,
        	);
    	wp_localize_script( 'slides', 'php_vars', $datatoBePassed );
    }
    
    add_action( 'wp_enqueue_scripts', 'modality_localize_scripts' );
    Tara

    (@tara_spence)

    Thank you @librarianollie – I was having the exact same issue – and the code above worked perfectly! Thanks again.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Post Feature Images Do Not Appear On Home Page Slider’ is closed to new replies.