Types: ProductGridProps to ListingEmptyProps

The cards to show, in order.

Grid tiles or list rows; defaults to `grid`.

Cards per row on wide and narrow screens; defaults to four and two.

Card parts to switch off.

The card image's CSS aspect ratio.

The cards' button texts.

The heading and text shown when there are no cards.

Shows a page of placeholders instead of the cards.

Classes added to the grid.

The list's name in the store's analytics, such as a rail's heading; unset keeps the enclosing list's.

The cards inside, in the order they show.

The cards in your own layout.

The list's name in the store's analytics, such as a rail's heading; unset keeps the enclosing list's, or the search results.

The cards to show, in order.

The rail's heading.

A line under the heading.

Where "view all" leads; defaults to the catalogue.

A grid, or one scrolling row; defaults to `grid`.

Cards visible at once in a scrolling row, 3 to 6; defaults to 5.

Shows the row's arrows on narrow screens too when it holds more than two cards.

Arrows over the row's sides, or together above its right end; defaults to `edges`.

Shows a full-width "view all" button under the cards on narrow screens; defaults to true.

Classes added to the section.

Classes added to the heading row and the grid.

Drawn before the heading; a star when unset.

The heading, as {@link useListing} hands it.

A control shown beside the heading on wide screens, such as {@link SortSelect}.

Called by the "clear search" button of a results page; without it the button is not shown.

The "clear search" button's text; defaults to the store's wording.

Disables the button while the list reloads.

Classes added to the heading row.

The heading; defaults to the store's "no products" wording.

The text under it.

Classes added to the block.