Related Products

Displays a grid of WooCommerce products related to the current product. Only renders on single-product templates. It is shown in the block inserter as Canvas Related Products and registered as canvas-core/woo-related-products.

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

The Related Products 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

  • HeadingDefaultEmpty

    Leave blank for the default heading ("Related Products"). Set it to blank-with-a-space to keep the heading element but empty; use Show Heading to remove it entirely.

  • Show HeadingDefaultOn

    Print a heading above the strip. Turn it off when the surrounding section already carries one.

  • ProductsDefaultRelated (matched by category / tag)

    Related products are DERIVED from the shared categories and tags, and WooCommerce shuffles them, so the strip changes on every page load. Up-sells and cross-sells are the products chosen by hand in the Linked Products panel, which is what to use when the strip has to show a specific set in a specific order.

    ChoicesRelated (matched by category / tag)Up-sells (curated on the product)Cross-sells (curated on the product)

  • Order ByDefaultWooCommerce Default (shuffled)

    WooCommerce shuffles this list by default, so an unpinned strip is a different strip on every request. Anything other than Default pins it.

    ChoicesWooCommerce Default (shuffled)Curated Order (as stored on the product)Sort Order (menu_order)TitleDatePrice

  • OrderDefaultAscending

    Which end of that sequence comes first: cheapest and oldest first, or dearest and newest first.

    ChoicesAscendingDescendingShown when Order By is "Sort Order (menu_order)" or "Title" or "Date" or "Price"

  • LayoutDefaultGrid

    Carousel uses an owl-carousel with centred cards.

    ChoicesGridCarousel

  • Product LimitDefault4

    The most products the strip shows, however many match.

  • ColumnsDefault4 Columns

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

    Choices2 Columns3 Columns4 Columns5 Columns6 Columns

Card Display

  • Show ImageDefaultOn

    Show the product photograph on each card.

  • Show TitleDefaultOn

    Show the product name on each card.

  • Show PriceDefaultOn

    Show the price on each card.

  • Show RatingDefaultOn

    Show the star rating on each card. A product with no reviews shows no stars.

  • Show Sale BadgeDefaultOn

    Mark a card whose product is currently on sale.

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?