Display WooCommerce product categories with good designs and grid and slider view. Also work with Gutenberg shortcode block.

Pratik Jain

WP OnlineSupport

Anoop Ranawat

Ketan Patel

Essential Plugin

Piyush Patel

Riddhi Shukla

<a href="https://demo.essentialplugin.com/product-categories-designs-for-woocommerce-demo/?utm_source=WP&utm_medium=Product-Category&utm_campaign=Read-Me" rel="nofollow ugc">Explore Product Categories Designs for WooCommerce Features</a> | <a href="https://www.essentialplugin.com/pricing/?utm_source=WP&utm_medium=Product-Category&utm_campaign=Read-Me" rel="nofollow ugc">Annual or Lifetime Bundle Deal</a>
Display WooCommerce product categories with good designs and grid and slider view. Added two designs i.e. design-1, design-2 work with both grid and slider.
Plugin add a sub tab under “Products –> Category Designs – How It Works” for more details.
Try <a href="https://wordpress.org/plugins/woo-product-slider-and-carousel-with-category/" rel="ugc">Woo Product Slider and Carousel with category</a>
Also work with Gutenberg shortcode block.
<h4>This plugin contain 2 shortcode:</h4>
1) Display WooCommerce product categories in grid view
<pre><code>[wpos_product_categories]
</code></pre>
2) Display WooCommerce product categories in slider / carousel view
<pre><code>[wpos_product_categories_slider]
</code></pre>
<h4>You can use Following parameters with shortcode</h4>
Product Categories in Grid
<pre><code>[wpos_product_categories]
</code></pre>
<ul>
<li>columns: 
[wpos_product_categories columns=”4″] (Display Number of Category Per Row. Default value is 3)</li>
<li>Design: 
[wpos_product_categories design=”design-2″] (Design Number to Display your Product Category. Values are design-1 or design-2. Default value is design-1.)</li>
<li>number: 
[wpos_product_categories number=”5″] ( i.e. Display 5 product categories at time. Default value is all )</li>
<li>Order by product categories: 
[wpos_product_categories orderby=”name”] ( Accepts term fields (‘name’, ‘slug’, ‘term_group’, ‘term_id’, ‘id’, ‘description’) )</li>
<li>Order: 
[wpos_product_categories order=”ASC”] (Accepts ‘ASC’ (ascending) or ‘DESC’ (descending). Default ‘ASC’ )</li>
<li>hide_empty: 
[wpos_product_categories hide_empty=”1″] (Accepts 1|true or 0|false. Default 1|true. )</li>
<li>ids: 
[wpos_product_categories ids=””] (Display Specific Category. values are Comma separated Category Id. Default is all.)</li>
<li>height: 
[wpos_product_categories height=”300″] (Set the height for Category.)</li>
<li>parent: 
[wpos_product_categories parent=””] (Enter parent category ID to retrieve direct-child terms of.)</li>
<li>extra_class: 
[wpos_product_categories extra_class=””] (Enter extra CSS class for design customization. Note: Extra class added as parent so using extra class you customize your design.)</li>
</ul>
Product Categories in Slider
<pre><code>[wpos_product_categories_slider]
</code></pre>
<ul>
<li>Design: 
[wpos_product_categories_slider design=”design-2″] (Design Number to Display your Product Category. Values are design-1 or design-2. By Default value is design-1.)</li>
<li>number: 
[wpos_product_categories_slider number=”5″] ( i.e. Display 5 product categories at time. Default value is all )</li>
<li>Order by product categories: 
[wpos_product_categories_slider orderby=”name”] ( Accepts term fields (‘name’, ‘slug’, ‘term_group’, ‘term_id’, ‘id’, ‘description’) )</li>
<li>Order: 
[wpos_product_categories_slider order=”ASC”] (Accepts ‘ASC’ (ascending) or ‘DESC’ (descending). Default ‘ASC’ )</li>
<li>hide_empty: 
[wpos_product_categories_slider hide_empty=”1″] (Accepts 1|true or 0|false. Default value is 1.)</li>
<li>ids: 
[wpos_product_categories_slider ids=””] (Display Specific Category. Values are Comma separated Category Id. Default it will take all.)</li>
<li>height: 
[wpos_product_categories_slider height=”300″] (Set the height for Category.)</li>
<li>Display number of product categories at time: 
[wpos_product_categories_slider slidestoshow=”3″] (Display no of product categories in a slider )</li>
<li>Number of products categories slides at a time: 
[wpos_product_categories_slider slidestoscroll=”1″] (Controls number of product categories rotate at a time)</li>
<li>Pagination and arrows: 
[wpos_product_categories_slider dots=”false” arrows=”false”] (Hide/Show pagination and arrows. Default value is “true”. Values are true OR false)</li>
<li>Autoplay and Autoplay Speed: 
[wpos_product_categories_slider autoplay=”true” autoplay_interval=”3000″]</li>
<li>Slide Speed: 
[wpos_product_categories_slider speed=”300″] (Control the speed of the slider)</li>
<li>loop: 
[wpos_product_categories_slider loop=”true”] (By default value is “true”. Values are true OR false)</li>
<li>parent: 
[wpos_product_categories_slider parent=””] (Enter parent category ID to retrieve direct-child terms of.)</li>
<li>extra_class: 
[wpos_product_categories_slider extra_class=””] (Enter extra CSS class for design customization. Note: Extra class added as parent so using extra class you customize your design.)</li>
</ul>
<h4>Stunning Features:</h4>
<ul>
<li>Product Categories in grid</li>
<li>Product Categories in Slider</li>
<li>100% Mobile & Tablet Responsive</li>
<li>Awesome Touch-Swipe Enabled</li>
<li>Work in any WordPress Theme</li>
<li>Created with Slick Slider</li>
<li>Lightweight, Fast & Powerful</li>
<li>Set Number of Columns you want to show</li>
<li>Slider auto play on/off</li>
<li>Navigation show/hide options</li>
<li>Pagination show/hide options</li>
</ul>
<h4>PRO Features Includes</h4>
<blockquote>
Premium Version
<ul>
<li>10 stunning and cool designs for Woocommerce Categories.</li>
<li>Product Categories in Grid view</li>
<li>Product Categories in Slider view</li>
<li>Created with Slick Slider</li>
<li>Awesome Touch-Swipe Enabled</li>
<li>Work in any WordPress Theme</li>
<li>WP Templating Feature</li>
<li>Gutenberg Block Supports.</li>
<li>Visual Composer / WPBakery Support</li>
<li>Elementor, Beaver and SiteOrigin Page Builder Support (New).</li>
<li>Divi Page Builder Native Support (New).</li>
<li>Fusion (Avada) Page Builder Native Support (New).</li>
<li>Display category title and description.</li>
<li>Display product count.</li>
<li>Display specific categories.</li>
<li>Exclude specific categories.</li>
<li>Category order and order by sorting parameter.</li>
<li>Lightweight, Fast & Powerful</li>
<li>Set Number of Columns you want to show</li>
<li>Slider Auto Play on/off</li>
<li>Navigation show/hide options</li>
<li>Pagination show/hide options</li>
<li>100% Mobile & Tablet Responsive</li>
</ul>
<a href="https://www.essentialplugin.com/wordpress-plugin/product-categories-designs-woocommerce/?utm_source=WP&utm_medium=Product-Category&utm_campaign=Read-Me" rel="nofollow ugc">Explore Product Categories Designs for WooCommerce Pro Features</a>
</blockquote>

Product Categories Designs for WooCommerce

It has potential but I'm having to do a lot of css work plus a js modification to get the look that supposedly is out of the box. I went to look for help in the forum but though questions are numerous, answers are missing. I bought another plugin of theirs which seems to work fairly well (again with a little css as even they admit height parameter doesn't work in all designs :/ ) but I won't be buying from them anymore. They should spend a little more time on their current library basic functionality.

Alternatives to Product Categories Designs for WooCommerce

Top alternatives