The Product Result Count element is a shop-utility widget provided by the Porto theme for building WooCommerce product archive pages. It displays the number of products currently shown on the page, helping customers understand how many items match their filters, search query, or category selection.
This element is available in WPBakery Page Builder and Elementor, and can be placed inside the Porto Tool Box (WPBakery) or added directly to the layout (Elementor).
How to Use the Product Result Count Element
WPBakery Page Builder
- Open Porto → Template Builder → Product Archive and edit your archive layout.
- Add the Porto Tool Box element. (Required in WPBakery)
- Inside the Tool Box container, click + Add Element.
- Search for Product Result Count and insert it.
- Adjust typography and color settings as desired.
- Save the layout and check your shop page.
Elementor Page Builder
- Open your custom Product Archive template in Elementor.
- Drag the Product Result Count widget from the Porto elements panel.
- Style the text using the available typography and color options.
- Save and preview the changes on the live shop page.
Element Content Options
| Option | Description |
|---|---|
| Typography | Controls the font family, size, weight, letter spacing, and line height of the result-count text. Use this to match the widget with your site’s design style. |
| Color | Sets the text color for the result count. Useful for matching the shop layout or adjusting visibility on dark/light backgrounds. |
Additional Tips
- For WPBakery, the widget must be placed inside the Porto Tool Box; otherwise, it will not render tools properly.
- Combine this element with Sort By, Pagination(Counts Per Page), Grid/List Toggle, and Filter Toggle for a complete shop utility bar.
- Ensure global archive styling aligns with the Porto → Theme Options → WooCommerce → Product Archives settings for consistent appearance.
- Result count styling should be kept readable, especially on mobile devices where this tool is commonly used.
