David Pullin

<p>A WordPress Widget displaying featured images of recent posts in a rotating carousel.</p>
<p>The carousel area displays the featured images of recent posts and scrolls from left to right.  An optional preview area sits below showing the posts featured image and its excerpt.  Clicking on images or the preview will open a post in a new web browser tab.</p>
<p>The widget is theme agnostic and includes options to enable various display elements, carousel speed, pause time, and image sizes.  You can also edit the widget’s CSS within the widget’s settings panel thus giving you control over the look and feel.</p>
<p>There is also a demo mode that uses random stock images and Lorem ipsum.  Useful for when working on a new site where you may not have many posts.  However, you must have at least one published post for the widget to work.</p>
<p>The carousel will not display posts that are password protected.</p>
<h3>Settings</h3>
<h3>Title</h3>
<p>The widget title to display.  If blank no title is displayed.  You can further control the title, along with other items on the widget via CSS</p>
<h3>Number of Posts to Display</h3>
<p>The maximum number of recent posts to display.  The minimum is 1.</p>
<h3>Widget Height</h3>
<p>The height of the widget.  A fixed height is required as posts excerpts lengths may differ.</p>
<h3>Scroll Duration</h3>
<p>How long in milliseconds to take rotating to the next image.</p>
<h3>Pause Duration</h3>
<p>How long in milliseconds should the carousel pause before rotating to the next image.  Thus allowing your user time to read the excerpt.</p>
<h3>Carousel Image Size</h3>
<p>The size of each image on the carousel.  You can set your own size using the ‘custom’ option or select from one of your WordPress’s registered image sizes.</p>
<h3>Show Preview</h3>
<p>Option to turn off the rendering of the preview area below the carousel.</p>
<h3>Show Preview Title</h3>
<p>Option to control the rendering of preview’s post title.</p>
<h3>Show Preview Title</h3>
<p>Option to control the rendering of the post’s date.</p>
<h3>Preview Excerpt Length</h3>
<p>The number of words to use as the the post’s excerpt.</p>
<h3>Show Preview Image</h3>
<p>Option to control the display of the image in the preview.  Like the carouse image size option you can also control the size of the preview’s image.</p>
<h3>CSS Editor</h3>
<p>A default CSS template is generated when you add an instance of this widget to your website.  Use this to further control the display of this widget.  The CSS will only be applied to that instance of the widget.  Thus, if required, you can have multiple instances of this widget on a page with a different look and feel.</p>
<h3>Demo Mode</h3>
<p>When enabled Demo Mode uses random images and Lorem ipsum.  Useful for when working on a new site where you may not have many posts.  However, you must have at least one published post for the widget to work.</p>
<p>When in Demo Mode image sizes will be displayed as per the custom image size option.</p>
<h3>Advanced Notes – Used of WordPress Filters</h3>
<p>The widget’s title is passed through WordPress’s widget_title filter which may be processed via your installed theme.</p>
<p>The widget temporarily adds a hook into WordPress’s excerpt_length filter to ensure that the excerpt length used is the one as set within the widget’s options.</p>
<p>The URL of posts are passed through WordPress’s the_permalink filter.</p>


Zhu Posts Icon Carousel for WordPress

A WordPress Widget displaying featured images of recent posts in a rotating carousel.

tv360

<p>You can integrate the Vertical Featured Products Scroller into your site by using a widget or a shortcode.</p>
<p>To mark a product as featured, go to: Products > Products and select the Star in the featured column. Alternatively, select Quick Edit and then the Featured option.</p>
<p>The shortcode is:</p>
<p>[wcfps]</p>
<p>Available shortcode options are:</p>
<ul>
<li>id (unique ids are required if you want to use more than one scroller on the same page)</li>
<li>num_slides (the number of visible products)</li>
<li>speed (scroller speed in miliseconds, default is 5000)</li>
<li>category_slug (limits products by category slug)</li>
</ul>
<p>Example usage:</p>
<p>[wcfps id=”scroller-one” num_slides=”3″ speed=”6000″ category_slug=”shoes”]</p>


Featured Products Vertical Scroller

Use widgets or shortcodes to display WooCommerce featured products in a vertical carousel scroller.

Zhu Posts Icon Carousel for WordPress vs Featured Products Vertical Scroller