[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

[Mahesh]

@piratealfie:
Hi Allan,

Thank you for using Full Frame Pro theme.
For using Header Image, go to Dashboard=> Appearance=> Customize=> Header Image and then choose a header image you want to display in your site. Then choose Homepage/Frontpage option in Enable Featured Header Image on (Displays header image on homepage/frontpage only). Then click on Save & Publish.

OR

If you want to make slider as Header Image removing the navigation links, go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS and add the following CSS:

#feature-slider .cycle-pager, 
#feature-slider .cycle-prev, 
#feature-slider .cycle-next, 
#feature-slider .entry-container {
    display: none;
}

Hope this helps.

Regards,
Mahesh

[Mahesh]

@nextgenf: For that you’ll need to create a child theme. You can find more details on creating child theme HERE. Then in your child theme’s functions.php, add the following code:

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

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

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

		$catchkathmandu_category_sliders = '
		<div id="main-slider" class="container">
        	<section class="featured-slider">';
				$get_featured_posts = new WP_Query( array(
					'posts_per_page'		=> $options[ 'slider_qty' ],
					'category__in'			=> $options[ 'slider_category' ],
					'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 pageid-'.$post->ID.' hentry slides displayblock'; } else { $classes = 'post pageid-'.$post->ID.' hentry slides displaynone'; }
					$catchkathmandu_category_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_category_sliders .= '<div class="entry-content">'. $excerpt.'</div>';
							}
							$catchkathmandu_category_sliders .= '
						</div>
					</article><!-- .slides -->';
				endwhile; wp_reset_query();
				$catchkathmandu_category_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_category_sliders', $catchkathmandu_category_sliders, 86940 );
	}
	echo $catchkathmandu_category_sliders;
} // catchkathmandu_category_sliders

Removing text from slider, you can use Custom CSS. Go to Dashboard=> Appearance=> Customzie=> Theme Options=> Custom CSS and add the following CSS:

#main-slider .entry-container {
    display: none;
}

Regards,
Mahesh

[smoothiechode]

What kind of price are we looking at to get a customizer to create a simple slider on the store homepage (2) and a seperate featured content section to be displayed in all pages/products in the store (4)?

I have all of content and pictures ready.

[Khuana]

Please what is the size of the images on the featured slider on the homepage?

[Sakin]

@kgapo:
1. About the slider that default image. That image will be there if you don’t have featured image in those selected page/post in your slider. So, can you check this screencast at https://catchthemes.com/blog/videos-blog/video-series-adding-featured-image-wordpress-postpage/

2. If you want your sample page to be your default home, then you need to go to “Appearance => Customize => Static Front Page” and then in “Front page displays”, you need to check “A Static page”, then you need to select that sample page in “Front page”. Finally Save and Publish it.

[kgapo]

Dear Sakin,
I have spent more than three days trying to customize my site http://www.ellok.org. The main problem is the instructions for the featured slider don’t work on my site.
On the home page I have uploaded one photo but cannot get rid of the theme demo featured slider grey space underneath. How can I get rid of it?
Αlso the menus I created on the home page do not open on “sample”
As I have to show it at a meeting early on Wednesday morning your prompt answer would mean a lot to me
Thanks in advance for your help

[Pratik]

1. When making changes to the Woocommerce layout from the drop-down list, the changes made are not showing up on the store. For example, when selecting no sibebar (full width), the sidebar remains.
This is strange as it is working fine on my end. Can you go to the shop’s edit page and see what option is selected under Fullframe Options => Layout Options

2. Just the same slider provided by full frame pro, but to be displayed only on the store homepage http://www.tinderprofile.com/store and to have 8 different slides corresponding to the 8 product categories (TinderProfile.com exclusives, cameras, software, books, etc). If possible, they change automatically every few seconds rather having to clicking arrows – but not a necessity.
I am sorry but this is not possible through theme support. Please hire a customizer for this work.

4. I already am using featured content in my homepage http://www.tinderprofile.com. Is it possible to add a seperate one in the footer of my store for this purpose. If so, how?
I have to apologize again but this is also not possible. Please hire a customizer to do so.

Regards,
Pratik

[smoothiechode]

1. When making changes to the Woocommerce layout from the drop-down list, the changes made are not showing up on the store. For example, when selecting no sibebar (full width), the sidebar remains.

2. Just the same slider provided by full frame pro, but to be displayed only on the store homepage http://www.tinderprofile.com/store and to have 8 different slides corresponding to the 8 product categories (TinderProfile.com exclusives, cameras, software, books, etc). If possible, they change automatically every few seconds rather having to clicking arrows – but not a necessity.

