<p>Transform your WooCommerce store by turning static product thumbnails into <strong>dynamic, responsive image sliders</strong> — right on the shop and category pages. Improve customer engagement, showcase product galleries instantly, and boost conversions with a fully customizable and mobile-friendly carousel system.</p>
<h2>Key Features</h2>
<ul>
<li>Add responsive image sliders to shop and category pages</li>
<li>Display product gallery images as carousels directly on archive pages</li>
<li>Choose where the slider appears: all products, selected products, or specific categories</li>
<li>Only products with gallery images will show the slider</li>
<li>Replace default product thumbnails with interactive sliders</li>
<li>Customize slider settings from the admin panel</li>
<li>Show or hide navigation arrows</li>
<li>Show or hide pagination dots</li>
<li>Choose custom colors for arrows, dots, and active dots</li>
<li>Fully responsive design for mobile, tablet, and desktop</li>
<li>Built using the Slick Slider library for smooth and fast transitions</li>
<li>Mobile-optimized with touch-friendly controls</li>
<li>Advanced loading states with shimmer effects and spinners</li>
<li>Maintains consistent height during loading to prevent layout shifts</li>
<li>Lazy loads images for faster page performance</li>
<li>Smart filtering automatically skips products without gallery images</li>
<li>Easy-to-use admin interface under WooCommerce settings</li>
<li>Compatible with both classic and block-based WordPress themes</li>
<li>Full support for WooCommerce High-Performance Order Storage (HPOS)</li>
<li>Lightweight and optimized for frontend performance</li>
<li>Error handling with graceful fallback for missing or broken images</li>
<li>Designed to work with most WooCommerce-compatible themes</li>
<li>Clean and modern design that enhances the product browsing experience</li>
<li>No coding required – simple setup in minutes</li>
</ul>
<h2>Benefits</h2>
<ul>
<li>Improve product visibility by showcasing multiple images directly on shop and category pages</li>
<li>Enhance customer engagement with smooth, interactive sliders</li>
<li>Boost conversions by providing richer product previews without navigating to single product pages</li>
<li>Mobile optimized for seamless shopping on any device</li>
<li>Lightweight and fast to keep your store performance high</li>
</ul>
<p><strong>Shop page with gallery sliders example:</strong></p>
<p><a href="https://woocommerce.com/wp-content/uploads/2025/09/SHOP-PAGE.png"><img class="alignnone wp-image-18734005772884 size-medium" src="https://woocommerce.com/wp-content/uploads/2025/09/SHOP-PAGE.png?w=896" alt="" width="896" height="721" /></a></p>
<p>Easily disable navigation dots below the product gallery slider for a cleaner look.</p>
<p><strong>Demo example:</strong></p>
<p><a href="https://woocommerce.com/wp-content/uploads/2025/09/slider-without-dots.png"><img class="alignnone wp-image-18734005773009 size-full" src="https://woocommerce.com/wp-content/uploads/2025/09/slider-without-dots.png" alt="" width="1920" height="1032" /></a></p>
<p>Show or hide navigation arrows to customize your product gallery slider controls.</p>
<p><strong>Demo example:</strong></p>
<p><a href="https://woocommerce.com/wp-content/uploads/2025/09/without-arrow-slider.png"><img class="alignnone wp-image-18734005773025 size-medium" src="https://woocommerce.com/wp-content/uploads/2025/09/without-arrow-slider.png?w=896" alt="" width="896" height="482" /></a></p>
<h2>Back-end admin settings panel:</h2>
<p><a href="https://woocommerce.com/wp-content/uploads/2025/09/Admin-Settings-Panel-1.png"><img class="alignnone wp-image-18734005772968 size-medium" src="https://woocommerce.com/wp-content/uploads/2025/09/Admin-Settings-Panel-1.png?w=896" alt="" width="896" height="1006" /></a></p>
<h2>Slider appearance:</h2>
<p>Choose where to display the slider.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2025/09/slider-Appearance.png"><img class="alignnone wp-image-18734005773041 size-medium" src="https://woocommerce.com/wp-content/uploads/2025/09/slider-Appearance.png?w=896" alt="" width="896" height="183" /></a></p>

Shop Page Gallery Slider

<p data-start="68" data-end="242"><strong data-start="68" data-end="148">Add a responsive product slider to your WooCommerce shop and category pages.</strong> Show gallery images in a sleek, mobile-friendly carousel. Easy to use and fully customizable.</p>

