Transform your WooCommerce store by turning static product thumbnails into dynamic, responsive image sliders — 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.
<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>
Shop page with gallery sliders example:
<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>
Easily disable navigation dots below the product gallery slider for a cleaner look.
Demo example:
<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>
Show or hide navigation arrows to customize your product gallery slider controls.
Demo example:
<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>
<h2>Back-end admin settings panel:</h2>
<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>
<h2>Slider appearance:</h2>
Choose where to display the slider.
<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>

Shop Page Gallery Slider

Add a responsive product slider to your WooCommerce shop and category pages. Show gallery images in a sleek, mobile-friendly carousel. Easy to use and fully customizable.

<ul class="wccom-tick-list-primary">
<li>Works for simple and variable products</li>
<li>Easy to create and use the Product Specification Table</li>
<li>Multiple field types supported[i.e Text, Radio, Select-box, Image, Hyperlink & more] in the attribute creation</li>
<li>Create multiple Specification Tables for a single product</li>
<li>Table elements can combine into groups, and you can use them across multiple tables</li>
<li>Shortcode for displaying the Product Specification Table</li>
<li>An option to Hide the Product Specification Tab when the Shortcode is used to display the Specification Table</li>
<li>An option to hide certain attribute(s) of the respective Group(s) in the Product Specification Table while configuring it under the product</li>
<li>Sorting supported for the Attributes in the Group, Groups in the Table and Attributes of the respective Table under each product configuration</li>
<li>An option to bulk update to assign Specification Table with products</li>
<li>An option added to display the Specification Table when clicking the link</li>
<li>An option to Hide the WooCommerce Specification Table display when the plugin’s Specification Table is available in the Product</li>
<li>Highly customizable</li>
</ul>
<hr />
<h2>Display Product Details in a Table</h2>
Product Specification Table for WooCommerce allows you to create and display product details in tables on the product pages.
<h2>Benefits</h2>
Reduces cart abandonment
Customers can view all product details so they can complete their purchases without hesitation.
Customer-friendly
Your customers can easily view all product details and make their purchase decisions accordingly.
<h2>How does it work?</h2>
Group configuration
The first step in creating a Product Specification Table is making the Groups available. With Groups, you can bundle multiple table elements (attributes) in each Group. Use created groups later to create any number of tables.
<figure style="width: 1080px" class="wp-caption alignnone"><img src="https://woocommerce.com/wp-content/uploads/2021/10/pst-group-configuration.png" alt="" width="1080" height="608" /><figcaption class="wp-caption-text">Group Configuration</figcaption></figure>
Attribute configuration
<ul>
<li>Attributes are elements that display in the Table. One or more attributes can link to a Group.</li>
<li>The following type of fields supported in the attribute creation,
<ul>
<li>Text</li>
<li>Select</li>
<li>Radio</li>
<li>Text Area</li>
<li>Checkbox</li>
<li>Hyperlink</li>
<li>Image</li>
</ul>
</li>
</ul>
<figure id="attachment_18734004123490" aria-describedby="caption-attachment-18734004123490" style="width: 980px" class="wp-caption alignnone"><img class="wp-image-18734004123490 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/100_Attributes-with-types.png" alt="" width="980" height="536" /><figcaption id="caption-attachment-18734004123490" class="wp-caption-text">Attribute Configuration</figcaption></figure>
Table configuration
Within this section, you can create Tables by selecting the available Groups and its attributes. You can sort the selected Groups as per your preferences. This sorting is helps in the Table value display when it is selected under the respective product configuration.
<figure style="width: 1080px" class="wp-caption alignnone"><img src="https://woocommerce.com/wp-content/uploads/2021/10/pst-table-configuration.png" alt="" width="1080" height="608" /><figcaption class="wp-caption-text">Table Configuration</figcaption></figure>
Linking tables to products
<ul>
<li>Once you have created the Groups, Attributes and Tables, assign the tables to products.</li>
<li>Create a New Product or edit an existing product.</li>
<li>In the General section of the product configuration, select the Table you want to display for this product under the Select a Table option.</li>
<li>Once you select the Table, all the attributes linked to the Table will display in the same order you have configured.</li>
</ul>
<figure id="attachment_18734004123497" aria-describedby="caption-attachment-18734004123497" style="width: 980px" class="wp-caption alignnone"><img class="wp-image-18734004123497 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/101_Linking-Tables-to-Products.png" alt="" width="980" height="570" /><figcaption id="caption-attachment-18734004123497" class="wp-caption-text">Configuring Table on Product Page</figcaption></figure>
<ul>
<li>You can change the Attribute Values as per your need for this product and Publish it.</li>
<li>You can hide the specific attributes as per your need for this product using the respective field which is available under the Hide Attribute column.</li>
<li>You can sort the attributes as per your need for this product using the sort field which is available in the respective attributes.</li>
<li>To create a second table, click on the Add Rule button and repeat the process.</li>
<li>Once the changes have been saved, the Product Specification Table will be displayed on the selected product page under the Product Specifications section.</li>
</ul>
<figure id="attachment_18734004123502" aria-describedby="caption-attachment-18734004123502" style="width: 980px" class="wp-caption alignnone"><img class="wp-image-18734004123502 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/102-Specification-Table-display_Product-Page.png" alt="" width="980" height="449" /><figcaption id="caption-attachment-18734004123502" class="wp-caption-text">Product Specification Table Visible on Product Page</figcaption></figure>
<h2>Update the Specification Table in Bulk</h2>
<figure id="attachment_18734004123505" aria-describedby="caption-attachment-18734004123505" style="width: 980px" class="wp-caption alignnone"><img class="wp-image-18734004123505 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/103_Bulk-Update-Table_Settings.png" alt="" width="980" height="359" /><figcaption id="caption-attachment-18734004123505" class="wp-caption-text">Bulk Update Settings</figcaption></figure>
<ul>
<li>If you want to update the same specification for more than one products or products of a specific categories, then you can achieve it using the Bulk Update settings.</li>
<li>Select the Eligible Products/Categories using the Product Filter & the respective specification Table under Bulk Update settings and click the Bulk Update button.</li>
</ul>
<h3>Requirements</h3>
Minimum PHP version: 5.6

Product Specification Table

Create and display product details in tables on product pages with Product Specification Table for WooCommerce.

Shop Page Gallery Slider vs Product Specification Table