--- title: "How to Create a WooCommerce Product Carousel List in WordPress?" url: https://nexterwp.com/docs/create-a-woocommerce-product-carousel-list-in-wordpress/ date: 2024-11-29 modified: 2026-09-27 lang: en author: "Aditya Sharma" description: "A shop with a dozen categories cannot give each one a full card above the fold. A carousel buys the space back. This is the product-category taxonomy in the carousel..." image: https://nexterwp.com/wp-content/uploads/2024/11/How-to-Create-a-WooCommerce-Product-Carousel-List-in-WordPress_-1024x519.jpg word_count: 581 --- # How to Create a WooCommerce Product Carousel List in WordPress? ## Key Takeaways - Nexter Blocks Taxonomy Listing block creates a WooCommerce product category carousel by selecting Carousel in the Layout section and Product categories in the Select Taxonomy dropdown. - Nexter Blocks requires the block to be installed and activated before using the Taxonomy Listing block. - Product tags also create a carousel when the Product tags option is selected instead of Product categories. A shop with a dozen categories cannot give each one a full card above the fold. A carousel buys the space back. This is the product-category taxonomy in the carousel layout — the same slider as the blog category carousel, with the same two defaults worth changing. *For every Taxonomy Listing setting in one place, see the [Taxonomy Listing guide](https://nexterwp.com/docs/add-taxonomy-listing-in-wordpress/).* [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/builder/wordpress-taxonomy-listing/) ## Before You Start - **Edition:** **Pro** — the Taxonomy Listing block needs Nexter Blocks Pro.- **Block to enable:** Taxonomy Listing, switched on under **Nexter > Blocks** in your WordPress dashboard.- **WooCommerce active, with product categories.** Product categories are an ordinary taxonomy to this block, but they only exist once WooCommerce does.- **Images on your product categories**, set in Nexter's term image field. ## Steps - Add the **Taxonomy Listing** block, choose **product categories**, and set the layout to **carousel**. ![Product categories in a carousel](https://nexterwp.com/wp-content/uploads/2026/09/tx-select-taxonomy-woocat.webp) - Set the cards per view, turn **autoplay off**, enable arrows, then publish. ![Carousel settings for product categories](https://nexterwp.com/wp-content/uploads/2026/09/tx-fe-woocar.webp) ## How It Behaves - **Measured on a seeded store:** 4 product categories rendered inside the slider track, each linked to its own archive and carrying its real product count.- **Autoplay is on by default and does not pause on hover.** Measured in the slider configuration: `autoplay: true`, `pauseOnHover: false`. Turn it off unless you have a reason to keep it, because a moving carousel is hard to read and hard to click.- **One card per view is the default.** Measured `perPage: 1`, so an unconfigured carousel shows a single category across the full width. Set the per-view count for each breakpoint.- **Arrows are off and dots are on by default**, which is usually the wrong way round for a shop.- **Empty categories are hidden by default**, so unstocked categories stay out.- **The category image comes from Nexter's own term image field**, set on the term itself when you edit it. It is not WordPress's featured image and, on a product category, it is not WooCommerce's category image either — those are stored separately and this block does not read them.- **Type a number into the item count; do not leave it blank.** Measured on 5.0.6: a blank field renders **one** term rather than all of them, and so does `0`. Reported to the developers.- **Measured with Nexter Blocks Pro deactivated:** the block renders nothing at all — not a wrapper, not a message, zero output. This is a Pro-only block. ## Limitations - **Pro only** — nothing renders with Pro deactivated.- **Autoplay without pause-on-hover costs you clicks.** A shopper reaching for a category can have it slide out from under the cursor. Turn it off.- **Categories off-screen are effectively hidden**, which matters more on a shop than on a blog. If category browsing is your main path to purchase, use a grid.- **WooCommerce's own category image is not used** — set Nexter's term image.- **The count includes out-of-stock products.**- **Four categories do not need a carousel.** Use a grid and let shoppers see all of them at once. ## Troubleshooting ### Only one category shows at a time One card per view is the default. Set the per-view count for each breakpoint. ### It slides away as shoppers try to click Autoplay is on by default and does not pause on hover. Switch it off. ### The category images are blank or generic Set Nexter's term image on each product category. WooCommerce's category image is a separate field and is not read here. ### A category is missing from the carousel It has no products and empty terms are hidden by default. ## Related Docs - [Create a WooCommerce product category list](https://nexterwp.com/docs/create-a-woocommerce-product-category-list-in-wordpress/)- [Create a category carousel](https://nexterwp.com/docs/create-a-category-carousel-in-wordpress/)- [Add taxonomy listing in WordPress](https://nexterwp.com/docs/add-taxonomy-listing-in-wordpress/)- [Add product listing in WordPress](https://nexterwp.com/docs/add-product-listing-in-wordpress/)- [Advanced tab settings](https://nexterwp.com/docs/use-advanced-tab-in-nexter-blocks/)