4. I already am using featured content in my homepage http://www.tinderprofile.com. Is it possible to add a seperate one in the footer of my store for this purpose. If so, how?

5. Colour issue has been resolved.

Kind regards.

[Pratik]

@ariannacaiazzo: The CSS you have added will be used for all images as your main body has classes .woocommerce .woocommerce img-page.

Now, to limit the slider image and header image to 770px, try using following CSS code instead:

#feature-slider img,
#header-featured-image img
{
    width: 770px;
}

Let me know how it goes.

Regards,
Pratik

[Pratik]

@smoothiechode:
1. Are there any features in this theme that allow you to easily customize the appearance of a store? If so, where are they?
* You can change the layouts of the store by selecting required layout in Appearance => Customize=> Theme Options=> Layout Options=> Woocommerce Layout
* You can also select different widgets for WooCommerce Pages by going to widgets page and adding different widgets in WooCommerce Primary Sidebar

2. How can I add a slider to the top of my store that individually displays each of the 8 product categories and information for each? If this is not possible, is there any other way of making the product categories look more professional?
This is not possible via Theme Options or via custom CSS. You will need to hire a customizer to achieve it or add plugin that achieves this.
By more professional, can you let me know how you want it to look like, then I can provide you with custom css.

3.Instead of having the ugly sidebar widgets that I currently have on the store displaying the product categories and featured content, how can I display these as thumbnails going across the page on each page on the store.
I cannot understand what you mean by “thumbnails going across the page on each page on the store”. Do you mean a slider? Can you please elaborate this point a bit.

4. How can I add picture icons in the footer of the store with information about shipping, global distribution service, customer service etc – something like the footer in this site
You can achieve this by using Featured Content. There is an option to move featured content above footer in Appearance=> Customize=> Featured Content => Featured Content Options=> Check to Move above Footer
for this purpose.

i’ve been trying to change the color settings and it appears that I have accidentally changed the background in the store from white to light grey. This has left the product and product category pictures with a different colour to the background which looks bad as you can see here: http://www.tinderprofile.com/store.

I checked the site and it has white background. May you have cache problem. Try clearing your cache, or try a different browser/device.

[Mahesh]

@lisovol: Thank your for supporting us. Since this is beyond theme scope, I recommended you to hire the customizer in the above reply. Yes, I can help you narrow down and direct you to the file and function. Please open file catch-responsive-pro/inc/catchresponsive_featured_slider.php and modify the following function for changing the width of slider to 70% and adding a text block in another 30%.
catchresponsive_featured_slider

Hope this helps.

Regards,
Mahesh

[Mahesh]

@lisovol: For centering the blocks in lower part for website, go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

.catchresponsive-nav-menu li {
	float: none;
}

.menu.catchresponsive-nav-menu {
    text-align: center;
}

#featured-content.layout-four .hentry {
	width: 25%;
}

For the other customization, i.e text block aside of slider, you’ll have to further customize the theme and the html structure. I recommend you to hire a customizer.

Regards,
Mahesh

[Peter]

I think I have discovered the problem in that I am unable to Customising
Featured Slider can you advise how this can be fixed please.

[Mahesh]

@sheilalowe: You mean you want to have different image in the slider? If so go to Dashboard=> Appearance=> Customize=> Featured Slider then select your desired image in Featured Slide # option.
Let me know if any problem.

Regards,
Mahesh

[Mahesh]

@scnelson1: This is the default structure of the theme. If you want to header image to display at the top before Featured Slider, you’ll have to create a child theme. You can find more details on creating child theme HERE. Then in your child theme’s functions.php add the following codes.

add_action( 'init', 'fullframe_child_move_header_image_before_slider' );
function fullframe_child_move_header_image_before_slider() {
	remove_action( 'fullframe_before_content', 'fullframe_featured_overall_image', 20 );
	remove_action( 'fullframe_before_content', 'fullframe_featured_slider', 10 );
	add_action( 'fullframe_before_content', 'fullframe_featured_overall_image', 10 );
	add_action( 'fullframe_before_content', 'fullframe_featured_slider', 20 );
}

Let me know if any problem.

Regards,
Mahesh

[Mahesh]

@redlillies: Seems the Jetpack’s slideshow is causing the issue. Please contact Jetpack support for this issue.
And for displaying slider image apart from demo sliders, Go to Dashboard=> Appearance=> Customize=> Featured Slider=> Slider Options and select Featured Page Slider and select the pages you want to display as slider.
Note: Please make sure that all the page selected for Featured Page Slider has Featured Image.
Let me know if any problem.

Regards,
Mahesh