A compact list of WooCommerce products with image, price, rating and add to cart. It comes with Bright Addons Blocks Pro, which also includes every free block.
Live demo
This is the block itself with its starting settings. Change any of them in the block sidebar.
What you can set
The Product List block has 3 settings panels. No code needed.
Set show, Products, More product IDs, Only from categories, Leave out categories, Only with tags, Number of products, Skip first, Order by and 4 more settings.
Set columns, Ranking numbers, Image, Image resolution, Image position, Category, Title tag, Star rating, Show stars without reviews and 4 more settings.
Set add to cart button, Button shows, Button icon, Add to cart text, Text for products with options, Text when it cannot be bought, Add without reloading the page, Text after adding, After adding and 1 more settings.
How to use it
Settings
The full list, panel by panel, is in the Product List guide.
| Setting | What it does | Choices |
|---|---|---|
| Show (Products) | Choose one. | Latest products, Featured products, On sale, Best selling, Top rated, Manual selection, Related to the current product, Upsells of the current product |
| Products (Products) | Shown in the order you pick them. The list holds the 200 newest products; use the field below for older ones. | – |
| More product IDs (Products) | Comma separated. | – |
| Only from categories (Products) | Text you type. | – |
| Leave out categories (Products) | Text you type. | – |
| Only with tags (Products) | Text you type. | – |
| Number of products (Products) | From 1 to 100. | – |
| Skip first (Products) | A number. | – |
| Order by (Products) | Choose one. | Newest, Name, Price, Sales, Rating, Shop order (menu order), Random |
| Order (Products) | Choose one. | High to low / newest / z to a, Low to high / oldest / a to z |
| Hide out of stock products (Products) | On or off. | – |
| Leave out the product being viewed (Products) | On or off. | – |
| Nothing found message (Products) | Text you type. | – |
| Columns (List) | From 1 to 4. | – |
Questions
Product List is a Pro block. It comes with Bright Addons Blocks Pro, which has the same plans and prices as Bright Addons Pro for Elementor and includes all 62 free blocks.
Yes. This block shows WooCommerce data, so WooCommerce must be active. Without it, the block shows nothing on the page.
No. It is a block for the WordPress block editor (Gutenberg). Elementor is not needed. If you use Bright Addons Pro for Elementor on the same site, both plugins work side by side.
No. Each block loads only its own small CSS and JavaScript, and only on pages where it is used. Blocks you do not need can be switched off in Bright Blocks.
Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.
More blocks
Bright Addons Blocks
Blocks Pro has all 99 Pro blocks, the 62 free blocks, Pro effects for every block, Theme Templates and popups.