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.

shantishekhar

<p>Apanika Featured Product Carousel Block</p>
<p>Elevate your WooCommerce store with this lightweight Gutenberg block that creates stunning featured product carousels in seconds. Perfect for highlighting promotions, bestsellers, or seasonal items.</p>
<p>Key Features:<br />
✅ Smart Product Display – Automatically showcases WooCommerce featured products<br />
✅ Fully Customizable – Control products per row, total items, and slide behavior<br />
✅ Enhanced Shopping Experience – Optional star ratings and add-to-cart buttons<br />
✅ Visual Customization – Custom background colors to match your brand<br />
✅ Mobile-Ready – Fully responsive design works on all devices<br />
✅ Lightweight – No bloat, just fast-loading product displays</p>
<p>Ideal For:</p>
<pre><code>Homepage featured product sections

Category page highlights

Sales and promotion banners

"Best Sellers" or "New Arrivals" displays
</code></pre>
<p>Requirements:</p>
<pre><code>WordPress 5.8+

WooCommerce 5.0+

Gutenberg editor
</code></pre>
<p>Quick Start:</p>
<pre><code>Add the block to any page

Configure your display preferences

Publish - no coding needed!
</code></pre>
<p>Optimized for performance and seamlessly integrates with your existing WordPress theme.</p>
<h4>Key Features</h4>
<ul>
<li>Drag-and-drop Gutenberg block integration</li>
<li>Customizable products per row (1-6)</li>
<li>Toggle star ratings and add-to-cart buttons</li>
<li>Adjustable background colors</li>
<li>Mobile-responsive design</li>
<li>Works with any WordPress theme</li>
</ul>
<h3>Usage</h3>
<ol>
<li>Edit any page/post with Gutenberg editor</li>
<li>Click the ‘+’ button to add a new block</li>
<li>Search for “Product Carousel” or find under Widgets section</li>
<li>Customize the block using the settings panel:
<ul>
<li>Total Products (1-20)</li>
<li>Products Per Row (1-6)</li>
<li>Slides to Skip (1-5)</li>
<li>Autoplay: Enable/disable automatic rotation of products</li>
<li>Autoplay Speed: Set the rotation interval in milliseconds</li>
<li>Background Color Picker</li>
<li>Toggle Add to Cart buttons</li>
<li>Toggle Star Ratings</li>
</ul>
</li>
</ol>
<h3>Roadmap</h3>
<ul>
<li>Add autoplay functionality</li>
<li>Include transition speed control</li>
<li>Add custom CSS field for advanced styling</li>
<li>Support for product categories filtering</li>
</ul>
<h3>Support</h3>
<p>For support questions, please contact:<br />
support@apanika.com</p>
<h3>Contributing</h3>
<p>We welcome contributions on GitHub:<br />
https://github.com/apanika/featured-product-carousel</p>
<h3>License</h3>
<p>GPLv2 or later</p>


Apanika Featured Product Carousel

Display WooCommerce featured products in a responsive, customizable carousel block for Gutenberg.

Featured Products Vertical Scroller vs Apanika Featured Product Carousel