Porto’s Product Archive Builder allows you to create fully customized WooCommerce archive pages using Elementor or WPBakery. This includes layouts for the Shop page, Product Category pages, Tags, Attributes, and Search Results.
Instead of relying on WooCommerce’s default archive structure, Porto lets you build your own layouts visually. Dedicated archive elements give you full control over product listings, toolbars, filters, and archive information—making it easy to design the exact layout you want.
Available Product Archive Builder Elements Include
- Type Builder Archives – Displays the main list of products. Automatically reflects sorting, filters, pagination, and category selections.
- Tool Box (WPBakery Only) – A container element used only in WPBakery.
Toolbar items—such as Sort By or Grid/List Toggle—must be placed inside the Tool Box. (Elementor does not require this container). - Sort By – Displays the WooCommerce sorting dropdown (e.g., Popularity, Newest, Price).
- WPBakery: Add inside Tool Box
- Elementor: Add directly to the layout
- Product Result Count – Shows the “Showing X–Y of Z results” text.
- WPBakery: inside Tool Box
- Elementor: placed directly
- Pagination(Count Per Page) – Allows customers to choose how many products appear per page.
- WPBakery: inside Tool Box
- Elementor: placed directly
- Grid / List Toggle – Provides a toggle to switch between grid view and list view.
- WPBakery: inside Tool Box
- Elementor: placed directly
- Filter Toggle – Adds a button to show/hide product filters depending on your filter layout configuration.
- WPBakery: inside Tool Box
- Elementor: placed directly
- Shop Page Subcategories – Displays WooCommerce product subcategories on category archive pages. Available in both Elementor and WPBakery.
- Shop Hooks – Displays WooCommerce hook areas such as:
-
woocommerce_before_shop_loop -
woocommerce_after_shop_loop
Useful for injecting notices, banners, or plugin content.
-
- Archive Title – Outputs the archive page title, such as the category name.
- Archive Description – Shows the description for the current archive (e.g., category or tag description).
Note: Porto’s Product Archive Builder elements are only rendered when used inside Product Archive Blocks, not in regular pages or templates.
Additional Features
Flexible Builder Support
- Elementor: Add toolbar widgets directly onto the page.
- WPBakery: Toolbar widgets must be placed inside the Tool Box element.
Subcategory Display Support
Subcategories appear only on pages where they exist (such as category archives) and are supported by both page builders.
Full Layout Control
Using these elements, you can design any type of archive layout, including:
- Custom shop headers
- Promotional sections
- Custom filter bars
- Two toolbars (top and bottom)
- Banner-based category intros
- Custom product grid arrangements
