XOHAN NILOY

<p>⭐️ <strong><a href="https://www.youtube.com/watch?v=mGGeS8gPnK0" rel="nofollow ugc">Documentation Video</a></strong> ⭐️</p>
<p><strong>Showcase your work in a sleek and elegant portfolio layout with ajax load more button!</strong></p>
<p>Ajax Portfolio is the perfect tool for showcasing your work and creating beautiful, responsive, and highly customizable portfolio layouts.</p>
<h4>🛟 How it works?</h4>
<ul>
<li>Create Portfolio posts in the <strong>Portfolio</strong> section</li>
<li>Display your portfolio posts using the <strong>Portfolio</strong> block</li>
<li>Or you can create a new Portfolio Layout and insert it anywhere you want using shortcodes</li>
</ul>
<h4>💡 How to create a Portfolio Layout?</h4>
<ul>
<li>Go to <strong>Portfolio > Portfolio Layouts</strong> page</li>
<li>Add a Title and configure the options of the Portfolio block as you want</li>
<li>Copy the <strong>Shortcode</strong> from here <strong>wapp_portfolio_gallery</strong></li>
<li>Insert the Shortcode anywhere you want on your website. Or you can insert the <strong>Portfolio Layout</strong> block using the block editor.</li>
</ul>
<h4>📌 FEATURES</h4>
<ul>
<li>Create Portfolio Posts & Reusable Portfolio Layouts</li>
<li>Ajax Load More Button</li>
<li>Portfolio Grid</li>
<li>Portfolio Layout Block & Shortcode (Insert it in any page builder: Elementor, Beaver Builder, etc)</li>
<li>Portfolio Shortcode</li>
<li><strong>Isotope effect</strong> (category filter)</li>
<li>More features coming soon…</li>
</ul>
<h3>Integration with 3rd Party Service</h3>
<h3>Service Details</h3>
<ul>
<li><strong>Isotope:</strong> <a href="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js" rel="nofollow ugc">Isotope</a></li>
<li><strong>Image Loader:</strong> <a href="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.js" rel="nofollow ugc">Image Loader</a></li>
</ul>
<h4>🙌 FOLLOW US</h4>
<ul>
<li>📘 <a href="https://www.facebook.com/helloocoders/" rel="nofollow ugc">Facebook Page</a></li>
<li>📘 <a href="https://www.youtube.com/@wizadds" rel="nofollow ugc">YouTube</a></li>
</ul>


Ajax Portfolio

The ultimate solution for creatives to showcase work in a sleek, customizable portfolio with Ajax load more button and category filtering.

Freemius

DotRex

Diego Pereira

PWR Plugins

