Hi
i have used flexslider in the below URL :
https://www.sreestours.com/1-night-2-days-trivandrum-kovalam-weekend-tour-package.html
it will create seperate pages for the slider images which is indexed by the google
I want to stop to generate those pages
Here you can check the link generated by above page’s slider :
Please help if anyone is having any idea.
]]>hi
in the file views/display.php, the line 82 is:
$output .= '<p>' . $display->recent_post_flexslider_excerpt( get_the_content(), $excerpt_length ) . '</p>';
although it is referring to the extract, it shows the content…
how can I replace this line by substituting “get_the_content()” for “get_the_excerpt()” so that with each update I don’t have to change it every time?
I tried putting the file in the child theme but it doesn’t work.
thanks
]]>Hi David, I have seen your new release, with my credit.
Thanks.
Here is a patch I wrote to add a new feature. With this patch user can chose to show in the slider only posts with featured image. Is just one more options, and these are just a few lines. Decision is up to you.
diff -ruN ./recent-posts-flexslider-orig/recent-posts-flexslider.php ./recent-posts-flexslider/recent-posts-flexslider.php
--- ./recent-posts-flexslider-orig/recent-posts-flexslider.php 2020-01-19 13:45:14.000000000 +0100
+++ ./recent-posts-flexslider/recent-posts-flexslider.php 2020-01-20 23:06:08.519513743 +0100
@@ -92,6 +92,7 @@
$post_title = $instance['post_title'];
$post_excerpt = $instance['post_excerpt'];
$post_link = $instance['post_link'];
+ $only_thumb_post = $instance['only_thumb_post'];
echo $before_widget;
@@ -135,6 +136,7 @@
$instance['post_title'] = isset( $new_instance['post_title'] ) ? 'true' : 'false';
$instance['post_excerpt'] = isset( $new_instance['post_excerpt'] ) ? 'true' : 'false';
$instance['post_link'] = isset( $new_instance['post_link'] ) ? 'true' : 'false';
+ $instance['only_thumb_post'] = isset( $new_instance['only_thumb_post'] ) ? 'true' : 'false';
return $instance;
@@ -163,6 +165,7 @@
'post_excerpt' => 'true',
'excerpt_length' => 20,
'post_link' => 'true',
+ 'only_thumb_post' => 'true',
);
$instance = wp_parse_args( (array) $instance, $defaults );
diff -ruN ./recent-posts-flexslider-orig/views/admin.php ./recent-posts-flexslider/views/admin.php
--- ./recent-posts-flexslider-orig/views/admin.php 2020-01-19 13:45:14.000000000 +0100
+++ ./recent-posts-flexslider/views/admin.php 2020-01-20 23:01:38.427302734 +0100
@@ -112,6 +112,7 @@
} else {
if ( isset( $_wp_additional_image_sizes ) && isset( $_wp_additional_image_sizes[ $s ] ) ) {
$sizes[ $s ] = array( $_wp_additional_image_sizes[ $s ]['width'], $_wp_additional_image_sizes[ $s ]['height'] );
+
}
}
}
@@ -165,4 +166,9 @@
<input id="<?php echo esc_attr( $this->get_field_id( 'excerpt_length' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'excerpt_length' ) ); ?>" value="<?php echo esc_attr( $instance['excerpt_length'] ); ?>" type="text" />
</div>
+ <div class="checkbox-wrap">
+ <input class="checkbox" type="checkbox" <?php checked( $instance['only_thumb_post'], 'true' ); ?> id="<?php echo esc_attr( $this->get_field_id( 'only_thumb_post' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'only_thumb_post' ) ); ?>" value="true" />
+ <label for="<?php echo esc_attr( $this->get_field_id( 'only_thumb_post' ) ); ?>"><?php esc_attr_e( 'Only posts with featured image', 'only_thumb_post' ); ?></label>
+ </div>
+
</div>
diff -ruN ./recent-posts-flexslider-orig/views/display.php ./recent-posts-flexslider/views/display.php
--- ./recent-posts-flexslider-orig/views/display.php 2019-02-21 14:01:22.000000000 +0100
+++ ./recent-posts-flexslider/views/display.php 2020-01-20 23:02:45.787565897 +0100
@@ -28,6 +28,10 @@
'ignore_sticky_posts' => true,
);
+if (esc_attr( $only_thumb_post ) == 'true') {
+ $flex_args['meta_query'] = array( array ( 'key' => '_thumbnail_id', 'compare' => 'EXISTS', ));
+}
+
$flex_query = new WP_Query( $flex_args );
// Call class to display slider
Hi, I have found an error in your code in file views/admin.php .
This error make impossible to select image size other than “Full Size”.
Error is in line 125, where you remove html tags from an html formatted string.
This is the patch to correct the bug:
@@ -118,12 +118,12 @@
$option_image_size = '';
foreach ( $sizes as $size => $atts ) {
- $option_image_size .= '<option value="' . $size . '"' . selected( $instance['image_size'], $size, false ) . '>';
+ $option_image_size .= '<option value="' . esc_attr( $size ). '"' . esc_attr( selected( $instance['image_size'], $size, false )) . '>';
$option_image_size .= ucwords( preg_replace( '/-/', ' ', $size ) ) . ' (' . implode( 'x', $atts ) . ')';
$option_image_size .= '</option>';
}
- echo esc_attr( $option_image_size );
- ?>
+ echo $option_image_size;
+ ?>
</select>
</div>
Hi David,
There’s a bug in v2.1.1 of the plugin that prevents slider.css from loading.
The name of the stylesheet in recent-posts-flexslider.php function register_recent_posts_flexslider_styles has been changed from ‘recent-posts-flexslider-widget-styles’ to ‘recent-posts-flexslider-style’. However this change has not been reflected in views/display.php. This results in the stylesheet not loading.
Regards,
Adam
Plugin calls /css/fonts/ directory and files missing:
fonts/flexslider-icon.eot
fonts/flexslider-icon.woff
fonts/flexslider-icon.ttf
fonts/flexslider-icon.svg
-Brian Brown, Ph.D.
]]>I need to call my custom prices generator for each woocommerce flexslider product image. How can I hook into your code which auto-syncs beautifully with the product gallery slides?
I would figure it out myself if you would post (or send me) your original code, as I find the minified js difficult to puzzle out.
]]>After updating to 2.0, the title on the slider is now missing. There is also a lot of whitespace at the top of the image.
]]>we installed your plugin in our site and the main slider of the theme stopped to work correctly…. the big slider picture won’t display anymore and if i disable your plugin the images displays with no problem….
can you check the bug with this data?
this is the theme we use: https://themeforest.net/item/smartmag-responsive-retina-wordpress-magazine/6652608
Thank you very much
]]>Hi,
I installed the plugin, but the posts are not visible. In fact, right when the page loads, for a illisecond you can see the post there, but immediately dissapears. I tested adding this code:
`.flexslider .slides > li {
clear: none;
}
which did not work. Please advise.
My site: trte.ir
Hi ?? I love your plugin, and was wondering if there are plans to add a short post description underneath the title? And if not, is there a way to stretch the transparent background of the title to be 100%? Thanks so much ??
]]>How hard it is to put information about using your this plugin? Is it a shortcode? Is it appear anywhere? Put it in the FAQ please.
]]>I am trying this plugin for the first time. It is only showing a very large white area with navigation arrows and buttons at the bottom but no post images or titles are visible.
If I inspect the code (when viewing the page), the title and images are there in the code but they are not visible in the widget in the sidebar. Please help.
website: https://theunlikelybookworm.com/
]]>Hi David!
I had this same issue about 18 months ago where the title on the slider disappeared. You suggested I add this coding which worked:
.flexslider-caption-inner h3,
.flexslider-caption-inner p{
color: #000000;
}
However, the title isn’t appearing again. Any suggestions? Thanks so much!
]]>Hi David,
I’m using this slider integrated into a theme on the Portfolio page: https://terrybraunstein.com/portfolio1/
There is something that is not right when viewing the portfolio items but I’m not sure if it’s due to some bug in the slider or in the navigation code in the single portfolio page itself.
Here is the problem:
When you select one of the Portfolio Categories, e.g. ‘Sculpture’ (last on the right) and click on the second item from the top-left (‘Ladder Dreams’) and once it opens, if you click on the ‘Next’ button in the top-right corner to view next item in the ‘Sculpture’ category, then completely unrelated item from ‘Artists Books’ category comes up – (‘My Bookhouse:…’). And if you click on ‘Previous’ button instead when viewing ‘Ladder Dreams’ then ‘Empty Nest – 1988’ which is from ‘Photography’ Category comes up.
I’m including below the code for the single porfolio page what has in it the code for the slider as well.
Can you see where the bug is located?
Thanks
Marek
the code:
<?php get_header(); ?>
<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
<?php
$desired_width = 813;
$desired_height = 613;
$current_post_id = $post->ID;
$terms = get_the_terms($current_post_id, 'portfolio_category', 'string');
$num_of_terms = count($terms);
$content_post = get_post($current_post_id);
$content = $content_post->post_content;
$content = apply_filters('the_content', $content);
$content = str_replace(']]>', ']]>', $content);
$post = get_post($current_post_id);
// Prev and Next Post IDs
$adjacent_ids = onioneye_get_next_and_prev_ids($current_post_id);
$prev_id = $adjacent_ids[0];
$next_id = $adjacent_ids[1];
// Metabox Values
$image_list = get_post_meta($current_post_id, 'onioneye_image_list', true);
$client = get_post_meta($current_post_id, 'onioneye_client', true);
$project_url = get_post_meta($current_post_id, 'onioneye_item_url', true);
$is_pub_date_displayed = get_post_meta($current_post_id, 'onioneye_publication_date', true);
$video_embed_code = get_post_meta($current_post_id, 'onioneye_embed_code', true);
$no_of_columns = 0;
if($is_pub_date_displayed) {
$no_of_columns++;
}
if($terms) {
$no_of_columns++;
}
if($client) {
$no_of_columns++;
}
if($project_url) {
$no_of_columns++;
}
?>
<div class="portfolio-item-wrapper group">
<div class="single-portfolio-item group">
<div class="mobile-nav-container">
<h1 class="item-title"><?php echo get_the_title($current_post_id); ?></h1>
<div class="mobile-post-nav group">
<?php if($prev_id && $next_id) { ?>
<a class="next-portfolio-post mobile-nav-btn" rel="next" href="#" data-post_id="<?php echo esc_attr($next_id); ?>">
<span><?php esc_html_e( 'Next post', 'onioneye' ); ?></span>
</a>
<a class="prev-portfolio-post mobile-nav-btn" rel="prev" href="#" data-post_id="<?php echo esc_attr($prev_id); ?>">
<span><?php esc_html_e( 'Prev post', 'onioneye' ); ?></span>
</a>
<?php } else if ($prev_id) { ?>
<div class="next-nav-placeholder mobile-nav-btn">
<span><?php esc_html_e( 'Next post', 'onioneye' ); ?></span>
</div>
<a class="prev-portfolio-post mobile-nav-btn" href="#" data-post_id="<?php echo esc_attr($prev_id); ?>">
<span><?php esc_html_e( 'Prev post', 'onioneye' ); ?></span>
</a>
<?php } else if ($next_id) { ?>
<a class="next-portfolio-post mobile-nav-btn" href="#" data-post_id="<?php echo esc_attr($next_id); ?>">
<span><?php esc_html_e( 'Next post', 'onioneye' ); ?></span>
</a>
<div class="prev-nav-placeholder mobile-nav-btn">
<span><?php esc_html_e( 'Prev post', 'onioneye' ); ?></span>
</div>
<?php } ?>
</div><!-- /.mobile-post-nav -->
</div><!-- /.mobile-nav-container -->
<section class="item-content">
<?php if(!empty($image_list)) { ?>
<div class="metabox-media-files">
<?php
if(!empty($image_list) && count($image_list) === 1) {
$portfolio_img_url = reset($image_list);
$portfolio_img_id = key($image_list);
$img_meta = wp_get_attachment_image_src($portfolio_img_id, 'full-size');
$image_full_width = $img_meta[1];
$image_full_height = $img_meta[2];
$alt_attr = get_post_meta($portfolio_img_id, '_wp_attachment_image_alt', true);
$img_caption = get_post($portfolio_img_id)->post_excerpt;
/* find the "desired height" of the current thumbnail, relative to the desired width */
if($image_full_width && $image_full_height) {
$desired_height = floor($image_full_height * ($desired_width / $image_full_width));
}
$thumb = onioneye_get_attachment_id_from_src($portfolio_img_url);
$image = onioneye_vt_resize($thumb, '', $desired_width, $desired_height, true);
if( $image_full_width > $desired_width || $image_full_height > $desired_height ) {
?>
<div style="max-width: <?php echo esc_attr($desired_width) . 'px'; ?>">
<div class="single-img-height" style="height: 0; padding-bottom: <?php echo onioneye_get_loader_height($desired_width, $desired_height); ?>">
<div class="single-img-container">
<img class="single-img single-img-ajax" src="<?php echo esc_url($image[url]); ?>" width="<?php echo esc_attr($desired_width); ?>"
height="<?php echo esc_attr($desired_height); ?>" alt="<?php echo esc_attr($alt_attr); ?>" />
<?php if($img_caption) { ?>
<p class="oy-flex-caption"><?php echo $img_caption; ?></p>
<?php } ?>
</div>
<div class="single-img-loader"></div>
</div>
</div>
<?php
} else {
?>
<div style="max-width: <?php echo esc_attr($image_full_width) . 'px'; ?>">
<div class="single-img-height" style="height: 0; padding-bottom: <?php echo onioneye_get_loader_height($image_full_width, $image_full_height); ?>">
<div class="single-img-container">
<img class="single-img single-img-ajax" src="<?php echo esc_url($portfolio_img_url); ?>" width="<?php echo esc_attr($image_full_width); ?>"
height="<?php echo esc_attr($image_full_height); ?>" alt="<?php echo esc_attr($alt_attr); ?>" />
<?php if($img_caption) { ?>
<p class="oy-flex-caption"><?php echo $img_caption; ?></p>
<?php } ?>
</div>
<div class="single-img-loader"></div>
</div>
</div>
<?php
}
}
else if(!empty($image_list) && count($image_list) >= 1) {
?>
<div class="oy-flex-container">
<div class="oy-flexslider">
<ul class="oy-slides">
<?php foreach ($image_list as $portfolio_img_id => $portfolio_img_url) {
$img_meta = wp_get_attachment_image_src($portfolio_img_id, 'full-size');
$image_full_width = $img_meta[1];
$image_full_height = $img_meta[2];
$alt_attr = get_post_meta($portfolio_img_id, '_wp_attachment_image_alt', true);
$img_caption = get_post($portfolio_img_id)->post_excerpt;
/* find the "desired height" of the current thumbnail, relative to the desired width */
if($image_full_width && $image_full_height) {
$desired_height = floor($image_full_height * ($desired_width / $image_full_width));
}
$thumb = onioneye_get_attachment_id_from_src($portfolio_img_url);
$image = onioneye_vt_resize( $thumb, '', $desired_width, $desired_height, true );
// If the original width of the thumbnail doesn't match the width of the slider, resize it; otherwise, display it in original size
if( $image_full_width > $desired_width || $image_full_height > $desired_height ) {
?>
<li>
<img class="oy-slider-img" src="<?php echo esc_url($image[url]); ?>" width="<?php echo esc_attr($desired_width); ?>"
height="<?php echo esc_attr($desired_height); ?>" alt="<?php echo esc_attr($alt_attr); ?>" />
<?php if($img_caption) { ?>
<p class="oy-flex-caption"><?php echo $img_caption; ?></p>
<?php } ?>
</li>
<?php
} else {
?>
<li>
<img class="oy-slider-img" src="<?php echo esc_url($portfolio_img_url); ?>" width="<?php echo esc_attr($image_full_width); ?>"
height="<?php echo esc_attr($image_full_height); ?>" alt="<?php echo esc_attr($alt_attr); ?>" />
<?php if($img_caption) { ?>
<p class="oy-flex-caption"><?php echo $img_caption; ?></p>
<?php } ?>
</li>
<?php
} // end else
} // end foreach
?>
</ul><!-- /.oy-slides -->
<div class="oy-flex-img-loader"></div>
</div><!-- /.oy-flexslider -->
</div><!-- /.oy-flex-container -->
<?php } // end else if ?>
</div><!-- END .metabox-media-files -->
<?php } ?>
<?php if($video_embed_code) { ?>
<div class="video-embed">
<?php echo stripslashes(htmlspecialchars_decode($video_embed_code)); ?>
</div>
<?php } ?>
<?php if($content) { ?>
<div class="item-description">
<?php echo $content; ?>
</div>
<?php } ?>
</section><!-- /.item-content -->
<aside class="item-sidebar group">
<ul class="post-nav group">
<li><span class="close-post"> </span></li>
<?php if($prev_id && $next_id) { ?>
<li><a class="next-portfolio-post" rel="next" href="#" data-post_id="<?php echo esc_attr($next_id); ?>"> </a></li>
<li><a class="prev-portfolio-post" rel="prev" href="#" data-post_id="<?php echo esc_attr($prev_id); ?>"> </a></li>
<?php } else if ($prev_id) { ?>
<li><a class="prev-portfolio-post" href="#" data-post_id="<?php echo esc_attr($prev_id); ?>"> </a></li>
<?php } else if ($next_id) { ?>
<li><a class="next-portfolio-post" href="#" data-post_id="<?php echo esc_attr($next_id); ?>"> </a></li>
<?php } ?>
</ul><!-- /.post-nav -->
<h1 class="item-title"><?php echo get_the_title($current_post_id); ?></h1>
<div class="project-meta group <?php echo esc_attr('oy-' . $no_of_columns . '-cols'); ?>">
<?php if($terms) { ?>
<ul class="item-categories item-metadata group">
<li><?php esc_html_e( 'Categories', 'onioneye' ); ?><span> →</span></li>
<?php
$i = 0;
foreach($terms as $term) {
if($i + 1 == $num_of_terms) {
echo '<li class="item-term">' . esc_html($term -> name) . '</li>';
}
else {
echo '<li class="item-term">' . esc_html($term -> name) . '<span class="cat-comma">, </span></li>';
}
$i++;
}
?>
</ul>
<?php } ?>
<?php if($is_pub_date_displayed) { ?>
<ul class="item-date item-metadata">
<li><?php esc_html_e('Date', 'onioneye'); ?><span> →</span></li>
<li><?php echo mysql2date( __( 'F Y', 'onioneye' ), $post->post_date ); ?></li>
</ul>
<?php } ?>
<?php if( $client ) { ?>
<ul class="item-client item-metadata">
<li><?php esc_html_e('Client', 'onioneye'); ?><span> →</span></li>
<li><?php echo esc_html($client); ?></li>
</ul>
<?php } ?>
<?php if( $project_url ) { ?>
<ul class="item-url item-metadata">
<li><?php esc_html_e( 'Project URL', 'onioneye' ); ?><span> →</span></li>
<li><a href="<?php echo esc_url($project_url); ?>"><?php esc_html_e( 'Visit site', 'onioneye' ); ?></a></li>
</ul>
<?php } ?>
</div><!-- /.project-meta -->
</aside><!-- /.item-sidebar -->
<div class="portfolio-border"> </div>
</div><!-- /.single-portfolio-item -->
</div><!-- /.portfolio-item-wrapper -->
<?php get_template_part('includes/portfolio'); ?>
<?php endwhile; ?>
<?php get_footer(); ?>Development Site: https://trishah.com/talking-style/
Problem: Home page top slider
Your plugin slider was working fine. However, because the client used odd sized images, it was causing a responsiveness problem on lower resolutions with some images being taller than others. I thought a quick solution would be to regenerate the images so they would all be the same size, 1024×680. Now no images show at all.
I’ve looked at the page code and the <img> URLs themselves do work.
I’ve tried other browsers and the same problem is in all of them.
I tried deleting your plugin and reinstalling. No change.
I’m at a loss on what to do to fix this.
]]>I installed the plugin and have been trying to have my featured images / featured posts show up. However I can only see the arrows/menu dots – sometime one of the images appears but is only visible for one second.
I have turned off all other plugins to see if there is some incompatibility but so far that has not helped either.
Also, when I deactivate the flexslider plugin there is a php error visible only for a short second:
help is appreciated, thanks in advance.
]]>Hello,
Great plugin I really love it.
My question is : is it possible to show post counter at the top of the plugin. The format of the post counter I am looking forward to is:
Current post number / Total Number of posts in slider
example : 1/20
Please let me know how I can achieve it. It would be really great of you.
Thanks in advance.
Hi, and thanks for a great plugin ??
I have an issue when showing more than 3 slides: the 4th one is always the same as the 3rd one, and the 5th, 6th etc are coming out empty.
There are currently no JS errors. Any thoughts?
Thanks a lot
Yuda
]]>Hello,
I’m using this slider integrated into a theme. I’m testing the theme and the slider on the Portfolio page:
https://yy3.atwebpages.com/portfolio/celebs/
How can I move the caption right below the image?
Thanks for any help
Marek
]]>I ve added the recent posts flexi sldier plugin to my site. Suddenly images are not appearing. all my posts have featured images. but still they are not displayed. can anyone help pls?
]]>Hi,
there a big gap between the image and caption on mobile instead of overlapping the bottom of the image as it is on computer, is there a problem to solve this?
thank you!
]]>Is it possible to replicate the slider you see here (https:// www. pricesanond. com/) using this plugin?
It shows the latest post from each category of the site …
Thanks in advance.
]]>Perfect plug-in.
My general question is: Where in the code may I inject other flexslider options in the js function?
Specifically, I’d like to add ‘controlNav: “thumbnails” ‘ in the initial function.
Thank you!
]]>Hi,
there a big gap between the image and caption on mobile instead of overlapping the bottom of the image as it is on computer, is there a problem to solve this?
thank you!
]]>Greetings, functionally the slider and posts are there but the items are pushed down to the bottom with a wide gap of white space above. Seems the .flexslider-caption styles are causing this, but changing them makes it all disappear.
]]>I was wondering if your post slider will pull the most recent post in a selected group of categories.
Example, I have 5 categories selected. I want only the most recent from each category, so the post slider will only show 5 at a time.
Instead of, only pulling the most recent posts overall, so if I’m posting a lot in one category, the slider will be filled with just that one category.
Hello, Guys, i do really need your help
i’ve just found this plugin and i’m trying to use it but i don’t see how tu procede.
“Place Recent Post Flexslider onto a sidebar on the Appearance->Widgets page”
How to fix this point?
__
I’m looking for a plugin that displays in a slider, giving the possibility to slide by categories ( and displaying for each item its description)
]]>Hello! For some reason all of the sudden, the slider stopped showing my title (although it still shows the title if you hover over it). I’ve tried everything and I can’t seem to figure out the problem. I’ve uninstalled it multiple times now. Any suggestions? My site is https://www.beertimewithwagner.com Thanks so much!
]]>Congrats on this highly customizable widget. Using a custom sidebar tutorial ive made it into my main slideshow on the homepage.
Now i wish to add these two features, could u elaborate how to achieve this?
I would like:
1. To always have the word “News: ” in front of the title in the sidebar. This will appear somewhat smaller than the post title itself.
2. I would like a ‘read more >’ button to show on each slide.
Please help me out, thank you.
]]>