[mayapour]

After following this link :
https://catchthemes.com/theme-instructions/catch-responsive/#featured-slider

I have few images on my slider but the text (page’s name) worked on the picture but not anymore … there is no text, just cycle button.

How can I do ?

[Orlando Mergal]

Gentlemen:

I just finished redoing our business website (http://www.accuratecommunications.com) using your Cache Responsive Pro theme and I’m quite proud of how it looks. However, there’s one problem that I can’t put my finger on.

I created a Featured Images Slider with 11 images. However, I can’t get them to appear in the order that I entered them. Instead, they appear in a random order.

I’m sure there has to be a setting where I can fix this but I simply can’t find it.

Can you help?

Best regards,

Orlando Mergal

[Mahesh]

@uliu: Clean Business theme has two types of slider,
1. Demo Featured Slider : Content / Images cannot be edited
2. Featured Page Slider : Displays Pages content and Featured Image as Slider. (The content you put in page will be displayed here).
Clean Business Free version is limited to these two options. If you want to have custom Image, Content and Links, I recommend you to upgrade to Pro version. There is already Featured Image Slider option in Pro version.
https://catchthemes.com/themes/clean-business-pro/

Regards,
Mahesh

[Mahesh]

@rheja:
Hi Jap,

For this, you’ll need to create a child theme. You can find more on creating child theme HERE. Then in you child theme’s functions.php add the following codes:

function fullframe_featured_slider() {
	global $post, $wp_query;
	//fullframe_flush_transients();
	// get data value from options
	$options 		= fullframe_get_theme_options();
	$enableslider 	= $options['featured_slider_option'];
	$sliderselect 	= $options['featured_slider_type'];
	$imageloader	= isset ( $options['featured_slider_image_loader'] ) ? $options['featured_slider_image_loader'] : 'true';

	// Get Page ID outside Loop
	$page_id = $wp_query->get_queried_object_id();

	// Front page displays in Reading Settings
	$page_on_front = get_option('page_on_front') ;
	$page_for_posts = get_option('page_for_posts');

	if ( $enableslider == 'entire-site' || ( ( is_front_page() || ( is_home() && $page_for_posts != $page_id ) ) && $enableslider == 'homepage' ) ) {
		if( ( !$fullframe_featured_slider = get_transient( 'fullframe_featured_slider' ) ) ) {
			echo '<!-- refreshing cache -->';

			$fullframe_featured_slider = '
				<section id="feature-slider">
					<div class="wrapper">
						<div class="cycle-slideshow"
						    data-cycle-log="false"
						    data-cycle-pause-on-hover="true"
						    data-cycle-swipe="true"
						    data-cycle-random="true"
						    data-cycle-auto-height=container
						     data-cycle-fx="'. esc_attr( $options['featured_slide_transition_effect'] ) .'"
							data-cycle-speed="'. esc_attr( $options['featured_slide_transition_length'] ) * 1000 .'"
							data-cycle-timeout="'. esc_attr( $options['featured_slide_transition_delay'] ) * 1000 .'"
							data-cycle-loader="'. esc_attr( $imageloader ) .'"
							data-cycle-slides="> article"
							>

						    <!-- prev/next links -->
						    <div class="cycle-prev"></div>
						    <div class="cycle-next"></div>

						    <!-- empty element for pager links -->
	    					<div class="cycle-pager"></div>';

							// Select Slider
							if ( $sliderselect == 'demo-featured-slider' && function_exists( 'fullframe_demo_slider' ) ) {
								$fullframe_featured_slider .=  fullframe_demo_slider( $options );
							}
							else if ( $sliderselect == 'featured-post-slider' && function_exists( 'fullframe_post_slider' ) ) {
								$fullframe_featured_slider .=  fullframe_post_slider( $options );
							}
							elseif ( $sliderselect == 'featured-page-slider' && function_exists( 'fullframe_page_slider' ) ) {
								$fullframe_featured_slider .=  fullframe_page_slider( $options );
							}
							elseif ( $sliderselect == 'featured-category-slider' && function_exists( 'fullframe_category_slider' ) ) {
								$fullframe_featured_slider .=  fullframe_category_slider( $options );
							}
							elseif ( $sliderselect == 'featured-image-slider' && function_exists( 'fullframe_image_slider' ) ) {
								$fullframe_featured_slider .=  fullframe_image_slider( $options );
							}

			$fullframe_featured_slider .= '
						</div><!-- .cycle-slideshow -->
					</div><!-- .wrapper -->
				</section><!-- #feature-slider -->';

			set_transient( 'fullframe_featured_slider', $fullframe_featured_slider, 86940 );
		}
		echo $fullframe_featured_slider;
	}
}

Regards,
Mahesh

[uliu]

I see in the documentation that I can go to Customize >Featured Slider and choose
where to enable the slider and select slider type, but I don’t see where I can edit the images and text that’s displayed. Also wondering if I can have different slider content on each page.

[Rheja]

Hello,

I really like the theme and all functions. But now I have a question about the featured image slider on my homepage.

I want the pictures to randomize everitime someone is opening that page. So the images will not show the same image first every time.

I want to use like 10 images and it would be great if sometimes the last is showing first and the first one is showing 5th.. etc

Is that possible (I Really hope)

My site is Rheja.com

Regards

jap

[ThemeCatcher]

Hi there,
I’m looking for a way to place a widget (e.g. simple text box) besides the Featured Slider (horizontally aligned).
Is this even possible within the Catch Responsive Theme? All layout options of the theme (Customizing->Theme Options->Layou Options) seem to refer on the area beneath the Featured Slider.

Any hint is highly appreciated!

[Pratik]

I checked your site and you are using Free version of Featured Content and Slider.
The free version have Featured Page Content and Featured Page Slider so adding new posts should not hamper them at all.

They are loading fine when I checked.

[Pratik]

HI JPSSAU,

Custom Image slider is not present in Catch Responsive Free theme. If you want custom Image slider + a lot of other features, it would be better to upgrade to Pro version.
Checkout other features: https://catchthemes.com/theme-instructions/catch-responsive-pro/

Free version has featured page sliders, which means, you can add featured images to pages and use them as sliders. For this, please follow the instructions at https://catchthemes.com/theme-instructions/catch-responsive/#featured-slider

Regards,
Pratik

[Paskanat]

I’ve recently installed this theme and I choose content for featured slider and featured content. When I publish a new post everything messed up – the new post appeared twice in the featured slider and three times in featured content. When I log in and go to settings, I see the content I’ve chosen, not the new post. What’s causing this problem?

[Mahesh]

@agenciabrushup: Thank you for using Clean Business Pro theme.
Sorry, we don’t have the video tutorial for that yet. On the first one TOEFL, you have managed to use the Image Slider.
For the same in the second one IELTS too, go to Dashboard=> Appearance=> Customize=> Featured Slider and select Featured Image Slider in Select Slider Type dropdown. Then some option Featured Slide # will appear, put your desired Image and Content there and click Save & Publish

Hope this helps. Let me know if any problem.

Note: You have posted the support in the Catch Adaptive Pro theme category, please post in appropriate theme category.

Regards,
Mahesh

[Mahesh]

@bebou:
Hi Beata,

Catch Adaptive Free has limited options. You can only select Pages or Demo content as Featured slider. For other options such as Posts, Category or Custom/Image as Featured Slider, I recommend you to upgrade to Pro version.

Regards,
Mahesh

[bebou]

Hi,

I would like to add a slider with feature images of my favourite posts. I don’t see such an option in the theme (except for the Featured Content, but this feature seems to use only pages as opposed to posts). I downloaded Advanced Post Slider plugin, but I don’t know how to activate it in your theme. Can you please let me know if there is an easy way to add a slider to this theme and where can I place it?

Regards,

Beata Swist
email: [email protected]
http://www.beataintheworld.com

[RMS]

HI Mahesh – thanks for your response.

There is no space at the beginning of the files. Header.php has multiple <?php tags – I can’t tell if there is a problem with any of the other tags.
Code below:
<?php
/**
* The Header for our theme.
*
* Displays all of the <head> section and everything up till <div id=”main”>
*
* @package Catch Themes
* @subpackage Adventurous
* @since Adventurous 1.0
*/
?>
<!DOCTYPE html>
<!–[if IE 6]>
<html id=”ie6″ <?php language_attributes(); ?>>
<![endif]–>
<!–[if IE 7]>
<html id=”ie7″ <?php language_attributes(); ?>>
<![endif]–>
<!–[if IE 8]>
<html id=”ie8″ <?php language_attributes(); ?>>
<![endif]–>
<!–[if !(IE 6) | !(IE 7) | !(IE 8) ]><!–>
<html <?php language_attributes(); ?>>
<!–<![endif]–>
<head>
<meta charset=”<?php bloginfo( ‘charset’ ); ?>” />
<link rel=”profile” href=”http://gmpg.org/xfn/11&#8243; />
<link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>” />
<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

<?php
/**
* adventurous_before hook
*/
do_action( ‘adventurous_before’ ); ?>

<div id=”page” class=”hfeed site”>

<?php
/**
* adventurous_before_header hook
*
* HOOKED_FUNCTION_NAME PRIORITY
*
* adventurous_header_top 10
*/
do_action( ‘adventurous_before_header’ ); ?>

<header id=”masthead”>

<?php
/**
* adventurous_before_hgroup_wrap hook
*
* HOOKED_FUNCTION_NAME PRIORITY
*
* adventurous_promotion_display 20
*/
do_action( ‘adventurous_before_hgroup_wrap’ ); ?>

<div id=”hgroup-wrap” class=”container”>

<?php
/**
* adventurous_hgroup_wrap hook
*
* HOOKED_FUNCTION_NAME PRIORITY
*
* adventurous_header_image 10
* adventurous_header_right 20
*/
do_action( ‘adventurous_hgroup_wrap’ ); ?>

</div><!– #hgroup-wrap –>

<?php
/**
* adventurous_after_hgroup_wrap hook
*
* HOOKED_FUNCTION_NAME PRIORITY
*
* adventurous_homepage_featured_position 10
*/
do_action( ‘adventurous_after_hgroup_wrap’ ); ?>

</header><!– #masthead .site-header –>

<?php
/**
* adventurous_after_header hook
*/
do_action( ‘adventurous_after_header’ ); ?>

<div id=”main-wrapper”>
<?php
/**
* adventurous_before_main hook
*
* HOOKED_FUNCTION_NAME PRIORITY
*
* adventurous_featured_overall_image value after header 5
* adventurous_secondary_menu 10
* content_sidebar_check 20
* adventurous_slider_display 40
* adventurous_homepage_headline value after slider 60
* adventurous_homepage_featured_display 80
*/
do_action( ‘adventurous_before_main’ ); ?>

<?php
/**
* adventurous_main hook
*
* HOOKED_FUNCTION_NAME PRIORITY
*
* adventurous_main_wrapper 10
*/
do_action( ‘adventurous_main’ ); ?>

<?php
/**
* adventurous_content_sidebar hook
*
* HOOKED_FUNCTION_NAME PRIORITY
*
* adventurous_content_sidebar_wrapper 10
* adventurous_breadcrumb_display 20
*/
do_action( ‘adventurous_content_sidebar’ ); ?>

[Roland]

Hi Mahesh,

I’m afraid I can’t get this to work, perhaps I’ve inserted it incorrectly into the child theme functions.php? Here’s the file:

<?php
/**
 * Child Theme functions and definitions
 *
 */
add_action( 'wp_enqueue_scripts', 'catchkathmandu_child_enqueue_styles' );
function catchkathmandu_child_enqueue_styles() {
    wp_enqueue_style( 'catchkathmandu-parent-style', get_template_directory_uri() . '/style.css' );
}
function catchkathmandu_post_sliders() {
	//delete_transient( 'catchkathmandu_post_sliders' );

	global $post;
	global $catchkathmandu_options_settings;
   	$options = $catchkathmandu_options_settings;

	if( ( !$catchkathmandu_post_sliders = get_transient( 'catchkathmandu_post_sliders' ) ) && !empty( $options[ 'featured_slider' ] ) ) {
		echo '<!-- refreshing cache -->';

		$catchkathmandu_post_sliders = '
		<div id="main-slider" class="container">
        	<section class="featured-slider">';
				$get_featured_posts = new WP_Query( array(
					'posts_per_page' => $options[ 'slider_qty' ],
					'post__in'		 => $options[ 'featured_slider' ],
					'orderby' 		 => 'post__in',
					'ignore_sticky_posts' => 1 // ignore sticky posts
				));
				$i=0; while ( $get_featured_posts->have_posts()) : $get_featured_posts->the_post(); $i++;
					$title_attribute = apply_filters( 'the_title', get_the_title( $post->ID ) );
					$excerpt = get_the_excerpt();
					if ( $i == 1 ) { $classes = 'post postid-'.$post->ID.' hentry slides displayblock'; } else { $classes = 'post postid-'.$post->ID.' hentry slides displaynone'; }
					$catchkathmandu_post_sliders .= '
					<article class="'.$classes.'">
						<figure class="slider-image">
							'. get_the_post_thumbnail( $post->ID, 'slider', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ), 'class'	=> 'pngfix' ) ).'
						</figure>
						<div class="entry-container">
							<header class="entry-header">
								<h1 class="entry-title">
									<a title="Permalink to '.the_title('','',false).'" href="' . get_permalink() . '">'.the_title( '<span>','</span>', false ).'</a>
								</h1>
								<div class="assistive-text">'.catchkathmandu_page_post_meta().'</div>
							</header>';
							if( $excerpt !='') {
								$catchkathmandu_post_sliders .= '<div class="entry-content">'. $excerpt.'</div>';
							}
							$catchkathmandu_post_sliders .= '
						</div>
					</article><!-- .slides -->';
				endwhile; wp_reset_query();
				$catchkathmandu_post_sliders .= '
			</section>
        	<div id="slider-nav">
        		<a class="slide-previous"><</a>
        		<a class="slide-next">></a>
        	</div>
        	<div id="controllers"></div>
  		</div><!-- #main-slider -->';

	set_transient( 'catchkathmandu_post_sliders', $catchkathmandu_post_sliders, 86940 );
	}
	echo $catchkathmandu_post_sliders;
} // catchkathmandu_post_sliders

/**
 * Loading Parent theme stylesheet
 *
 */

Kind regards,

Roland

[Roland]

Hi Mahesh,

Thanks for responding so quickly.

Unfortunately this doesn’t seem to work, probably because I have wrongly inserted your code. Here’s my functions.php with your code inserted:

<?php
/**
* Child Theme functions and definitions
*
*/
add_action( ‘wp_enqueue_scripts’, ‘catchkathmandu_child_enqueue_styles’ );
function catchkathmandu_child_enqueue_styles() {
wp_enqueue_style( ‘catchkathmandu-parent-style’, get_template_directory_uri() . ‘/style.css’ );
}
function catchkathmandu_post_sliders() {
//delete_transient( ‘catchkathmandu_post_sliders’ );

global $post;
global $catchkathmandu_options_settings;
$options = $catchkathmandu_options_settings;

if( ( !$catchkathmandu_post_sliders = get_transient( ‘catchkathmandu_post_sliders’ ) ) && !empty( $options[ ‘featured_slider’ ] ) ) {
echo ‘<!– refreshing cache –>’;

$catchkathmandu_post_sliders = ‘
<div id=”main-slider” class=”container”>
<section class=”featured-slider”>’;
$get_featured_posts = new WP_Query( array(
‘posts_per_page’ => $options[ ‘slider_qty’ ],
‘post__in’ => $options[ ‘featured_slider’ ],
‘orderby’ => ‘post__in’,
‘ignore_sticky_posts’ => 1 // ignore sticky posts
));
$i=0; while ( $get_featured_posts->have_posts()) : $get_featured_posts->the_post(); $i++;
$title_attribute = apply_filters( ‘the_title’, get_the_title( $post->ID ) );
$excerpt = get_the_excerpt();
if ( $i == 1 ) { $classes = ‘post postid-‘.$post->ID.’ hentry slides displayblock’; } else { $classes = ‘post postid-‘.$post->ID.’ hentry slides displaynone’; }
$catchkathmandu_post_sliders .= ‘
<article class=”‘.$classes.'”>
<figure class=”slider-image”>
‘. get_the_post_thumbnail( $post->ID, ‘slider’, array( ‘title’ => esc_attr( $title_attribute ), ‘alt’ => esc_attr( $title_attribute ), ‘class’ => ‘pngfix’ ) ).’
</figure>
<div class=”entry-container”>
<header class=”entry-header”>
<h1 class=”entry-title”>
‘.the_title( ‘<span>’,'</span>’, false ).’
</h1>
<div class=”assistive-text”>’.catchkathmandu_page_post_meta().'</div>
</header>’;
if( $excerpt !=”) {
$catchkathmandu_post_sliders .= ‘<div class=”entry-content”>’. $excerpt.'</div>’;
}
$catchkathmandu_post_sliders .= ‘
</div>
</article><!– .slides –>’;
endwhile; wp_reset_query();
$catchkathmandu_post_sliders .= ‘
</section>
<div id=”slider-nav”>
<
>
</div>
<div id=”controllers”></div>
</div><!– #main-slider –>’;

set_transient( ‘catchkathmandu_post_sliders’, $catchkathmandu_post_sliders, 86940 );
}
echo $catchkathmandu_post_sliders;
} // catchkathmandu_post_sliders

/**
* Loading Parent theme stylesheet
*
*/

Kind regards,

Roland

[Mahesh]

@rolandallen: Thought you were using Category Slider. 🙂
For Post Slider, add the following code intead:

function catchkathmandu_post_sliders() {
	//delete_transient( 'catchkathmandu_post_sliders' );

	global $post;
	global $catchkathmandu_options_settings;
   	$options = $catchkathmandu_options_settings;

	if( ( !$catchkathmandu_post_sliders = get_transient( 'catchkathmandu_post_sliders' ) ) && !empty( $options[ 'featured_slider' ] ) ) {
		echo '<!-- refreshing cache -->';

		$catchkathmandu_post_sliders = '
		<div id="main-slider" class="container">
        	<section class="featured-slider">';
				$get_featured_posts = new WP_Query( array(
					'posts_per_page' => $options[ 'slider_qty' ],
					'post__in'		 => $options[ 'featured_slider' ],
					'orderby' 		 => 'post__in',
					'ignore_sticky_posts' => 1 // ignore sticky posts
				));
				$i=0; while ( $get_featured_posts->have_posts()) : $get_featured_posts->the_post(); $i++;
					$title_attribute = apply_filters( 'the_title', get_the_title( $post->ID ) );
					$excerpt = get_the_excerpt();
					if ( $i == 1 ) { $classes = 'post postid-'.$post->ID.' hentry slides displayblock'; } else { $classes = 'post postid-'.$post->ID.' hentry slides displaynone'; }
					$catchkathmandu_post_sliders .= '
					<article class="'.$classes.'">
						<figure class="slider-image">
							'. get_the_post_thumbnail( $post->ID, 'slider', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ), 'class'	=> 'pngfix' ) ).'
						</figure>
						<div class="entry-container">
							<header class="entry-header">
								<h1 class="entry-title">
									<a title="Permalink to '.the_title('','',false).'" href="' . get_permalink() . '">'.the_title( '<span>','</span>', false ).'</a>
								</h1>
								<div class="assistive-text">'.catchkathmandu_page_post_meta().'</div>
							</header>';
							if( $excerpt !='') {
								$catchkathmandu_post_sliders .= '<div class="entry-content">'. $excerpt.'</div>';
							}
							$catchkathmandu_post_sliders .= '
						</div>
					</article><!-- .slides -->';
				endwhile; wp_reset_query();
				$catchkathmandu_post_sliders .= '
			</section>
        	<div id="slider-nav">
        		<a class="slide-previous"><</a>
        		<a class="slide-next">></a>
        	</div>
        	<div id="controllers"></div>
  		</div><!-- #main-slider -->';

	set_transient( 'catchkathmandu_post_sliders', $catchkathmandu_post_sliders, 86940 );
	}
	echo $catchkathmandu_post_sliders;
} // catchkathmandu_post_sliders

Regards,
Mahesh

[maeva]

I can’t do that because i haven’t “featured slider” in “customize”.

Look my code in “catchresponsive-featured-slider.php” :

function catchresponsive_demo_slider( $options ) {
$catchresponsive_demo_slider =’
<article class=”post hentry slides demo-image displayblock”>
<figure class=”slider-image”>



</figure>
<div class=”entry-container”>
<header class=”entry-header”>
<h1 class=”entry-title”>
<span></span>
</h1>
</header>
<div class=”entry-content”>
<p></p>
</div>
</div>
</article><!– .slides –>

<article class=”post hentry slides demo-image displaynone”>
<figure class=”Slider Image 2″>



</figure>
<div class=”entry-container”>
<header class=”entry-header”>
<h1 class=”entry-title”>
<span></span>
</h1>
</header>
<div class=”entry-content”>
<p></p>
</div>
</div>
</article><!– .slides –> ‘;
return $catchresponsive_demo_slider;
}
endif; // catchresponsive_demo_slider

Can i add a new code to add a new slider ?

Thanks for your answer

[Mahesh]

@maeva: Go to Dashboard=> Appearance=> Customize=> Featured Slider and select Featured Page Slider in Select Slider Type then select desired number of slider you want to display. You have to select pages to display as slider and the slider use the page’s featured image as slides.
If you want Custom Image in Slider, I recommend you upgrade to Catch Base Pro.

Regards,
Mahesh

[maeva]

hello,

In my catchresponsive theme, i have 2 featured slider only.

I want to add 1 other.

how can i proceed to do this ?

Thank you for your help

best regards