codewithsani

<p>CodeWithSani Product Slider for WooCommerce allows you to display WooCommerce products in a responsive slider using a shortcode.</p>
<p>The plugin provides a simple admin interface to create sliders and configure display options such as product type, categories, layout behavior, and visibility settings.</p>
<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>
<p>Upload and activate the plugin via the WordPress Plugins screen.</p>
<h4>Create Slider</h4>
<p>Go to Product Slider <span aria-hidden="true" class="wp-exclude-emoji">→</span> Add New Slider and configure:</p>
<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>
<p>Use the generated shortcode inside any page, post, or widget.</p>
<p>Example:</p>
<p>[cwsps_product_slider id=”123″]</p>


CodeWithSani Product Slider for WooCommerce

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

amitry

<p><strong><a href="https://slider.amitry.de/" rel="nofollow ugc">See the live demo →</a></strong> — see the product slider, category carousel and every premium design in Action</p>
<p>Amitry Product & Category Slider is a fast, responsive slider for WooCommerce that lets you showcase products or product categories in a clean, customizable carousel. Build a WooCommerce product slider or a category carousel in minutes with a Gutenberg block, an Elementor widget, or a simple shortcode, with no code required.</p>
<p>Whether you want to highlight featured products on your homepage, scroll through best sellers, or guide shoppers into product categories, this plugin gives you a lightweight, mobile-friendly slider that loads only where you use it.</p>
<h4>Why choose this WooCommerce slider</h4>
<ul>
<li><strong>No code needed</strong> – add a slider with a block, widget or shortcode</li>
<li><strong>Product slider and category slider</strong> in one plugin</li>
<li><strong>Fully responsive</strong> – separate settings for desktop, tablet and mobile</li>
<li><strong>Lightweight and fast</strong> – assets load only on pages with a slider</li>
<li><strong>SEO-friendly</strong> – server-side rendered HTML, content visible without JavaScript</li>
<li><strong>Works with any theme</strong> – block themes (FSE) and classic themes</li>
<li><strong>Translation-ready</strong> – ships with a .pot file</li>
</ul>
<h4>Three ways to add a slider</h4>
<ul>
<li><strong>Gutenberg block</strong> – drag the Amitry Slider block into any page or post with a live preview</li>
<li><strong>Elementor widget</strong> – a dedicated Amitry Slider widget appears in the Elementor editor</li>
<li><strong>Shortcode</strong> – drop <code>[amitry_slider]</code> into any content area</li>
</ul>
<h4>Popular use cases</h4>
<ul>
<li><strong>Homepage product slider</strong> – feature your best products front and center</li>
<li><strong>New arrivals carousel</strong> – show the newest products in your store automatically</li>
<li><strong>Best sellers slider</strong> – highlight your top selling WooCommerce products</li>
<li><strong>Sale and deals slider</strong> – display on-sale products, with an optional countdown timer in Pro</li>
<li><strong>Featured products showcase</strong> – present a hand-picked selection of products</li>
<li><strong>Product category carousel</strong> – help shoppers browse your store by category</li>
<li><strong>Related products slider</strong> – keep visitors shopping on single product pages</li>
<li><strong>Shop and landing page carousels</strong> – add a product carousel anywhere with the block, widget or shortcode</li>
</ul>
<h4>Product slider</h4>
<p>Pull products from any of these sources:</p>
<ul>
<li>Newest products</li>
<li>Best selling</li>
<li>On sale</li>
<li>Featured</li>
<li>Top rated</li>
<li>Manual selection</li>
<li>By category</li>
</ul>
<p>Show or hide each element: product image, title, price with sale strike-through, sale badge, rating stars, short description, stock status and an add-to-cart button.</p>
<h4>Category slider</h4>
<ul>
<li>Show all product categories with an optional exclude list</li>
<li>Sort by name, product count or menu order</li>
<li>Hide empty categories</li>
<li>Falls back to the first product image when a category has no thumbnail</li>
<li>Optional product count per category</li>
</ul>
<h4>Layout and design</h4>
<ul>
<li>Two card styles: Clean Card and Minimal</li>
<li>Rounded, square or circle image shapes</li>
<li>Adjustable columns per device, gap, card padding, radius and shadow</li>
<li>Hover effects: lift, zoom and shine</li>
<li>Full navigation set: arrows, dots, scrollbar, progress bar, slide counter and keyboard control</li>
<li>Autoplay with delay, loop and pause-on-hover</li>
</ul>
<h4>Block editor integration</h4>
<p>The Gutenberg block has a clean two-panel sidebar: a Settings panel for the data source, layout, behavior and navigation, and a Styles panel for card style, colors, shadows and hover effects. A live server-side preview shows exactly what visitors will see.</p>
<h4>Shortcode examples</h4>
<pre><code>[amitry_slider type="products" filter="newest" count="12"]
[amitry_slider type="products" filter="sale" slides_desktop="4"]
[amitry_slider type="categories" sort="count"]
</code></pre>
<p>All block options are available as shortcode attributes.</p>
<h4>Performance</h4>
<ul>
<li>CSS and JavaScript load only on pages where a slider is rendered</li>
<li>Optional query caching for product and category queries</li>
<li>Swiper is bundled locally – no external CDN requests</li>
</ul>
<h4>WooCommerce compatible</h4>
<ul>
<li>HPOS (High-Performance Order Storage) compatible</li>
<li>Cart and Checkout blocks compatible</li>
<li>Works with the latest WooCommerce and WordPress</li>
</ul>
<h4>Go further with Pro</h4>
<p>A separate Pro add-on extends the free plugin through documented hooks. Pro adds premium designs (Overlay, Circle, 3D Carousel, Masonry), hover image swap, automatic New and Bestseller badges, AJAX add to cart, a Quick View popup, a sale countdown timer, a wishlist with a dedicated page, a stock progress bar and a low-stock label. The free plugin works fully on its own; Pro requires it and hooks in through the public hook API.</p>
<p>See the live demo at (https://slider.amitry.de/) and get Pro at (https://amitry.de/amitry-product-category-slider/)</p>


Amitry Product & Category Slider for WooCommerce

Responsive WooCommerce product slider and category carousel. Gutenberg block, Elementor widget and shortcode. Fast, no-code, fully customizable.

CodeWithSani Product Slider for WooCommerce vs Amitry Product & Category Slider for WooCommerce