Elementor Widgets

How Plumbit product widgets display content

Understand Products Carousel, Grid, Grid Filter, and Single Product modes, their WooCommerce sources, filters, links, pagination, and carousel controls.

Plumbit Elementor product widgets use their own settings. Some modes query published WooCommerce products, while the separate Single Product widget selects one existing product record.

Before you begin#

  • Confirm WooCommerce, Elementor, and Plumbit Extensions are active.
  • Have published products available for the query or selector mode.
  • Open the Elementor page that contains the widget and identify the widget title before changing it.
Plumbit Product Categories widget controls for category display count, carousel behavior, responsive settings, and category counts.

Identify the product widgets#

Plumbit's extension widgets are titled Products and Single Product in Elementor. They are different from WooCommerce blocks and any Elementor-provided product widgets. Product widgets use their own widget settings, while WooCommerce products remain the catalog records they display.

Choose a Products display mode#

Visible settingWhat it displaysContent ownership
Products CarouselA carousel of published WooCommerce productsProduct query plus widget display settings
Products GridA grid of published WooCommerce productsProduct query plus widget display settings
Products Grid FilterA filterable product grid using the widget's category filter outputProduct query and widget filter settings
Single Product widgetOne existing product chosen by Product SelectSelected WooCommerce product record plus widget style settings

The Products widget does not provide a direct product-style item list. Its display modes use published WooCommerce product records.

Configure the product query#

For the Products widget, choose Product Display Type from Recent Products, Featured Products, or Best Sellers. Use Filter products by category and Product Category when a category query is needed. The widget also exposes item count, responsive columns or slides, carousel settings, and grid pagination where the selected display type allows them.

Query modes read published WooCommerce product records. Product price, stock, title, image, permalink, and add-to-cart behavior remain product-owned and can change when the product changes.

Use the Single Product selector#

The separate Single Product widget exposes Product Select. It selects one existing WooCommerce product record. Updating or removing that product changes or removes the widget output because the widget refers to that record; publishing a different product does not automatically replace the selected product. A normal page content field does not automatically reference a WooCommerce product.

Understand visible field ownership#

Visible elementSource in product-query modesSource in Single Product
TitleQueried product titleSelected product title
Image and gallery fallbackQueried product mediaSelected product media
Price and sale stateWooCommerce product dataSelected product data
Stock stateWooCommerce product dataSelected product data
LinkProduct permalink and product type behaviorSelected product permalink and product type behavior

Products Carousel exposes carousel navigation, arrows, bullets, responsive slides, loop, pause-on-hover, and speed settings. Products Grid exposes Enable Pagination and Items Per Page when those conditions are active. Products Grid Filter has its own filter output. These settings belong to the Elementor widget and do not change the theme Shop archive.

Simple products can use an Add to Cart action. Variable products commonly use Select Options so the customer chooses a variation. Grouped and External/Affiliate products have different destination or purchase behavior, and out-of-stock products may not be purchasable. Test the link without completing checkout.

Preview and update#

  1. Change product-owned data in Products#

    Update the product record when the title, price, stock, image, category, or product type is wrong.

  2. Change widget-owned data in Elementor#

    Update the Elementor page when the display mode, query, item count, category, ordering, carousel, pagination, or style is wrong.

  3. Refresh the correct output#

    Preview the page, test links, check mobile output, and clear only the relevant page or generated-file cache when saved output remains stale.

Common problems#

Get help safely#

Send the page URL, widget title, visible display mode, query settings, selected product or category, expected result, and relevant versions. Do not send passwords. Contact Plumbit support when the product source and widget settings are correct.

Product Categories widget#

Use the Product Categories widget when visitors need a category-level path into the Plumbit shop. Choose the category source, review the displayed terms, and confirm the result at the intended responsive widths.

How to find and add Plumbit Elementor widgets

Find Plumbit widgets in Elementor, add them to containers, arrange or duplicate them, and verify the saved frontend result, including dependency-based content requirements.

How Plumbit service widgets display content

Understand queried and manual Service widget content, filters, ordering, limits, and field ownership.

How Plumbit project widgets display content

Understand Post Type queries, direct Content List items, category filters, ordering, links, and field ownership.

How Plumbit team widgets display content

Understand Team record queries, direct Team Items, single direct items, category filters, ordering, links, and field ownership.