codewithsani

CodeWithSani Product Slider for WooCommerce allows you to display WooCommerce products in a responsive slider using a shortcode.
The plugin provides a simple admin interface to create sliders and configure display options such as product type, categories, layout behavior, and visibility settings.
<h3>Features</h3>
<ul>
<li>WooCommerce product slider using shortcode</li>
<li>Product category filtering</li>
<li>Featured products support</li>
<li>Best selling products support</li>
<li>Control number of products per slide</li>
<li>Autoplay with speed control</li>
<li>Infinite loop option</li>
<li>Navigation arrows and dots</li>
<li>Show/hide product price</li>
<li>Show/hide Add to Cart button</li>
<li>Show/hide slider title</li>
<li>RTL (Right-to-Left) support</li>
<li>Extra CSS class support for styling</li>
</ul>
<h3>How It Works</h3>
<ol>
<li>Install and activate the plugin.</li>
<li>Go to Product Slider in the WordPress admin menu.</li>
<li>Create a new slider and configure settings.</li>
<li>Copy the generated shortcode.</li>
<li>Paste the shortcode into any page, post, or widget.</li>
<li>The product slider will display on the frontend.</li>
</ol>
<h3>Getting Started</h3>
<h4>Install and Activate</h4>
Upload and activate the plugin via the WordPress Plugins screen.
<h4>Create Slider</h4>
Go to Product Slider → Add New Slider and configure:
<ul>
<li>Product type (Products / Featured / Best Selling)</li>
<li>Product categories</li>
<li>Slider settings (slides, autoplay, speed, loop)</li>
<li>Display settings (price, cart button, title)</li>
<li>RTL support</li>
<li>Custom CSS class</li>
</ul>
<h4>Display Slider</h4>
Use the generated shortcode inside any page, post, or widget.
Example:
[cwsps_product_slider id=”123″]

CodeWithSani Product Slider for WooCommerce

Short Description: Responsive WooCommerce product slider with shortcode, autoplay, category filtering, RTL support, and custom display settings.

monkeydesign2026

MonkeyDesign Product Carousel adds a fully featured WooCommerce product carousel and slider widget to Elementor. Drop it on any page, pick your product source, style the cards — done.
Looking for a WooCommerce carousel or product slider for Elementor? This widget gives you both, with a powerful query engine that goes beyond simple product lists.
The main value is not the sliding itself (Swiper handles that), but the product query engine and the card builder: control where products come from and exactly what each card shows.
<h4>Key free features</h4>
Product sources 
* Latest products 
* Featured products 
* On sale 
* Best sellers (cached for performance) 
* By category or tag 
* Manual product selection (comma-separated IDs) 
* Related products
Layout 
* Unlimited columns — set independently for desktop, tablet, and mobile 
* Two skins: Classic (bordered card) and Minimal (frameless) 
* Configurable gap between slides 
* Center mode (active slide centered, adjacent slides partially visible)
Card builder — every element independently toggleable 
* Product image (eager LCP on first slide, lazy on the rest) 
* Title, price, star rating 
* Sale / featured / out-of-stock badge 
* Add to cart button 
* Short description, stock status
Navigation & autoplay 
* Arrow buttons and pagination dots 
* Touch drag, mouse drag, keyboard navigation 
* Autoplay with configurable delay, pause on hover, infinite loop
Performance 
* Swiper.js (not jQuery-dependent Slick) 
* No jQuery 
* CSS and JS load only on pages that contain the widget 
* First slide image gets <code>loading="eager"</code> and <code>fetchpriority="high"</code> — improves LCP
Accessibility 
* Screen reader labels on arrows via Swiper’s a11y module 
* Full keyboard navigation 
* Visible focus styles on all interactive elements 
* Arrows are real <code><button></code> elements with <code>aria-label</code> 
* Respects <code>prefers-reduced-motion</code> (disables autoplay and transition animations)
<h4>PRO features</h4>
<ul>
<li>Quick view modal — open product details without leaving the page</li>
<li>AJAX add to cart — add products without page reload</li>
<li>Wishlist button — let customers save products for later</li>
<li>Sale countdown timer — display a live countdown on sale products</li>
<li>Navigation style controls — custom arrow color, size, and background; dot color and active state color</li>
<li>Thumbnail navigation — row of thumbnail slides below the main carousel</li>
<li>Slider sync — link two carousels to scroll together</li>
</ul>
<h4>Template override</h4>
Developers can override the card template from their theme:
<ol>
<li>Create <code>your-theme/product-carousel/card.php</code></li>
<li>Copy the contents of <code>product-carousel/templates/card.php</code></li>
<li>Modify as needed</li>
</ol>
The rendered card HTML is also filterable: <code>apply_filters( 'mdpc_card_html', $html, $product, $settings )</code>.

MonkeyDesign Product Carousel for Elementor

WooCommerce product carousel and slider widget for Elementor. Show latest, sale, featured or best-selling products — flexible card builder, no jQuery.

CodeWithSani Product Slider for WooCommerce vs MonkeyDesign Product Carousel for Elementor