Description: A tool to catalog, manage, and professionally showcase the projects, works, or case studies completed by your company.
What is it for? (Practical examples)
Use the Portfolio module to:
- Create a "Completed Works" or "Case Study" section on your website, keeping all content updated in one place.
- Organize projects by specific categories (e.g., "Web Design," "Social Campaigns," "App Development") to facilitate user navigation.
- Filter and highlight the most important or recent projects on your homepage or on pages dedicated to services.
Main Features
1. Project and Category Management
- Work Archiving: Allows you to create, edit, and archive detailed records for each individual completed project.
- Flexible Categorization: Projects can be associated with one or more categories, which can be organized in multiple levels (parent and child categories).
- Multimedia Details: For each project, you can upload a main image, a gallery of images optimized for web viewing, and a gallery optimized for mobile viewing.
- Visibility and Priority: It is possible to activate or deactivate a project and mark it as "featured" to easily recall it in filtered lists.
2. Display Tools (Visual Builder)
The module offers dynamic blocks to use in the Visual Builder to build site pages:
| Block | Function |
|---|---|
| Project List | Displays a list of projects, filterable by category, service, or criterion (featured). |
| Portfolio Details | Allows dynamic display of the contents of a single project (title, description, galleries). |
| Category List | Shows a list of categories, useful for creating navigation menus or index sections. |
| Category Details | Allows displaying specific information about a category (title, description, banner). |
3. Filters and Sorting
When viewing a list of projects, the following filters are available:
- Category Filter: Limits the display to projects belonging to one or more selected categories.
- Service/Industry Filter: Allows filtering works based on associated company services or sectors.
- Text Search: Enables filtering results through a search query on the project name.
- Sorting: Projects can be sorted by date added (most recent or least recent) or by a custom order.
- Pagination: Automatic pagination management to split results across multiple pages.
How to Configure
The main configuration is done through the administration panel, under the Portfolio section, where you manage Projects and Project Categories.
Display options (filters, limits) are managed directly within the Visual Builder when inserting the Project List or Category List block.
Project List Display Options
| Setting | Description |
|---|---|
| Limit by Services | Select the services for which you want to show projects. |
| Category | Select a specific category to filter the results. |
| Search Query | Enter a keyword to filter projects by name. |
| Criterion | Check the "Featured Products" option to show only projects marked as such. |
| Sort By | Choose the order (Date or Custom) and direction (Ascending or Descending). |
| Limit and Offset | Set the maximum number of works to display (Limit) and from which position to start counting (Offset). |
Automatic Integrations
The Portfolio module automatically integrates with the system's main features to ensure smooth management of public content:
Dynamic Pages and SEO
The system automatically creates two types of dynamic pages:
1. Portfolio Detail Page: A dedicated page for each individual project, with an SEO-optimized URL.
2. Portfolio Category Page: An index page for each created category, which can contain the list of related projects.
Navigation and Menus
- Individual projects and categories can be added directly to the site's navigation menus, allowing visitors quick access to the content.
Internal Search
- All projects and categories are indexed and automatically included in the site's internal search results, improving user experience.
Dynamic Content (Shortcode)
The module provides a wide range of dynamic placeholders (shortcodes) that can be used on detail pages to automatically call the data of the project or category currently being viewed (e.g., {portfolio-title}, {portfolio-description}, {portfolio-image}).
