• On the homepage there is a latest news section that slides through all of the blogs automatically. I am copying the Latest News PHP file code below and my client wants to turn the automatic sliding effect off. Can someone tell me what I am supposed to edit in order to turn the sliding effect off but still have the arrows to click on to get to the next set of blogs.

    [ Moderator note: code fixed. Please wrap code in the backtick character or use the code button. ]

    
    <?php
    
    	$zerif_total_posts = get_option('posts_per_page'); /* number of latest posts to show */
    	
    	if( !empty($zerif_total_posts) && ($zerif_total_posts > 0) ):
    
    		zerif_before_latest_news_trigger();
    	
    		echo '<section class="latest-news" id="latestnews">';
    
    			zerif_top_latest_news_trigger();
    		
    			echo '<div class="container">';
    
    				/* SECTION HEADER */
    				
    				echo '<div class="section-header">';
    
    					/* Title */
    					zerif_latest_news_header_title_trigger();
    
    					/* Subtitle */
    					zerif_latest_news_header_subtitle_trigger();
    				
    				echo '</div><!-- END .section-header -->';
    
    				echo '<div class="clear"></div>';
    				
    				echo '<div id="carousel-homepage-latestnews" class="carousel slide" data-ride="carousel">';
    					
    					/* Wrapper for slides */
    					
    					echo '<div class="carousel-inner" role="listbox">';
    
    						$zerif_latest_loop = new WP_Query( apply_filters( 'zerif_latest_news_parameters', array( 'post_type' => 'post', 'posts_per_page' => $zerif_total_posts, 'order' => 'DESC','ignore_sticky_posts' => true )) );
    
    						$newSlideActive = '<div class="item active">';
    						$newSlide 		= '<div class="item">';
    						$newSlideClose 	= '<div class="clear"></div></div>';
    						$i_latest_posts= 0;
    						
    						if ( $zerif_latest_loop->have_posts() ) :
    						
    							while ( $zerif_latest_loop->have_posts() ) : $zerif_latest_loop->the_post();
    								
    								$i_latest_posts++;
    
    								if ( !wp_is_mobile() ){
    
    										if($i_latest_posts == 1){
    											echo $newSlideActive;
    										}
    										else if($i_latest_posts % 4 == 1){
    											echo $newSlide;
    										}
    									
    										echo '<div class="col-sm-3 latestnews-box">';
    
    											echo '<div class="latestnews-img">';
    											
    												echo '<a href="'.esc_url( get_permalink() ).'" title="'.esc_attr( get_the_title() ).'">';
    
    													if ( has_post_thumbnail() ) :
    														the_post_thumbnail();
    													else:
    														echo '<img src="'.esc_url( get_template_directory_uri() ).'/images/blank-latestposts.png" alt="'.esc_attr( get_the_title() ).'" />';
    													endif; 
    
    												echo '</a>';
    												
    											echo '</div>';
    
    											echo '<div class="latesnews-content">';
    
    												echo '<h3 class="latestnews-title"><a href="'.esc_url( get_permalink() ).'" title="'.esc_attr( get_the_title() ).'">'.wp_kses_post( get_the_title() ).'</a></h3>';
    
    												$ismore = @strpos( $post->post_content, '<!--more-->');
    												
    												if($ismore) {
    													the_content( sprintf( esc_html__('[...]','zerif-lite'), '<span class="screen-reader-text">'.esc_html__('about ', 'zerif-lite').get_the_title().'</span>' ) );
    												} else {
    													the_excerpt();
    												}
    
    											echo '</div>';
    
    										echo '</div><!-- .latestnews-box"> -->';
    
    										/* after every four posts it must closing the '.item' */
    										if($i_latest_posts % 4 == 0){
    											echo $newSlideClose;
    										}
    
    								} else {
    
    									if( $i_latest_posts == 1 ) $active = 'active'; else $active = ''; 
    			
    									echo '<div class="item '.$active.'">';
    										echo '<div class="col-md-3 latestnews-box">';
    											echo '<div class="latestnews-img">';
    												echo '<a href="'.get_permalink().'" title="'.get_the_title().'">';
    													if ( has_post_thumbnail() ) :
    														the_post_thumbnail();
    													else:
    														echo '<img src="'.esc_url( get_template_directory_uri() ).'/images/blank-latestposts.png" alt="'.esc_attr( get_the_title() ).'" />';
    													endif; 
    												echo '</a>';
    											echo '</div>';
    											echo '<div class="latesnews-content">';
    												echo '<h3 class="latestnews-title"><a href="'.esc_url( get_permalink() ).'" title="'.esc_attr( get_the_title() ).'">'.wp_kses_post( get_the_title() ).'</a></h3>';
    												
    												$ismore = @strpos( $post->post_content, '<!--more-->');
    												
    												if($ismore) {
    													the_content( sprintf( esc_html__('[...]','zerif-lite'), '<span class="screen-reader-text">'.esc_html__('about ', 'zerif-lite').get_the_title().'</span>' ) );
    												} else {
    													the_excerpt();
    												}
    											echo '</div>';
    										echo '</div>';
    									echo '</div>';
    								}
    							
    							endwhile;
    						
    						endif;	
    
    						if ( !wp_is_mobile() ) {
    
    							// if there are less than 10 posts
    							if($i_latest_posts % 4!=0){
    								echo $newSlideClose;
    							}
    
    						}
    
    						wp_reset_postdata(); 
    						
    					echo '</div><!-- .carousel-inner -->';
    
    					/* Controls */
    					echo apply_filters( 'zerif_latest_news_left_arrow','<a href="#carousel-homepage-latestnews">
    						<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    						<span class="sr-only">'.__('Previous','zerif-lite').'</span>
    					</a>' );
    					echo apply_filters( 'zerif_latest_news_right_arrow','<a href="#carousel-homepage-latestnews">
    						<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    						<span class="sr-only">'.__('Next','zerif-lite').'</span>
    					</a>' );
    				echo '</div><!-- #carousel-homepage-latestnews -->';
    
    			echo '</div><!-- .container -->';
    
    			zerif_bottom_latest_news_trigger();
    
    		echo '</section>';
    
    	zerif_after_latest_news_trigger();
    
    endif; ?>
    
    • This topic was modified 8 years, 5 months ago by Geoffrey Shilling. Reason: Large amount of code removed
    • This topic was modified 8 years, 5 months ago by Jan Dembowski. Reason: Fixed code block
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to stop the sliding in latest news(Blog)on homepage in PHP’ is closed to new replies.