Product Categories

Display WooCommerce product categories as a responsive card grid with thumbnails, names, and product counts. It is shown in the block inserter as Canvas Product Categories and registered as canvas-core/woo-product-categories.

Select the block on a page and its own settings open in the sidebar, in the panels below:

The Product Categories settings in the block editor sidebar

Settings

Each setting is named exactly as the block editor names it, followed by what it does and what it starts as. Where a setting carries a Shown when line, it stays hidden until that condition is met, which is the usual reason a setting looks missing from the sidebar:

Content

  • LayoutDefaultImage Cards (grid)

    Link List is the sidebar shape: a plain of category links with no imagery, so it can sit inside a widget next to the other sidebar widgets.

    ChoicesImage Cards (grid)Link List

  • ColumnsDefault4

    How many category cards sit side by side on a wide screen. Narrow screens stack them.

    Choices23456Shown when Layout is "Image Cards (grid)"

  • LimitDefault6

    The most categories shown, however many the shop has.

  • Order ByDefaultName

    What decides the sequence of the categories. Product Count puts your biggest ones first.

    ChoicesNameProduct CountID

  • OrderDefaultAscending

    Which end of that sequence comes first. Pair Descending with Product Count to lead on the largest categories.

    ChoicesAscendingDescending

  • Hide EmptyDefaultOn

    Leave out categories that have no products in them yet.

  • Show Product CountDefaultOn

    Print how many products each category holds.

  • Top-level OnlyDefaultOff

    Show only top-level categories

Every Canvas block also carries the Animation, Scroll Effects and Advanced panels, which are described in Controls every Canvas block has.

Other blocks in WooCommerce: Add to Cart, Cart Table, Cart Totals, Checkout Billing, Checkout Order Review, Conference Tickets.

Was this page helpful?