Archive Builder

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 Archive Builder

Full Archive Layout Control
Create archive layouts from scratch or start from Porto’s professionally designed templates.
Dynamic Content Rendering
Automatically displays posts from the current archive context (category, tag, author, or post type) without manual querying.
Prebuilt Templates from Porto Studio
Import ready-made archive designs optimized for readability, SEO, and responsiveness.
Conditional Display Rules
Assign different archive layouts to All Archives, Specific Post Types, Individual cateogries or tags, Author or date archives
Page Builder Integration
Fully compatible with Elementor and WPBakery. If both are activated, the default builder will open automatically.
Global Design Consistency
Archive layouts inherit Porto’s global typography, colors, and spacing settings to maintain brand consistency.

Why Use Porto Archive Builder

Visual Flexibility
Design archive headers, grids, sidebars, filters, and pagination exactly the way you want.
Performance-Focused
Optimized markup and dynamic loading ensure fast page speeds, even on large blogs.
SEO-Friendly Structure
Clean HTML output and proper archive hierarchy help improve search engine visibility.
Responsive by Default
All archive layouts automatically adapt to desktop, tablet, and mobile devices.
No Coding Required
Everything is configurable visually inside the page builder interface.

How to Use Porto Archive Builder

Enable the Builder
In your WordPress dashboard, go to Porto → Template Builder and click Add New Template.
Select Template Type
Choose 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 Build a Layout
When the editor opens, a Porto Studio popup will appear.
- Import a prebuilt archive layout, or
- Close the popup and design the layout manually
Add Archive Elements
Use Porto’s dedicated archive widgets such as Porto Archive Builder
Set Display Conditions
Under Template Settings, choose where this layout should appear (e.g., all archives, specific post types, or selected categories, tags or authors).
Preview and Test
Publish the template, clear caches, and visit your archive pages to verify the layout.