Portfolio for Elementor, Image Gallery & Post Grid | PowerFolio

Descripció

This plugin extend Elementor by adding the Post Grid, Portfolio & Filterable Image Gallery widgets for free!

Plugin Demo

Click here to see the portfolio demo

Overview

This plugin extend Elementor by adding the Post Grid, Portfolio & Filterable Image Gallery addons/widgets for free!

It allows you to create a creative portfolio to show your projects using the Drag&Drop interface of Elementor.

It also adds a filterable image gallery with several options to customize.

It’s very useful to create a portfolio of websites or web development projects and it is specially made for creative professionals such as designers, web developers and photographers.

You can also enable the filterable portfolio and gallery option, separating your projects into categories that can be filtered.

It’s also useful to create amazing image galleries on your website.

Besides, it now also has Post Grid and Product Grid widgets for Elementor, with several options on Elementor screen to customize each part of the posts grid or Woocommerce product grids.

Demo Videos

Getting started with your first portfolio #1

Getting started with your first portfolio #2

This is a detailed tutorial on how to build a nice portfolio with the plugin

Features

• Filterable Portfolio Addon/Widget for Elementor
• Filterable Image Gallery Addon/Widget for Elementor
• Posts Grid Addon/Widget for Elementor
• Woocommerce Products Grid Addon/Widget for Elementor
• You can display only a Custom Portfolio Category if you want
• You can show the projects on a modal or on a single page
• Compatible with Elementor (Portfolio Widget)
• Compatible with any page builder (if you use the shortcode)
• Compatible with Gutenberg (if you use the shortcode)
• Masonry,Boxed and Packery Grid layouts (and also a grid builder in PRO version!)
• 2,3,4,5 or 6 collumns
• 4 Post/Product Grid Styles – Classic, Masonry and 2 creative styles

Elementor Portfolio Widget/Addon

With this Elementor portfolio widget, you can display the posts of the portfolio post type in a filterable gallery. You have options to customize everything, from the layout/grid to the hover effects.

Filterable Image Gallery for Elementor Widget/Addon

You can use the Elementor gallery widget to display a filterable image gallery in your page. You will have the same customization options as the portfolio for elementor widget.

Image Gallery GRID Builder (PRO Version)

With the grid builder, you wil be able to customize the width and height of each item in your gallery. In combination with the packery layout and the filter, it allows you to create unique and magic grids.

Posts Grid for Elementor Widget

With this Elementor widget, you can display the content of the “post” post type in a customizable post grid, with several style options.

Products Grid for Elementor Widget

You can use this Elementor widget to display the products of your Woocommerce store.

PRO version Features

• 14 hover effects
• 10 grid styles, including our exclusive Special Grids
• Grid Builder
• Portfolio Carousel Widget
• Extra CSS effects and animations
• Option to display a specific portfolio category
• Option to display content from any post type to the grid
• Extra customization options

Installation Instructions / How to use

1. Upload elementor-portfolio folder to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Click on the “Portfolio” link from the main menu
4. Click on “Add New Item”, create your first portfolio content and publish. Create as many posts you want.
5. Create a new page using Elementor, or edit a existing open
6. Drag and drop the portfolio widget to your page.
7. Customize it using the widget options and publish the page.
8. Done! Your new portfolio is ready!

How to display the filterable portfolio grid using a shortcode

The widget will be available in Elementor items. Just drag it to your website and select the customization options 🙂

You can also use dthe shortcode to display the portfolio grid on a page/post, or using Gutenberg and other page builders:

[powerfolio]

You can customize it using these options:

• postsperpage: Set a number of posts to show (eg: postsperpage=”12″).
• showfilter: Show the category filter on the top of the grid. Options: yes/no. (eg: showfilter=”yes”).
• style: Set the grid style of the portfolio. Options: masonry/box. (eg: style=”box”).
• linkto: Set the link type of the portfolio item. If is set to image, it will open the Featured Image on a lightbox. Options: image/project. (eg: linkto=”image”).
• columns: Set the columns per row of the portfolio grid. Options: 2/3/4. (eg: columns=”4″).
• margin: Choose if you want a margin between the items or no. Options: yes/no. (eg: margin=”no”).

Example of a complete shortcode:

[powerfolio postsperpage=”12″ type=”no” showfilter=”yes” style=”masonry” linkto=”image” columns=”4″ margin=”no”]

Example of a complete shortcode without the set properties:
[powerfolio postsperpage=”” showfilter=”” style=”” linkto=”” columns=”” margin=””]