<p>The best portfolio and gallery plugin for WP, Elementor and Gutenberg. Create portfolio and image galleries in seconds using any page builder!</p>
<h3>The #1 Portfolio and Gallery plugin for Elementor</h3>
<p>★★★★★</p>
<p>WordPress has changed. Page builders have made it easier than ever to create websites.</p>
<p>Powerfolio arrives to complement this new generation of WordPress, making it possible to create portfolios and image galleries in an easy and fast way, fully integrated with WordPress page builders.</p>
<h3>Plugin Demo</h3>
<p><a href="https://powerfoliowp.com/" rel="nofollow ugc">Click here to see the portfolio demo</a></p>
<h3>The first impression is what matters</h3>
<p>Do you want to display projects in a classic grid or in a masonry layout? Or do you prefer an exclusive format, where each item has a specific size? With Powerfolio, you can choose any of these options.</p>
<p>Powerfolio allows you to create a professional portfolio or an image gallery in a few seconds using your preferred page builder (Gutenberg or Elementor).</p>
<p>It is possible, in a few clicks, to choose the number of columns, define category filters and customize hover effects, backgrounds, colors, CSS options, Animations, and much more.</p>
<h3>Compatible With Elementor</h3>
<p>Powerfolio is 100% compatible with Elementor. It means that you can use our portfolio for elementor or image gallery elementor widgets to create a gallery grid on any page and edit using the page builder features of Elementor.</p>
<h3>Integrated with Gutenberg</h3>
<p>Powerfolio is also compatible with Gutenberg, the block editor from WordPress. With our Portfolio and Image Gallery blocks you can easily create and customize filterable image grids using the visual editor from WordPress.</p>
<h3>Filterable Galleries</h3>
<p>Powerfolio has built-in filterable gallery option. By activating it, your users will be able to filter the items in the gallery according to the selected category.</p>
<h3>CSS Animations and Transition Effects</h3>
<p>You can choose from several transition effects for your portfolio or image grid.  A simple way to delight your users.</p>
<h3>Custom Grids</h3>
<p>There are several grid options to choose, like the classic box grid, masonry and custom grids.<br />
You can also create your own custom grid by changing the width and height of each item in the gallery (PRO version only)</p>
<h3>Fully Responsive</h3>
<p>Portfolios are 100% responsive, this means that your portfolio or gallery will work perfectly on any screen, such as monitors, tablets and mobile phones.</p>
<h3>Demo Videos</h3>
<p>Getting started with your first portfolio #1<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/6wrMp5li8ns?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p>Getting started with your first portfolio #2<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/eikLVsTO0yw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p>This is a detailed tutorial on how to build a nice portfolio with the plugin<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/sJFL3iG1Xjk?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>Features</h3>
<ul>
<li>Filterable Portfolio Addon/Widget for Elementor</li>
<li>Filterable Portfolio Block for WordPress/Gutenberg</li>
<li>Filterable Image Gallery Addon/Widget for Elementor</li>
<li>Filterable Image Gallery Block for WordPress/Gutenberg</li>
<li>Portfolio Shortcode Generator (available on the WP Classic Editor screen)</li>
<li>Masonry,Boxed and custom Packery Grid layouts (and also a grid builder in PRO version!)</li>
<li>You can show the projects on a modal or on a single page</li>
<li>Compatible with Elementor (Portfolio Widget)</li>
<li>Compatible with any page builder (using the shortcode option)</li>
<li>2,3,4,5 or 6 collumns</li>
</ul>
<h3>Elementor Portfolio Widget/Addon</h3>
<p>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.</p>
<h3>Filterable Image Gallery for Elementor Widget/Addon</h3>
<p>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.</p>
<h3>Image Gallery GRID Builder (PRO Version)</h3>
<p>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.</p>
<h3>Beta Features</h3>
<p>We also have some fatures that are not the main purpose of the plugin but we can turn into main features of the plugin. E.g.<br />
* Posts Grid Addon/Widget for Elementor<br />
* Woocommerce Products Grid Addon/Widget for Elementor<br />
* 4 Post/Product Grid Styles – Classic, Masonry and 2 creative styles</p>
<h3>POSTS GRID FOR ELEMENTOR WIDGET</h3>
<p>With this Elementor widget, you can display the content of the “post” post type in a customizable post grid, with several style options.</p>
<h3>PRODUCTS GRID FOR ELEMENTOR WIDGET</h3>
<p>You can use this Elementor widget to display the products of your Woocommerce store.</p>
<h3>PRO version Features</h3>
<ul>
<li>Several hover animations/effects</li>
<li>Several grid styles, including our exclusive Special Grids</li>
<li>Grid Builder (exclusive feature!)</li>
<li>Portfolio Carousel Widget</li>
<li>Extra CSS effects and animations</li>
<li>Option to display a specific portfolio category</li>
<li>Option to display content from any post type to the grid</li>
<li>Extra customization options</li>
</ul>
<h3>Installation Instructions / How to use</h3>
<ol>
<li>Upload <code>elementor-portfolio</code> folder to the <code>/wp-content/plugins/</code> directory</li>
<li>Activate the plugin through the ‘Plugins’ menu in WordPress</li>
<li>Click on the “Portfolio” link from the main menu</li>
<li>Click on “Add New Item”, create your first portfolio content and publish. Create as many posts you want.</li>
<li>Create a new page using Elementor, or edit a existing open</li>
<li>Drag and drop the portfolio widget to your page.</li>
<li>Customize it using the widget options and publish the page.</li>
<li>Done! Your new portfolio is ready!</li>
</ol>
<h4>How to display the filterable portfolio grid using a shortcode</h4>
<p>The widget will be available in Elementor items. Just drag it to your website and select the customization options 🙂</p>
<p>You can also use dthe shortcode to display the portfolio grid on a page/post, or using Gutenberg and other page builders:</p>
<p>[powerfolio]</p>
<p>You can customize it using these options:</p>
<ul>
<li><strong>postsperpage:</strong> Set a number of posts to show (eg: postsperpage=”12″).</li>
<li><strong>showfilter</strong>: Show the category filter on the top of the grid. Options: yes/no. (eg: showfilter=”yes”).</li>
<li><strong>style</strong>: Set the grid style of the portfolio. Options: masonry/box. (eg: style=”box”).</li>
<li><strong>linkto</strong>: 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”).</li>
<li><strong>columns</strong>: Set the columns per row of the portfolio grid. Options: 2/3/4. (eg: columns=”4″).</li>
<li><strong>margin</strong>: Choose if you want a margin between the items or no. Options: yes/no. (eg: margin=”no”).</li>
</ul>
<p><strong>Example of a complete shortcode:</strong></p>
<p>[powerfolio postsperpage=”12″ type=”no” showfilter=”yes” style=”masonry” linkto=”image” columns=”4″ margin=”no”]</p>
<p><strong>Example of a complete shortcode without the set properties:</strong><br />
[powerfolio postsperpage=”” showfilter=”” style=”” linkto=”” columns=”” margin=””]</p>


Portfolio & Image Gallery for Elementor | PowerFolio

The best portfolio and gallery plugin for WP, Elementor and Gutenberg. Create portfolio and image galleries in seconds using any page builder!

Ajax Portfolio vs Portfolio & Image Gallery for Elementor | PowerFolio