The Porto Product Archive Builder allows you to design and customize your WooCommerce shop, category, and tag archive pages with complete flexibility. Instead of using the default WooCommerce layout, you can build your own unique and optimized product listing pages using Elementor or WPBakery Page Builder, ensuring both aesthetic consistency and performance across your store.
Key Features of Porto Product Archive Builder
- Full Layout Control
Build archive pages entirely from scratch or start from Porto’s prebuilt templates. - Dynamic Product Display
Automatically loads products from WooCommerce archives (Shop, Category, Tag, etc.) with full filtering and sorting support. - Prebuilt Templates from Porto Studio
Instantly import high-quality layouts and sections optimized for conversions and responsiveness. - Conditional Display Rules
Assign custom layouts to the main shop page, specific product categories, or even custom taxonomies. - Integration with Page Builders
Fully compatible with Elementor and WPBakery. If both are activated, the default builder will open automatically. - Global Design Consistency
Syncs automatically with Porto’s global theme settings for colors, typography, and spacing.
Why Porto Product Archive Builder Stands Out
- High Performance
Optimized for speed and SEO, ensuring archive pages load quickly even with large product catalogs. - Visual Freedom
Gives full creative control over product grids, filters, banners, sidebars, and call-to-action areas. - Flexible Conditions
Allows applying unique designs for different product groups without writing any code. - Responsive and Mobile-Optimized
Every design automatically adapts to all screen sizes. - Deep WooCommerce Integration
Compatible with product sorting, pagination, layered navigation, and AJAX filters.
How to Use Porto Product Archive Builder
- Enable the Builder
In your WordPress dashboard, go to Porto → Template Builder and click Add New Template. - Select Template Type
Choose Product Archive as the template type. - Select Page Builder
The page will automatically open in the installed page builder (Elementor or WPBakery).
If both are installed, you can switch manually between them, but using one is recommended for better performance. - Import or Create a Layout
When the editor opens, a Porto Studio popup will appear.
- You can import a prebuilt layout optimized for shop or category pages, or
- Close the popup to build your layout from scratch.
- Add Archive Elements
Use Porto’s dedicated archive widgets such as
- Product Archive Title
- Product Grid / List
- Archive Filters & Sorting
- Breadcrumbs and Banners
- Pagination or Load More Button
Arrange and style them to match your store’s design.
- Assign Display Conditions
Under Template Settings, choose where this layout should appear (e.g., all archives, specific categories, or tags).
Save and publish. - Preview and Test
Clear your cache and visit your shop or category pages to confirm the new design is active.
For more details, please read this article.