<ul class="wccom-tick-list-primary">
<li>Easily reorder products with drag & drop or select from 18 built-in sorting rules.</li>
<li><strong data-start="214" data-end="238">Drag & Drop Sorting:</strong> Quickly rearrange products in any category, subcategory, or tag.</li>
<li><strong data-start="308" data-end="331">18 Sorting Options:</strong> Sort by name, date, price, sales, reviews, stock, and more.</li>
<li><strong data-start="396" data-end="423">Category-Based Sorting:</strong> Set unique sort orders for each category, subcategory, or tag.</li>
<li><strong data-start="491" data-end="510">Global Sorting:</strong> Apply a single sort order across your entire store in one step.</li>
<li><strong data-start="917" data-end="944">Schedule-Based Sorting:</strong> Set time-based sorting rules that auto-activate/deactivate. <strong><em>(New)</em></strong></li>
<li><strong data-start="1015" data-end="1038">Role-Based Sorting:</strong> Display different product orders based on user roles. <em><strong>(New)</strong></em></li>
<li><strong data-start="729" data-end="752">Sort by Attributes:</strong> Sort products by size, color, brand, or custom attributes in the dropdown. <strong><em>(New)</em></strong></li>
<li><strong data-start="822" data-end="848">Sale Products Sorting:</strong> Show “Sale First” or “Sale Last” in the sorting dropdown. <em><strong>(New)</strong></em></li>
<li><strong data-start="645" data-end="671">Set Products Per Page:</strong> Control how many products appear on each page. <em><strong>(New)</strong></em></li>
<li><strong data-start="579" data-end="599">One-Click Reset:</strong> Restore default sorting instantly.<em><strong> (New)</strong></em></li>
<li><strong data-start="1103" data-end="1129">Hide Sorting Dropdown:</strong> Remove the default sorting menu from the frontend.</li>
<li><strong data-start="1185" data-end="1215">Elementor Loop Compatible:</strong> Fully supports Elementor Loop Grid, ensuring your custom layouts follow the selected sorting rules.</li>
</ul>
<hr />
<p>Want full control over how products appear in your WooCommerce store? <strong data-start="136" data-end="172">Reorder Products for WooCommerce</strong> lets you sort items for your entire shop or for specific categories, subcategories, and tags. Easily arrange products using drag & drop or choose from 18 built-in sorting options like price, popularity, date, stock, and more.</p>
<p>You can also sort by attributes, highlight sale products, set time-based or role-based sorting rules, control products per page, and restore defaults with just one click. It’s the easiest way to organize your store exactly the way you want.</p>
<h3>Sort products for</h3>
<ul class="wccom-tick-list-secondary">
<li>Whole Shop</li>
<li>Each <strong>Category</strong></li>
<li>Each <strong>Subcategory</strong></li>
<li>Each <strong>Tag</strong></li>
</ul>
<div class="woo-sc-box normal  success ">This plugin is fully compatible with Elementor Loop Grid.</div>
<h3>Two sorting options:</h3>
<p>Sort products within categories, subcategories, and tags using:</p>
<ol>
<li data-start="102" data-end="148"><strong data-start="102" data-end="117">Drag & Drop</strong> <strong>Sorting:</strong> Reorder products using drag & drop interface.</li>
<li data-start="152" data-end="231"><strong data-start="152" data-end="177">18 Predefined Options:</strong> Sort products by price, popularity, date, stock and more.</li>
</ol>
<h3>Drag-and-drop Sorting Products</h3>
<p>Easily rearrange products within WooCommerce categories, subcategories, and tags via a simplified drag-and-drop functionality.</p>
<h4>Grid View</h4>
<p><img class="alignnone size-full wp-image-18734005354201" src="https://woocommerce.com/wp-content/uploads/2024/11/Custom-Sorting-Gif-2.gif" alt="Drag and Drop Sorting Products WooCommerce" width="980" height="551" /></p>
<h4>Table View</h4>
<p><img class="alignnone size-full wp-image-18734006006301" src="https://woocommerce.com/wp-content/uploads/2024/11/Frame-34.png" alt="Drag & Drop in Table View" width="980" height="545" /></p>
<h3>Sort Products Using 18 Pre-defined Options</h3>
<p>Product Sorting WooCommerce allows you to choose from an array of sorting options to reorder products for each category, subcategory, and tag using</p>
<ul>
<li><b>ID </b>– Ascending</li>
<li><b>ID </b>– Descending</li>
<li><b>Name </b>– Ascending (A to Z)</li>
<li><b>Name </b>– Descending (Z to A)</li>
<li><b>Date </b>– Ascending</li>
<li><b>Date </b>– Descending</li>
<li><b>Price </b>– Ascending</li>
<li><b>Price </b>– Descending</li>
<li><b>Product Rating </b>– Ascending</li>
<li><b>Product Rating</b> – Descending</li>
<li><b>Number of Reviews </b>– Ascending</li>
<li><b>Number of Reviews </b>– Descending</li>
<li><b>Most Viewed Products</b> – Ascending</li>
<li><b>Most Viewed Products</b> – Descending</li>
<li><b>Number of Sales </b>– Ascending</li>
<li><b>Number of Sales </b>– Descending</li>
<li><b>Stock Quantity </b>– Ascending</li>
<li><b>Stock Quantity </b>– Descending</li>
</ul>
<h4>Global Sorting</h4>
<p>Sort all products in your store at once. This single setting will organize everything – products in categories, subcategories, and even those with specific tags – all in the same way.</p>
<p><img class="alignnone size-full wp-image-18734006474011" src="https://woocommerce.com/wp-content/uploads/2024/11/Frame-35.png" alt="Sort Products for WooCommerce Whole Shop" width="980" height="661" /></p>
<h4>Sort products within categories/subcategories</h4>
<p>Select to rearrange products in your desired category or subcategory and choose your preferred sorting order — ascending or descending.</p>
<p><img class="alignnone size-full wp-image-18734006474014" src="https://woocommerce.com/wp-content/uploads/2024/11/Frame-36.png" alt="Sort Products for WooCommerce Categories" width="980" height="856" /></p>
<h4>Sort products within tags</h4>
<p>Just like sorting products in categories, you can also simply select your desired tag and choose your preferred sorting order in ascending or descending order.</p>
<p><img class="alignnone size-full wp-image-18734006474017" src="https://woocommerce.com/wp-content/uploads/2024/11/Frame-37.png" alt="Sort Products for WooCommerce Tags" width="980" height="688" /></p>
<h3>Schedule-Based Product Sorting</h3>
<p>Automatically change product order based on time. Set start and end times, and let your sorting rules activate and deactivate on schedule.</p>
<p><img class="alignnone size-full wp-image-18734006474047" src="https://woocommerce.com/wp-content/uploads/2024/11/Frame-38-1.png" alt="Schedule-Based Product Sorting for WooCommerce" width="980" height="316" /></p>
<h3>Role-Based Product Sorting</h3>
<p>Show different product orders for different user roles, giving each customer a personalized shopping experience.</p>
<p><img class="alignnone size-full wp-image-18734006474021" src="https://woocommerce.com/wp-content/uploads/2024/11/Frame-39.png" alt="Role-Based Product Sorting for WooCommerce" width="980" height="305" /></p>
<h3>Automatic detection</h3>
<p>Sort Products for WooCommerce automatically detects your categories, subcategories, and tags, enabling you to set a unique sorting order for each page. Each page can feature its own customized sorting order!</p>
<h3>Restore Default Sorting</h3>
<p>One-click ‘Restore Default Sorting’ feature allows you to instantly revert your product display order back to its original state.</p>
<h3>Number of Products Per Page</h3>
<p>Precisely configure the number of products displayed on each page to enhance the customer browsing experience.</p>
<h3>Sort by Attributes (Set by Customers)</h3>
<p>Let customers sort products by attributes like color, size, or brand directly from the frontend dropdown.</p>
<h3>Sale Products Sorting (Set by Customers)</h3>
<p>Highlight discounted items by showing “Sale First” or “Sale Last” in the frontend sorting dropdown. Automatically reverts to default sorting if no sale products exist.</p>
<p><img class="alignnone size-full wp-image-18734006474704" src="https://woocommerce.com/wp-content/uploads/2024/11/Frame-52.png" alt="Rearrange Products for WooCommerce" width="980" height="393" /></p>
<h3>Hide the WooCommerce sorting dropdown</h3>
<p>Hide the WooCommerce default sorting dropdown to display products in your selected display order only.</p>
<p><img class="alignnone wp-image-18734005354093" src="https://woocommerce.com/wp-content/uploads/2024/11/Frame-22.png" alt="Hide WooCommerce Dropdown menu for sorting" width="811" height="541" /></p>
<p data-start="52" data-end="125"><strong data-start="52" data-end="76">Seamless Integration</strong><br data-start="76" data-end="79" />Easily works with your existing store setup:</p>
<ul data-start="127" data-end="423">
<li data-section-id="tmmoi8" data-start="127" data-end="206"><strong data-start="129" data-end="150">WooCommerce HPOS:</strong> Fully compatible with High-Performance Order Storage.</li>
<li data-section-id="1q2ql9n" data-start="207" data-end="283"><strong data-start="209" data-end="232">WooCommerce Blocks:</strong> Supports block-based shop and archive templates.</li>
<li data-section-id="3lmad8" data-start="284" data-end="350"><strong data-start="286" data-end="300">Elementor:</strong> Works with Elementor product widgets and loops.</li>
<li data-section-id="sqn684" data-start="351" data-end="423"><strong data-start="353" data-end="367">Any Theme:</strong> Compatible with any properly coded WooCommerce theme.</li>
</ul>
<hr />
<h2>Benefits of Sort Products for WooCommerce</h2>
<ol>
<li><b>Enhanced product visibility:</b> Highlight specific products or new arrivals by customizing their display order.</li>
<li><b>Improved customer experience:</b> Offer a more intuitive and personalized shopping experience by organizing products in a logical and relevant way.</li>
<li><b>Increased sales:</b> Drive more sales by strategically positioning high-performing products and promotions.</li>
<li><b>Simplified product management:</b> Easily manage and organize your product catalog with a user-friendly drag-and-drop interface.</li>
<li><b>Complete customization:</b> Tailor your product display to your specific needs by choosing from 18 sorting options or creating custom sorting rules.</li>
</ol>

Sort Products

<p><b>Sort Products for WooCommerce</b> allows you to <b>reorder</b> <strong>products</strong> with drag & drop and 18 powerful sorting options for categories, subcategories, and tags.</p>

Shop Page Gallery Slider vs Sort Products